Web制作に役立つ情報一覧

無料&商用可、スポーツ関連のデザインアイコン100個セット

2013/07/05(Fri) 15:37

優勝トロフィーや各種ボール、バスケットボールやバトミントン、ゴルフにフェンシング。思いつくスポーツに関連する、デザインアイコンを合計100種類セットにした、詰め合わせ無料素材…

http://photoshopvip.net/archives/51129

[JS]高さの異なるパネルをレンガ状に配置する機能最小限・実用性重視の超軽量スクリプト -waterfall

2013/07/04(Thu) 11:25

div要素などで配置した高さの異なるパネルをレンガ状に一定の隙間で配置するjQuery兼Zeptoのプラグインを紹介します。左のサイドバーは適用なし、右だけレンガ状にできます…

http://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-waterfall.html

CSS3で実現するアローアイコン

2013/07/04(Thu) 11:24

スマートフォンなどでリンク領域を示すことなどで使われることが多いアローアイコン。これをCSS3を使って表現する方法を紹介します…

http://blog.webcreativepark.net/2013/06/25-234149.html

スマートフォンサイトを驚くほど速くする！高速化9つのポイント

2013/07/03(Wed) 11:45

回線が細くCPUも弱いスマートフォンは、リッチなWebサイト表示が苦手です。しかし、地道な対策で表示速度が驚くほど変化するのも事実。今回はスマホのWebサイト表示の高速化手法をまとめました。もちろんPC向けにも効果バツグンのTips集です…

http://plus.find-job.net/smartfon-web-site-acceleration

オンマウスでふんわり現れる！CSS3を使った吹き出しサンプル5つ

2013/07/03(Wed) 11:44

タイトルの通りですが、アイコンの上にマウスを乗せると吹き出しが現れるサンプルを紹介します。今回は現れる動きが違うサンプルを5つ用意しましたので、気に入ったものがあればうれしいです…

http://weboook.blog22.fc2.com/blog-entry-369.html

ウェブデザインにおけるカラーのグリーンの重要性と効果的な使い方 -Eco Friendly Green

2013/07/02(Tue) 14:58

ウェブデザインにおけるカラーのグリーンの重要性を学び、実例を見ながら制作における効果的な使い方や気をつけたいポイントを紹介します…

http://coliss.com/articles/build-websites/operation/design/anatomy-of-colors-green-for-eco-friendly.html

スマートフォンサイトのhtmlコーディングメモ12個

2013/07/02(Tue) 14:57

LIGサイトのスマホ版をコーディングしたときの4ヶ月前のメモが良い感じで熟成しましたので公開したいと思います…

http://liginc.co.jp/web/html-css/html/35485

デザイナーが持っておきたい、フリーフォント素材まとめ 2013年6月度

2013/07/01(Mon) 11:18

海外デザインブログGraphicDesignJunction.comで、新しく公開されたフリーフォント素材をまとめたエントリー「21 Modern Free Fonts for Designers」が公開されていたので、今回はこちらをベースに、お気に入りのフリーフォント素材も一緒にご紹介します…

http://photoshopvip.net/archives/50958

[CSS]さまざまなデザインのボタンを簡単に実装できるSass/Compassのボタンライブラリ -Buttons

2013/06/28(Fri) 11:20

フラットをはじめ、定番の角丸、サークル、アイコン添えなど、さまざまなデザインのボタンを簡単に実装できるSass/Compassで作られたボタンライブラリを紹介します…

http://coliss.com/articles/build-websites/operation/css/css-button-library-buttons.html

完全無料、レスポンシブWebデザイン対応のHTMLテンプレート素材まとめ

2013/06/27(Thu) 12:05

HTMLとCSSを使ったウェブサイト用テンプレートのなかでも、無料ダウンロード可能で、レスポンシブデザインにも対応したHTMLテンプレート素材をまとめたエントリー「Free Responsive HTML 5 Templates」…

http://photoshopvip.net/archives/50917