なんでもかんでもpicture要素を使えばいいわけじゃない！レスポンシブ・イメージ実装の際の注意点
画像表示のマルチデバイス対応をHTMLとCSSのみで実現できる「レスポンシブ・イメージ」ですが、効果的な使い方をするには、いくつか注意点があります。プロダクション・サイトで使えるようになるまでにはもう少し時間がかかりそうですが、基礎と注意点くらいは今から覚えておいても良さそうです。 Cloud Fourというアメリカの制作会社のブログ で、<picture>要素の使い方について注意を促していて、とても重要な情報だと思ったのでこちらでもシェアします。先日書いたレスポンシブ・イメージとPicturefill 2のまとめとあわせて、近い将来、レスポンシブ・イメージ実装の参考になれば幸いです。 まずは推奨の記述方法から レスポンシブ・イメージ実装の際に推奨されるHTMLの記述方法は以下のとおりです： とりあえず、これだけ覚えておけば、細かいところはこの記事をはてブ しておいて、使う時にもう一度見な
秋に歩きたい「鎌倉」のおすすめ紅葉スポットまとめ - ウォーキングと美味しいもの
photo credit: kouyuzu via photopin cc 少し冷たい風が気持ちの良い秋は、特に鎌倉を歩いていて楽しい季節。赤や黄色の綺麗な紅葉を眺めながら、ぶらぶら歩いて、美味しい甘味を食べたり、お茶を飲んだり。それだけで日頃の疲れが取れる気がする。秋に歩きたい「鎌倉」のおすすめ紅葉スポットなどについてまとめました。 ◆鎌倉の紅葉の見頃は？ 例年の傾向だと11月の下旬〜12月下旬。 ◆鎌倉で綺麗な紅葉を見るなら 鎌倉の中でも特に紅葉が綺麗と言われている主要なおすすめスポットについてまとめました。特に「獅子舞の谷」は穴場ながらも、鎌倉の中でも一番紅葉が綺麗、と言う人もいるほどで是非一度行ってみてほしい場所。 ■鶴岡八幡宮 photo credit: itchys via photopin cc 鶴岡八幡宮 ■明月院 photo credit: jmsmytaste via
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
