【2013年はフラットなデザインが流行】Wind... / Diesel - jeans, clothes,... / web design agency | Alta...他...全17件 【2013年はフラットなデザインが流行】 Windows8の影響なのか海外ではベタ塗りのフラットなWebデザインが大流行中です。日本でもよく目にすることになりそうです。
![今年のWebデザイントレンドはベタ塗り!フラットなデザインのWebサイト](https://cdn-ak-scissors.b.st-hatena.com/image/square/0899d7e4f7889293bbd41f5ebd8a8ac3b3c2884d/height=288;version=1;width=512/http%3A%2F%2Fw3q.jp%2Fupload%2F2013%2F2%2F4%2Fl_2013-2-4_f4623f484534cd54b76c0bfce82ae622.jpg)
作成:2013/02/4 更新:2014/11/01 Web制作 > 基本的なところを簡単に、楽しく覚えたい 自分でサービス作ったり、会社や違う職種でも 色々と「基本」はおさえておきたい 今回はサイト制作に必要な「基本的な知識・情報」を、分かりやすいサイトを中心にまとめました。必ずおさえておきたいスキル・知識です。 エンジニア速報は Twitter の@commteで配信しています。 もくじ 1.HTML5 2.CSS 3.レスポンシブ 4.配色 5.視線誘導 / 心理学 6.インターフェース / ユーザビリティ 7.SEO 8.ディレクション 9.アクセス解析 10.WEBマーケティング 11.コピーライティング 12.ソーシャル 1.HTML5 HTML5って何? HTML5とは何かを簡単にまとめてみた - Yahoo! JAPAN Tech Blog Canvasについて知っておく
HTMLはh1要素だけで、CSSの「border」や「box-shadow」「transform」「linear-gradient」、擬似要素の「:before」や「:after」を使った見出しデザインをご紹介します。まずはサンプルをご覧ください。 サンプルページ » 01.切り取り線 紙を切り取ったようなデザインです。 サンプルとソースを見る » ポイント垂直方向の影のオフセット距離を設定しただけでは、左右両脇にも影ができてしまうので、一旦5px下に影をオフセットしたうえで、広がり距離を負の値(-4px)にし縮小することで、上部の影のみを残しています。 border-top:1px dashed #aaa; border-bottom:1px dashed #aaa; background:#eee; text-shadow:1px 1px 0 rgba(255,255,255,1);
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く