GitHub - cjohansen/juicer: A command line tool for JavaScript and CSS developers
Juicer supports embedding images into stylesheets using data uri’s. In order to be as unobtrusive as possible, you must indicate for each image that it can be embedded in the stylesheet by using the embed url suffix. Example: h1 { background: url(/somepath/someimage.png?embed=true); } When merging the stylesheets, you must specify which type of embedding you want, currently only ‘none’ and ‘data_u
WebGLのテクスチャはimgでもできました。 - ラシウラ
WebGLでテクスチャを使う - ラシウラの続きです。 結論から言うと、canvas同様にimgでもWebGLのテクスチャに使えました。座標系はやはり画像の左上が(0,0)です。canvas2dでこれらと同様に扱えるvideoタグでもおそらく同様にテクスチャ利用ができそうです。 http://gist.github.com/216810 上下反転するにはいろいろやりかたがありますが、ここはvertex shaderのコードで texCoord = coord; を texCoord = mat2(1.0, 0.0, 0.0, -1.0) * coord; などと、変更するのがいいのではないでしょうか。 1ファイル完結にこだわっているため、コード中のimgタグにはdataスキームのURIで画像を埋め込んでます。もちろんhttpなurlでも、PNGでなくてもOKです。 ちなみにPNGファイルか
1px透過GIF・PNGの最小base64表現 - mayokara note
透過GIF 1px・Base64 - 8時40分が超えられない - subtech 縮めてみた。多分最小。 1px透過GIF 39bytes R0lGODlhAQABAGAAACH5BAEKAP8ALAAAAAABAAEAAAgEAP8FBAA7 data:image/gif;base64,R0lGODlhAQABAGAAACH5BAEKAP8ALAAAAAABAAEAAAgEAP8FBAA7 1px透過PNG 68bytes iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVQI12NgYAAAAAMAASDVlMcAAAAASUVORK5CYII= data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVQI12NgYAAAAAMAA
水面に反射するような効果を画像に加えるJavaScript「Reflection.js」
上記画像を見れば分かるように、水面やなめらかな金属などに映り込んだような効果を画像に簡単に持たせることができるようになります。わざわざ画像を加工するソフトウェアを起動する必要がなくなるというわけ。映り込みの度合いも調整可能です。 Internet Explorer 5.5以上、Firefox 1.5以上、Opera 9以上、Safariで動作する模様。 Reflection.js http://cow.neondragon.net/stuff/reflection/ 「class="reflect"」というのを加えるだけで基本的に利用可能になります。画像ごとに効果を加える必要がなくなるというのがメリットらしい。ブログのアバター画像などで使うことを主目的に開発されたらしいですが、そのほかにも何か面白いことができそうな気もする。 なお、上記サイトからWordpressやphpBB、vBulle
CSSだけで画像をプリロードするテクニック:phpspot開発日誌
Specere Blogs Blog Archive A Simple CSS Image preloading technique So you need to pre-load images, but don’t want to deal with javascript or complicated workarounds. What do you do? The solution is simple. All we need to do is designate a CSS style with multiple background-images. As your browser reads the style, it will load each image you designate in succession, thus pre-loading your images. Be
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Googleの検索結果ページは画像を一つしか読み込んでいない (polog)
COOL ONLINE - JAPAN - JAPAN ONLINE
