2023-06-11のJS: Rspack 0.2、Modern CSS、polywasm

2023/06/11 8 users Loader output bundler rust Vue

JSer.info #647 - Rustで書かれたwebpack互換のbundlerであるRspack 0.2がリリースされました。 Announcing Rspack 0.2 - Rspack Plugin Hooksの追加、ESM形式のoutputに対応、SplitChunksPluginの実装、Data URIのサポートが追加されています。 また、Vue/Svelte/NestJSのloaderのサポートが追加されています。 Modern ... 続きを読む

快速ページ表示のためのblank.gifのdata URI化、最短表現や処理の重さを実際にテストしてみた | 編集長ブログ―安田英久 | Web担当者Forum

2017/03/21 32 users 安田英久 Web担 Web担トップ なか コラム

Web担トップ » [コラム] Web担のなかの人――編集部ブログ » 編集長ブログ―安田英久 » 快速ページ表示のためのblank.gifのdata URI化、最短表現や処理の重さを実際にテストしてみた 編集長ブログ―安田英久 快速ページ表示のためのblank.gifのdata URI化、最短表現や処理の重さを実際にテストしてみた data URIって何？ 使うとどう良いの？ という人向けの基本... 続きを読む

SVGをdata URI schemeに変換するとき文字化けしないように必要なこと - 聴く耳を持たない(片方しか)

2014/10/15 51 users iPhone Scheme www.apple.com 端末

現在、パソコン、スマートフォン、タブレットと様々な画面サイズの情報機器が世の中に溢れています。そうした端末に適切に対応するには画像も色々なサイズのものをいくつも用意する必要があるわけですが、SVGのようなベクター画像であればそうした手間も少なくて済むのがメリットです。例えば、AppleのサイトではロゴにSVGを使っています。https://www.apple.com/jp/iphone/ そしてそ... 続きを読む

GitHubのエラー・ページ - Weblog - hail2u.net

2013/10/06 70 users GitHub HTT Weblog hail2u.net

GitHubのStyleguideにエラー・ページのセクションがあるのを知った。それによると外部ファイルに依存しないように書いているらしい。CSSはstyle要素で、JavaScriptはscript要素で、画像ファイルはBase64エンコードしてData URIで、それぞれHTMLに直接埋め込むというスタイル。 実際に404のテンプレートでもちゃんとそうなっていた。フロントエンド脳なので、HTT... 続きを読む

画像をCSSに埋め込みたいときに役立つ、画像をBase64に変換できるサービスまとめ4つ - W3Q

2012/12/04 36 users CSS Base64 Scheme W3Q 画像

data URI scheme 変換ツール 画像をBase64形式に変換してimgタグを出力してくれるツール。 画像をBase64に変換するツール (data URI scheme) - シングスブログ http://blog.thingslabo.com/archives/000058.html Google のウェブ検索結果でウェブページのスクリーンショットに使われている data URI s... 続きを読む

リファラとCSRF対策の話 - 金利0無利息キャッシング – キャッシングできます - subtech

2012/10/18 241 users リファラ subtech CSRF対策 利息キャッシング 金利

リファラを使ったCSRF対策では多くの場合、想定していない、外部サイトのリファラが付いていたらエラーにする、ということが行われます。 一方で、ブラウザ側の設定に関わらず、リファラはいくつかの方法で消せます。 data uriからの送信 https から http への送信 meta referrerタグで送信しない指定をする(対応ブラウザのみ) 参考: http://wiki.whatwg.org... 続きを読む

404 Blog Not Found:javascript - で bilateral filter (選択的ガウスぼかし)を実装してみた

2012/09/06 93 users JavaScript threshold radius 要点

ざっとこんな感じです。img中の画像にradiusとthresholdで指定されたとおりに bilateral filter をかけ、結果をData URIとして帰します。画像操作には使い捨てのcanvasを使っています。canvasに関しては「HTML5 Canvas」が参考になりました。この場を借りて献本御礼。 要点と感想 アルゴリズムの実装そのものは簡単でした。以下のページのおかげです。 A... 続きを読む

CSS内の画像埋込で高速化(Data URI) #CSS #PHP - Qiita

2012/07/24 70 users Qiita CSS PHP CSS内 高速化

body { background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAK8AAACvABQqw0mAAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTM5jWRgMAAA... 続きを読む

[JS]ローカル環境でも利用できるダミー画像を生成するスクリプト -Holder.js | コリス

2012/06/21 64 users コリス Scheme canvas Holder.js 超軽量

サイズやカラーをテキストで指定するだけで簡単にダミー画像を生成できる超軽量（4KB）のスクリプトを紹介します。 Holder.jsのデモ Holder.jsの使い方 Holder.jsのデモ 対応ブラウザ Holder.jsはcanvasとdata URI schemeを使用しているため、下記のブラウザでご覧ください。 Chrome 1+ Firefox 3+ Safari 4+ Internet... 続きを読む

今更だけどdata URI Schemeって何？ | poyosicom

2012/04/16 63 users Scheme poyosi poyosicom スキーム 自体

こんにちは、@poyosiです。皆さんdata URI Scheme使ってますか？ 私は全然使ってません。 data URI Scheme（データ ユーアールアイ スキーム）自体はかなり昔からありますが、知っておいて損はないと思いますので、おさらいの意味も込めて書きたいと思います。 そもそもURI Scheme（ユーアールアイ スキーム）とは？ data URI Schemeのお話をする前に、そも... 続きを読む

JavaScript 内で無圧縮 ZIP を作って Data URI を生成するライブラリを作りました - IT戦記

2008/11/30 224 users ライブラリ IT戦記 無圧縮 lang zip

javascript ちょっと思うところあってJavaScript 内で、複数のファイル情報を作って Zip で固めて、 Data URI を生成するライブラリを作ってみました。ソースは以下の zip.js です。share - Revision 25405: /lang/javascript/Zip 使うには以下の base64.js が必要です。410 Goneこの base64.js は弾さ... 続きを読む