CSS3 変形アニメーション ■transform(変形) 二次元での移動、拡大縮小、回転 ・translate:二次元での移動 transform: translate(x軸方向の移動距離,ｙ軸方向の移動距離) ※間のカンマ忘れず！ .one { background: pink; transform: translate(300px,0) } ・sc…

アイコンをwebフォントで表示する方法 ■fontawesomeが便利 webサイト制作の際、アイコンもGoogleフォントのようにウェブ上にあるほしいフォントを指定してCSSに読み込ませることができる。 http://fortawesome.github.io 特にFacebookやインスタなどのSNSア…

ツリー構造の理解 HTMLを構成するツリー構造を理解する 要素を図に書くなどして、整理すること。 どことどこが対等で、どことどこが上下になっているか整理すること。 divが入れ子になって増えてくると、今自分がどこにいて、どこに何をしたいのか構造を理解…

無印良品のカレー カレーが大好きなので検索していたら発見。 無印良品のカレーは有名ですが、カレー特設サイトがあるとは思っていませんでした。www.muji.com 直感的な感想 カレー！！！！カレーのサイトってことがすぐわかる。こういうわかりやすいデザイ…

猿田彦珈琲 言わずと知れた、恵比寿のおしゃれコーヒーショップ。 よく出勤前にコーヒー買っていました。 直感的な感想 コーヒー屋さんなのに和風！（猿田彦だから和風なのかな 神様の名前だっけ・・？） 外国人観光客にもウケそうな、おしゃれなNIPPONって…

一般財団法人ユナイテッド・スポーツ・ファウンデーション スポーツを通じて社会貢献、地域活性化、地域とのかかわりを作ることを目的とした一般財団法人のホームページ。 グリッドレイアウトで作られているホームページを探していて発見。 明るくて楽しそう…

近畿大学 近畿大学のホームページ。近大マグロなどで有名な、「何か他とは違うことをやっていそう」な面白そうな大学。ホームページもやっぱり面白い！ www.kindai.ac.jp 直観的な感想 大学のホームページ（なんだか臭いイメージ）っぽくなくてすっきりして…