Web制作に役立つ情報一覧

Webサイト高速化対策の現状

2013/03/13(Wed) 11:39

本連載ではWeb担当者やWebデザイナー、コーダーの方々に向けて、Webサイト高速化に関する手法や技術について解説していきます。第1回では、高速化対策の全体像と必要な知識を紹介します…

http://codezine.jp/article/detail/7030

シンプルなアウトラインがいい感じ！ミニマルなアイコン素材 -Free Outline Icons

2013/03/12(Tue) 11:34

商用でも無料で利用できる、フラットなデザインにも合うミニマルなアイコン素材を紹介します。素材はベクターなのでサイズやカラー変更は簡単ですが、ブラックのほかにグレー・ホワイトも用意されています…

http://coliss.com/articles/freebies/free-outline-icons-by-grandiz.html

[CSS]レスポンシブ対応、ナビゲーションを水平の真ん中に配置するテクニックのまとめ

2013/03/11(Mon) 13:23

リスト要素で配置したナビゲーションをページの中央にフィットさせ、水平方向の真ん中に配置するスタイルシートのさまざまなテクニックを紹介します。それぞれの利点や欠点、実装のポイント、対応ブラウザなど、今すぐに役立つテクニックです…

http://coliss.com/articles/build-websites/operation/css/css-center-elements-horizontally-by-456bereastreet.html

プロデザイナー御用達「Linotype」の高品質なフォント（5万円相当）が期間限定で無料でダウンロードできますよ

2013/03/08(Fri) 13:14

Linotype（ライノタイプ）がMonotype（モノタイプ）にリブランドするお祝いとして、Linotypeの高品質なフォントがギフトとしてダウンロードできます。通常5万円相当が、4/3まで無料…

http://coliss.com/articles/freebies/from-linotype-to-monotype-celebration.html

デザイナーなら読んでおきたい！デザインに関する6つのスライド・企画書

2013/03/07(Thu) 11:55

今日はデザインをする上で、1度は読んでおきたいスライドや企画書を6つ選んでみました…

http://creive.me/archives/1967/

見出しやロゴにぴったり！漢字も揃ってるちょっと太めのフリーの日本語フォント -ぼくたちのゴシック

2013/03/06(Wed) 11:42

作者の方よりご紹介頂いた、本日リリースされたばかりの商用利用も無料の日本語フォントを紹介します…

http://coliss.com/articles/freebies/freebies-font-bokutachi.html

自分がロゴを作る時に意識してるポイント

2013/03/05(Tue) 12:04

こないだロゴを変えてサイトデザインも変えたわけですが、ロゴはもっともっともっと時間かけてやりたいところだったんですが、自分の性格上、それだといつまで経ってもやらないので一気に勢いでやりました…

http://maka-veli.com/logo-design.html

CSSをもっと使いこなしたい人用のいろいろなテクニックが見られるサイトのまとめ

2013/03/04(Mon) 11:34

CSS3を使ってどんなことができるのか？ よく見かけるあれはどのように実装するのか？ いつもと違うエフェクトを使ってみたい！ など、CSSのいろいろなテクニックが見られるサイトをまとめました…

http://coliss.com/articles/build-websites/operation/css/more-css-techniques.html

HTML5＋CSS3は「メニューの作り方」を覚えるだけ！ (1/3)

2013/03/01(Fri) 13:49

Photoshopなどの画像処理ソフトを使わず、CSSでできる表現の幅が広がっています。にわかデザイナーになれる、簡単Tipsをお伝えします…

http://www.atmarkit.co.jp/ait/articles/1302/19/news013.html

美しい半透明のパネルを簡単に作成できるPhotoshopのスタイルのまとめ

2013/03/01(Fri) 13:48

最近のトレンドのぼやけたブラーの背景に載せたり、美しい写真の背景にも映える半透明のパネルやテキストを簡単に作成できるPhotoshopのスタイルを紹介します…

http://coliss.com/articles/freebies/freebies-photoshop-transparent-glass-styles.html