[B! tips][webdesign][html5] ko-ya-maのブックマーク

ko-ya-ma id:ko-ya-ma

tipsとwebdesignとhtml5に関するko-ya-maのブックマーク (2)

なんでもかんでもpicture要素を使えばいいわけじゃない！レスポンシブ・イメージ実装の際の注意点
画像表示のマルチデバイス対応をHTMLとCSSのみで実現できる「レスポンシブ・イメージ」ですが、効果的な使い方をするには、いくつか注意点があります。プロダクション・サイトで使えるようになるまでにはもう少し時間がかかりそうですが、基礎と注意点くらいは今から覚えておいても良さそうです。 Cloud Fourというアメリカの制作会社のブログで、<picture>要素の使い方について注意を促していて、とても重要な情報だと思ったのでこちらでもシェアします。先日書いたレスポンシブ・イメージとPicturefill 2のまとめとあわせて、近い将来、レスポンシブ・イメージ実装の参考になれば幸いです。まずは推奨の記述方法からレスポンシブ・イメージ実装の際に推奨されるHTMLの記述方法は以下のとおりです：とりあえず、これだけ覚えておけば、細かいところはこの記事をはてブしておいて、使う時にもう一度見な
ko-ya-ma 2014/10/07
tips

html5

css

WebDesign
リンク
Youtubeの動画を背景に
Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest techno logies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp
ko-ya-ma 2011/12/28
章や節といった単位で扱うので、セクション内容を表すh1～h6の見出しが必要。コンテナ要素ではないので、レイアウト目的に使用することはできない。

html5

WebDesign

tips

basic
リンク
1