![イラストレーターライブペイント機能](https://cdn-ak-scissors.b.st-hatena.com/image/square/7506df1898ac39ae9a6d13c4d369c6b327f778dc/height=288;version=1;width=512/https%3A%2F%2Fhandywebdesign.net%2Fwp-content%2Fuploads%2F2012%2F09%2F2012_0918_tmb.jpg)
レスポンシブなWebデザインを 作るときに役立つ情報やツール などをまとめているWebサイト、 This Is Responsiveをご紹介 します。情報はかなり出回って いるのでこうして纏められると 助かります。 レスポンシブWebデザイン向けリソース集です。 メニューはPatterns、resources、newsで、それぞれレスポンシブなWebデザインを作成する際に役立つ情報が纏められています。 ↑ 例えばPatternsではレイアウトやナビゲーション、フォームなどの情報を網羅。codepenでデモも作成されています。 ↑ 役立つツールなどもてんこ盛り盛り。 newsはtumblrで新鮮な情報を教えてくれます。覚えておくと重宝しそうですね。 This Is Responsive
この投稿は 11年半 前に公開されました。いまではもう無効になった内容を含んでいるかもしれないことをご了承ください。 最近レスポンシブデザインという言葉が流行っています。あまり深く考えたことはありませんが、個人的にはこんなところがいいなーと思ってます。 ワンソースで済む Googleが推奨してる 駄目だなーと思うところはこんなです。 PHPのように動的なサイトの場合、非表示の要素でも演算対象になる 古いAndroidブラウザが怖い まあ、Webプログラミングの場合は携帯サイトを作っていたわけで、スマートフォンだからどうこうということでもないかなと思います。 ちなみにこのサイトは一応スマートフォンとPCで表示が変わりますが、CSSのメディアクエリはほとんど使ってなくて、bodyタグにデバイス種別のクラスをつけることで対処してます。Nginxのプロキシキャッシュはデバイスで分けてます。 さて、
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く