![スクロールに応じて要素がアニメーションする、視差効果(パララックス)を取り入れたWebデザイン例とTipsいろいろ - かちびと.net](https://cdn-ak-scissors.b.st-hatena.com/image/square/18d4b19502c511436837b16393351428de545233/height=288;version=1;width=512/https%3A%2F%2Fkachibito.net%2Fwp-content%2Fuploads%2F2011%2F07%2Fpla000.jpg)
いまこの記事を読んでいるモニタのサイズは何インチだろうか? iPhone、アンドロイドOS搭載スマートフォン、iPad、ネットブック、ノートPC、デスクトップPCと数年前なら思いもよらなかったモニタ/スクリーンサイズでユーザはウェブサイトを閲覧し始めている。 今後もさらに解像度が異なる環境が増えていくことは間違いない。 ではそのサイズのモニタごとに、スクリーンごとにデザインを作り、HTML/CSSを書き足していくのか? その疑問への1つの回答がレスポンシブウェブデザイン(Responsive Web Design)。 多くの場合、CSS3で利用が可能になる予定のMedia Queriesを活用して、モニタ/スクリーンのサイズに合わせて最適なデザインを供給するデザイン/コーディング手法がレスポンシブウェブデザインと呼ばれている。 レスポンシブウェブデザインの例 Simon Colliso
ガイドラインの多くはモバイルデザイン向けもデスクトップデザイン向けも似たようなものである。しかし、モバイルの場合はその解釈の仕方がずっと厳密になる。 Mobile UX Sharpens Usability Guidelines by Jakob Nielsen on November 7, 2011 日本語版2011年11月22日公開 最近、書いたコラム、モバイルコンテンツ: 不確かならば省略しようでは、モバイルユーザーに向けて書くときには副次的な内容は削除しよう、ということをサイトオーナーに向けてアドバイスした。すると、多くのツイートやブログの投稿、コメントが、このテーマについて敷衍した。そう、モバイルコンテンツからは無駄な部分を確実に取り除いたほうがよい。しかし、デスクトップウェブサイト向けに書くときにも副次的なコンテンツはカットしよう。 私はある意味、これには同意するしかない。19
Webデザインをするときに、必ず使うスタイルシート。思うようなレイアウトを作るために、チェックしておきたいブロックレベル要素や、インライン要素のクセみたいなのをまとめてみました。後半はスタイルが反映されない原因のひとつ、スタイルの優先順位についてです。 Attention 記事公開時からいろいろと勉強して、この記事内で紹介している事柄で、間違った解釈をしていたなーと気がつきました。 この記事の中でいくつか追記してありますが、詳しくは、新しく書いた 11月7日の記事:CSSでレイアウトするなら絶対覚えておきたい配置のルール:フロートや絶対配置、z-index とかいろいろ を読んでみてくださいね! New Post Webサイトをデザイン、レイアウトするのに欠かせないのが CSS(Cascading Style Sheets、スタイルシート)ですね!今では CSS3 が話題を集めていて、CS
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く