Web制作に役立つ情報一覧

今年流行のフラットデザインで使われているカラーコードまとめ42個

2013/05/08(Wed) 11:59

フラットデザインで使われているカラーコードをわかりやすく紹介しています。

http://w3q.jp/t/3853

身につけておきたいWebサイト高速化テクニック #3｜画像形式の基礎知識

2013/04/25(Thu) 11:26

さて、今回から実践編ということでフロントエンド側のWebサイト高速化対策の１つ、画像の最適化について紹介します…

http://dev.classmethod.jp/client-side/image-performance-tuning-01/

1-4時間で実践できる、Illustratorのさまざまなテクニックを学べるチュートリアルのまとめ

2013/04/24(Wed) 14:30

2013年春の新作、Illustratorのチュートリアルをvector tuts+から紹介します。
チュートリアルはステップごと詳しいキャプチャ付きで、英語が苦手な人でも雰囲気は伝わると思います…

http://coliss.com/articles/build-websites/operation/design/illustrator-tutorials-by-vector-tutsplus-2013spring.html

無料・商用利用可！おしゃれで個性的な装飾系フォント20

2013/04/24(Wed) 14:29

キャッチコピーや見出し、ちょっとした装飾に使える英字フォントを紹介します。どれも無料で商用利用もできるなんてすごいですねー！個性的すぎて読みづらいものも多いので、読んでほしい部分や本文には不向きです。大きくどどーんと使っちゃいましょう…

http://www.webcreatorbox.com/inspiration/free-decorative-fonts/

[CSS]border-radiusを使って、角丸ではなく落書き風にボーダーをデザインするテクニック

2013/04/23(Tue) 11:13

角丸を指定できるborder-radiusで、ボーダーを落書き風にすることもできます。
色によっては、蛍光ペンや絵筆みたいにもできますね…

http://coliss.com/articles/build-websites/operation/css/css-border-radius-exercise-by-jrcharvey.html

ワンランク上のデザインにはかかせないPhotoshopの文字詰め「カーニング・トラッキング」についてのまとめ

2013/04/23(Tue) 11:12

こんにちは。今日も元気にPhotoshopと戯れます井畑です。今回はPhotoshopの文字詰めに使うツールについてちゃんと調べてみました。今では息をするように文字詰めをしていますが、デザイン初めたての時は勝手が分からず苦労しました…Photoshopの文字詰め…

http://creativememomemo.com/phtoshop_kerning_and_tracking/

ビビッドな色使いが目を引く、フラットなUIデザインのアプリまとめ

2013/04/22(Mon) 11:55

2013年のデザインのトレンドはフラットだというのはあちこちで言われており、MEMOPATCHでもフラットデザインにフォーカスした記事を書いています…

http://memo.goodpatch.co/2013/04/vivid-flat-ui/

アイデア満載！2013年春の新作アイコン大集合

2013/04/19(Fri) 11:45

インスピレーションの宝庫「dribbble」から、春の新作アイコンを紹介します。
おしゃれなものから、かわいいもの、フラット、ミニマル、さまざまなスタイルをピックアップしました…

http://coliss.com/articles/build-websites/operation/design/fun-the-icons-by-dribbble-spring2013.html

味わいのあるデザイン制作、手書きフリーフォント35個まとめ

2013/04/18(Thu) 11:28

海外デザインブログSplashnology.comで、手書きの質感を表現したフリーフォント素材35個をまとめたエントリー「35 Fresh Free Handwritten Fonts」が公開されていたので、今回はご紹介します…

http://photoshopvip.net/archives/47454

[JS]レスポンシブ対応のシンプルながら高性能なすごいナビゲーション！ -Resposive Nav

2013/04/17(Wed) 11:45

jQueryなどに依存せず単体で動作し、スクリプトがオフでも機能し、実装も非常にシンプルで、デスクトップやタブレット・スマフォそれぞれで最適な状態で表示し、IE6にさえ対応し、しかも超軽量のスクリプトを紹介します…

http://coliss.com/articles/build-websites/operation/javascript/js-responsive-nav.html