box-shadowで表現する、「セミフラット」なズルいデザインテクニック
box-shadowで表現する、「セミフラット」なズルいデザインテクニック：ズルいデザイン（3）（1/2 ページ） 世の中、フラットデザイン流行りですが…… iOS 7がフラットデザインを採用したのを皮切りに、Webデザインのトレンドがフラットデザイン一色になってきましたが、立体感を完全に排した色面と空間、シンプルな描画の組み合わせだけのデザイン表現は、ある種ごまかしが効かず、また適切な利用方法を喚起させるようなUIも表現がなかなか難しいものです。 例えば、「ボタンは押せるもの」であると表現するための「押したくなる感じ」を喚起させる立体感は、ユーザビリティ面でもまだまだ有効です。今回は、流行のフラットデザインの中でも違和感なく使えて、また適切なアフォーダンスの表現が可能になる、「やりすぎていない立体感」を目指した、box-shadowを活用した各種ボックス表現の作り方を紹介します。 NGな
CSS Nite LP9 連動 第2回コーディングコンテスト
2007年5月に第1回目が開催されたコーディングコンテストの第2回を開催することになりました。 用意されたデザインを参加者がそれぞれ個々のスキルや考えに基づいてコーディングします。第2回は現在策定中であるHTML5+CSS3を利用し、テクニック、デザイン再現性、メンテナンス性の高さを競います。 このコンテストはCSS Nite LP9のイベントと連動しており、イベント当日に結果発表が行われます。 開催目的 これから現場で困るだろうHTML5+CSS3の技術を先取りして実装してみることで問題点を洗い出し知識として共有する。 この機会を利用してこれからのスタンダードを業界に示す。 参加・応募方法 ※応募受付は2010年3月22日（月）23:59をもって終了しました。たくさんのご応募ありがとうございました。 参加するにはこのページ最下部にあるダウンロードリンクから必要データをダウンロードし、そ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
