book

すべての人に知っておいてほしいスタイルシートデザインの基本原則

この本を読みました。
idとclassの違いなどの基本的なことからanimationとか幅広くとりあげられていました。

気になったもの

  • opacityでロールオーバーみたいにする方法
  • CSS3 PIE
  • レスポンシブ
  • 伸縮可能な手書き風のコンテンツの枠を作る
  • Normalize css
  • CSSスプライト
  • cssのロゴ
  • 背景が動くサイトの作り方
  • マルチカラムレイアウト

CSS3 PIEとか、Normalize cssとか、便利なものを紹介されていてためになりました!
CSS3 PIE…IEでも表示できるようにする
Normalize css…リセットcssとは違ってcssをノーマライズさせる。例えば、見出しタグとかが太いまま。
リセットとノーマライズどっちがいいんだろうって感じですが。

CSSのロゴ…CSSでロゴが作れる。例ではMac OS Xとか、Operaのロゴが作られている。CSS3だそうです。

CSSスプライト…面白い発想だと思った。読み込む画像を使い回せるので、速度が早くなるみたい。でも1pxずれたりすると使えないから更新が大変。大規模なサイトなら採用してもよさそう。

背景が動くサイトの作り方…以前にウェブデザイナーさんのウェブサイトで実際に見たことがあったので、どういう仕組みなんだろうと思っていました。jquery.parallax.jsを使うみたいです。なんだか、作るの大変そう。

あんまり本の内容書くといけない気がするので、自分へのメモ程度で終わることにします。


関連タグ

この記事をシェアする

著者

デザイナー

森田かすみ

名古屋のスタートアップで働く、デジタルプロダクトデザイナー。

2013年に新卒でWeb制作会社に入社し、受託制作のマークアップエンジニアとして勤務した後、CMS開発部門のデザイナーへ転身。

2023年5月にSaaSのプロダクトデザイナーへ転身。
現在は新機能にまつわるUXを考慮したUI設計、機能マーケティング支援などを担当。
ストレス発散方法はかっぱのイラストを描くこと。

おすすめ記事

この記事のハッシュタグ から関連する記事を表示しています。

他の方法で記事を探す

2024年12月

年間カレンダーへ
            1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31