ヒーローヘッダーを使ったレイアウト ヒーローヘッダーとは？ 一枚画像がフルで表示されている最近よくあるヘッダー。 画像が大きい＝データが大きいので、読み込みに時間がかかる場合もある。 パッと見でおしゃれな印象でとにかく今これが多い。 後でチェッ…

無印良品 いわずと知れた無印のサイト。 www.muji.net 好きな点 シンプルで無駄がなくて、でもちょっとおしゃれで遊び心があって、一目で「無印」とわかる！ 商品紹介がトピックスっぽく記事っぽくなっててメディアっぽい。 アイコンも画像になっていて見や…

why-juice? コールドプレスジュースのサイト。 www.why-juice.me 直感的な感想 とくかくおしゃれ！ 写真がたくさんあって、重なって表示させたりしていて、とにかく豪華。今っぽい。 写真を見れば何を伝えたいか一発でわかる。 考察 ジュースの写真とその素…

大きく考えることの魔術 出来ない理由ややらない理由を探すより、出来るための方法を探す。物事はすべて大きく、何のためにあるか考え、前向きであれ的な本。 大きく考えることの魔術―あなたには無限の可能性がある 作者: ダビッド・J.シュワルツ,David J. S…

FIND/47 日本の美しい写真の無料素材サイト。 find47.jp 好きな点 全体的にシンプルなデザインでスタイリッシュで見やすい。 ヘッダー部分に写真を大きく使って動かしていて、目を引く。 機能的にも探しやすく見やすい。 写真が引き立つように、配色が極力シ…

東京メトロ 『すすメトロ！』 東京メトロのリニューアルや新車両導入、安全への取り組みなどの情報公開サイト。 www.tokyometro.jp 好きな点 進化するイメージがドラえもんと合っていて、可愛いタッチが目を引く。 雲アイコンや虫眼鏡アイコンをクリックする…

SVGとは？ Scalable Vector Graphics JPEGやPNGのようなビットマップデータではなく、illustratorで使われているベクターデータ式の画像記述言語。 画像を線や面などの図形の集合体として扱う。 テキストベースのため、CSSやプログラムで動かすことができ、…