HTML5 adaptive images: end of round one | HTML5 Doctor
This article is now superseded. A newer version of the <picture> element is being implemented in Blink, WebKit, Firefox. Read Responsive Images Done Right: A Guide To <picture> And srcset for more. After The Great Vendor Prefix Hullaballoo of April 2012 comes The Great Responsive Images Brouhaha of May 2012. Adaptive images are the next unsolved mystery of Responsive Web Design. Do you send large
How To Optimize Images With HTML5 Canvas — Smashing Magazine
If you really care about your visitors, then read this post in which Sergey Chikuyonok demonstrates how to optimize images with HTML5 Canvas. Images have always been the heaviest component of websites. Even if high-speed Internet access gets cheaper and more widely available, websites will get heavier more quickly. If you really care about your visitors, then spend some time deciding between good-
HTML5を使ってこんなことも。Googleマップ風の画像ビューワー·Bigshot MOONGIFT
Bigshotは巨大な画像をタイル状に分解し、Googleマップのようなビューワーで閲覧するソフトウェア。 BigshotはHTML5/Java製のオープンソース・ソフトウェア。デジカメが高性能化するのに伴って、撮影できるサイズが大きくなっている。とは言え写真を閲覧するディスプレイのサイズは決まっているので、大きな写真ではズームしたりしなければならない。 写真をズームして閲覧する 極端に大きな写真では全体のダウンロードだけで時間を要してしまう。そこで考えてみたいのがGoogleマップライクに写真をタイル状にし、必要な部分だけ拡大するという方法だ。それを実現するライブラリがBigshotになる。 BigshotはHTML5/JavaScriptを使って画像を表示する。マウスのスクロールでズームイン/アウトが可能で、マウスのドラッグで見る場所を切り替える事ができる。Java製のツールで予め写真
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
