こちらのサイトであるデザイナーの仕事っぷりが披露されていました。コンセプトからデザインにいたるまでの過程を順を追ってみることができます。 » Ideabook Tutorials | Step-by-step logo – Mozilla Firefox デザイナーさんってこういう風に仕事をするのか・・・と大変勉強になりました(もちろんデザイナーさんそれぞれに違った仕事のやり方があるかと思いますが)。 では以下にそのデザイナーさんの頭の中身とでもいうべきデザインプロセスをかいつまんでご紹介。 今回依頼があったのは「Metro Aviation」というヘリコプターの輸送会社。 まずは紙にスケッチをしていきます。 ↑ ヘリコプターの概念をさらさらと。 ↑ もちょっと具体的に。 ↑ 社名も入れつつ違った角度から。 この時点でクライアントから「ハチドリ」のイメージが欲しいなぁ、と言われます。 ↑
デザインをいじる 「カンレン.えんとりーず」の表示は、すべてスタイルシートによって変更できます。お使いのblogの「スタイルシート(CSS)設定画面」に下記のようなスタイルシートを貼り付け、お好みで調整してください。「細かい設定項目の詳細」も参考にしてね #jpHirosikiKanrenEntriesDiv { /* 記事一覧全体のスタイル */ font-size: 80%; /* 文字を本文の80%の大きさに */ } #jpHirosikiKanrenEntriesDiv a { /* 記事一覧中のリンクのスタイル */ } #jpHirosikiKanrenEntriesDiv ul { /* 記事一覧リストのスタイル */ margin-top: 0; margin-bottom: 0; /* リスト上下のマージンを0に */ } #jpHirosikiKanrenEntrie
CSS を扱う上でセレクタの存在はとっても重要です。特に CSS3 Selectors ではかなり複雑な条件分岐ができるようになっていますので、スマートな (X... CSS を扱う上でセレクタの存在はとっても重要です。特に CSS3 Selectors ではかなり複雑な条件分岐ができるようになっていますので、スマートな (X)HTML、CSS コーディングを行う上で、セレクタを理解しているとそうでないのでは生産性に差が出ます。 CSS3 は現在 Working Draft の段階ですので、まだ正式な勧告はなされていませんが、多くのモダンブラウザにおいてそのほとんどが先行実装されていることから、現状でも利用価値が高いといえます。 ということで、ここでは自分へのメモの意味も込めて、CSS3 で定義されているものも含めた各 CSS セレクタについてリファレンスしてみようと思います。 今回の解説
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く