なんでもかんでもpicture要素を使えばいいわけじゃない！レスポンシブ・イメージ実装の際の注意点
画像表示のマルチデバイス対応をHTMLとCSSのみで実現できる「レスポンシブ・イメージ」ですが、効果的な使い方をするには、いくつか注意点があります。プロダクション・サイトで使えるようになるまでにはもう少し時間がかかりそうですが、基礎と注意点くらいは今から覚えておいても良さそうです。 Cloud Fourというアメリカの制作会社のブログ で、<picture>要素の使い方について注意を促していて、とても重要な情報だと思ったのでこちらでもシェアします。先日書いたレスポンシブ・イメージとPicturefill 2のまとめとあわせて、近い将来、レスポンシブ・イメージ実装の参考になれば幸いです。 まずは推奨の記述方法から レスポンシブ・イメージ実装の際に推奨されるHTMLの記述方法は以下のとおりです： とりあえず、これだけ覚えておけば、細かいところはこの記事をはてブ しておいて、使う時にもう一度見な
Yahoo!ニュース高速化の方法、PNG8移行時期は今 | エンタープライズ | マイコミジャーナル
Yahoo! JAPAN Tech Blog Yahoo! JAPANは27日、Yahoo!ニュースをリニューアルした。従来よりも高速にページが表示されるように改善が施された。従来は3秒から5秒ほどかかることもあった表示時間を1秒以内のレスポンスタイム実現を目指して各種最適化が実施されたと説明されている。 どういった最適化が実施されたのかがYahoo! JAPAN Tech Blog Yahoo!ニュース高速化へのサイトデザイン側からのアプローチで説明されている。サイトデザイン側の高速化アプローチとしておもに次の技術を活用したという。 CSS Spriteの採用 PNG8の採用 Optpix WebDesignerを使いPNG8の減色処理を実施 Smush.itを活用しPNG8の余分なチャンクを削除 興味深いのは、これらテクニックはYahoo!のエンジニアでありYSlowの開発者、Stoy
HTMLに再び風は吹くか、そして「HTML 5.0」は ― ＠IT
Webを構成している技術に関していえば、1つ確かなことがある。それは、「HTMLは明らかに過去の存在」ということだ。HTMLはWebの基盤を構築する上で大きな役割を果たしてくれたが、今やWebの未来を担っているのは、XML、XHTML、そしていくつものスクリプティング言語だ。 HTMLよ、さようなら！ ちょっと待って、何だって？ World Wide Web Consortium（W3C）が次世代HTML標準の策定に向けて新しいHTML作業部会を設定しただって？ よし、それなら、いま私が言ったことは全部撤回だ。 Web標準やW3Cの動きを追っている人であれば、おそらく、このニュースには私と同じくらい驚いているだろう。HTMLは既に過去のものであり、この標準についてはもはや新しい作業は行われないだろうというのが、しばらく前からの共通の認識だった。そして、Web開発の標準はすべて XHTML（
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
