タグ

2014年12月9日のブックマーク (2件)

  • なんでもかんでもpicture要素を使えばいいわけじゃない!レスポンシブ・イメージ実装の際の注意点

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

    なんでもかんでもpicture要素を使えばいいわけじゃない!レスポンシブ・イメージ実装の際の注意点
  • Lori Scacco / Circles - 雨と休日オンラインショップ

    誰がお薦めしていたか、とか、誰と関わりを持ったアーティストなのか、とか、どうでもいいと思えることがある。それは名作の証。ロリ・スカッコの『Circles』を聴くたびに、彼女がどういう人物なのか、どういう経緯でこの作品が作られたのか、などが気になりつつも結局気にせず聴いている自分がいるはずだ。『Circles』は何もしなくていいときに聴く作品。流れる40分間は、あらゆる時が止まっている。仕事も手に着かない。精神の旅に出るような、夢の世界をふわりと訪れるような、その間だけ、何処か違う場所に居るようだ。眠る前に聴いて、そのまま夢の中まで連れて行きたい。 01. Reeling Then Again ♪ 02. Imitation of Happiness ♪ 03. A Quiet Light ♪ 04. Heirlooms ♪ 05. Love’s Journey 06. Sketches o

    Lori Scacco / Circles - 雨と休日オンラインショップ