Web制作に役立つ情報一覧

[JS]jQueryも外部CSSも不要！レスポンシブ対応サイトを作成する超軽量のスクリプト -skel.js

2013/05/28(Tue) 14:34

デスクトップ・タブレット・スマフォ向けのレスポンシブ対応サイトを作成する超軽量（19KB）のスタンドアローンのスクリプトを紹介します。jQueryなどの他のスクリプトは必要なく、外部スタイルシートも必要ありません…

http://coliss.com/articles/build-websites/operation/javascript/js-framework-for-responsive-skeljs.html

IEの古いバージョンをサポートしつつ、モダンブラウザ用のサイトを制作する時の20のアドバイス

2013/05/27(Mon) 15:51

Microsoft公式のIEのデベロッパサイト「modern.IE」から、古いブラウザをサポートしつつモダンブラウザ用のサイトを制作する時に役立つアドバイスをクロスブラウザの観点や、HTML, CSS, JavaScriptの実装時ごとに紹介します…

http://coliss.com/articles/build-websites/operation/work/cross-browser-best-practices-by-modern-ie.html

今年絶対おさえておきたいフラットデザインのまとめ

2013/05/24(Fri) 11:48

こんにちは。ライターの内藤です。恥ずかしながら、最近になって「フラットデザイン」を意識しはじめました。装飾を最小限におさえることによって、特定のメッセージや製品、アイデアを直球勝負で伝えるデザイン…

http://liginc.co.jp/web/matome-web/19271

ウェブデザイナーは要チェック！フラットに効く400種以上のカラーがセットされたスウォッチ素材

2013/05/23(Thu) 11:05

フラットなユーザインターフェイスを作成する際にぴったりな400種以上のカラーがセットになったPhotoshop用のスウォッチ素材を紹介します。トレンドカラーとして、フラットに興味がない人でもカラーの引き出しが増えますね…

http://coliss.com/articles/build-websites/operation/design/freebies-photoshop-aco-for-flat-ui-design.html

手遅れになる前に！Webディレクターがプログラミングを学ぶ時に使いたいサイト10選

2013/05/22(Wed) 11:09

『Webディレクターは、コードを書く必要はない？？』もちろん本業のエンジニアと同等のコードを書く必要はありません。しかし、プログラムの全容や工数を把握し機能の優先順位を付けたり…

http://plus.find-job.net/programming-learning-site

レスポンシブWebデザインのテストに使えるツール

2013/05/21(Tue) 11:59

レスポンシブWebデザインの表示確認に便利なテストツールをまとめました…

http://design-spice.com/2013/05/19/rwd-test-tools/

商用利用無料・バックリンク不要、ミニマルで汎用性に優れた100%ベクターのアイコン素材 -Joel Siddall

2013/05/20(Mon) 12:20

16x16ピクセルと小さいサイズながら、細部までしっかりと作り込まれたアイコン素材を紹介します…

http://coliss.com/articles/freebies/freebies-handcrafted-micro-icons-by-joel-siddall.html

ウェブサイトやブログを制作する時の手書きのワイヤーフレームのまとめ

2013/05/17(Fri) 11:46

ウェブデザイナー・ディレクターが実際に、サイトやブログ・ポートフォリオなどの設計をどのように行っているかが垣間見ることができる手書きのワイヤーフレームをDesignbeepからとプラスαで紹介します…

http://coliss.com/articles/build-websites/operation/work/wireframe-sketches-collection.html

透明感が美しい！さまざまな背景にマッチするUIエレメントのPSD素材 -Blugraphic

2013/05/16(Thu) 11:55

特にブラーな背景などの繊細で美しい背景に映える、透明感が美しいUIエレメントのPSD素材を紹介します…

http://coliss.com/articles/freebies/freebies-psd-transparent-ui-kit-by-blugraphic.html

写真加工が好きになる、Photoshop無料アクション素材35個まとめ

2013/05/14(Tue) 11:40

海外デザインブログVandelayDesignBlog.comで、写真編集やレタッチをたのしくする、Photoshop無料アクションファイルをまとめたエントリー「35 Fresh Photoshop Actions to Download」が紹介されていたので、今回はご紹介します…

http://photoshopvip.net/archives/48601