Web制作に役立つ情報一覧

CSSのみで実装するボタンデザインやホバーエフェクト 20＋α

2013/12/20(Fri) 11:19

実際に使用したものやいつか使うかもと思ったものをJSFiddleやEvernoteなんかでバラバラにメモしていたのですが、それらの中でよく使いそうなものを一覧化したものが欲しかったのでまとめました…

http://www.nxworld.net/tips/css-only-button-design-and-hover-effects.html

FONT FREE - 無料で使える日本語フォント投稿サイト

2013/12/19(Thu) 18:22

日本語フリーフォント/ダウンロードなら「FONT FREE」。漢字やカタカナ、ひらがなをはじめとした日本語の無料フォントを、明朝やゴシック体、手書きなどのカテゴリーから探すことができます。

http://fontfree.me/

デザインやCSSやJavaScriptなど、ウェブ制作に役立つ時短ツールが豊富に揃っていて便利！ -Coveloping

2013/12/18(Wed) 11:56

box-shadowでふわりとした影をつくるCSSのジェネレーター、レスポンシブのチェック、アスペクト比の計算機、CSS/JSの軽量化など、たくさんの便利な時短ツールがありますが、それらの便利なツールを一つの場所にまとめたCovelopingを紹介します…

http://coliss.com/articles/web-services/web-development-tools-coveloping.html

一つのカラーから配色セオリーに基づいてカラースキームを作りだす配色設計に役立つツールのまとめ

2013/12/17(Tue) 11:50

コーポレートカラーなど、一つのカラーをベースに配色セオリーからカラースキームを設計したり、同系色やグラデーションを作りだしたりできるオンラインツールを紹介します…

http://coliss.com/articles/build-websites/operation/design/online-tool-for-color-schemes-2013winter.html

デザインの参考にもいい！レスポンシブ対応のHTML5/CSS3のテンプレートのまとめ

2013/12/16(Mon) 11:14

商用でも無料でいいの？というくらい美しくデザインされたHTML5/CSS3のテンプレートを紹介します…

http://coliss.com/articles/build-websites/operation/work/freebies-templates-for-responsive-2013-winter.html

配色が苦手でも、これを読めばスキルアップできるおすすめスライド6選。

2013/12/13(Fri) 14:01

Slideshareってあんまり見てなかったんですが、探してみると色々と面白そうなスライドが沢山公開されてますね。フォトショップとか、イラレとか、Webデザインに関するスライドも色々とあって、しばらくはガッツリ見てみたいと思います…

http://handywebdesign.net/2013/12/slide-share-about-color/

『jQuery 最高の教科書』サンプルサイト

2013/12/12(Thu) 14:42

株式会社シフトブレイン著、SB クリエイティブ刊『jQuery 最高の教科書』のサンプルサイトです…

http://www.shiftbrain.co.jp/book/jquery/

2014年用、漢字も揃っている日本語のフリーフォントのまとめ -商用サイトだけでなく同人誌などでの利用も明記

2013/12/12(Thu) 14:40

全110フォント、個人や商用で利用できる無料の日本語フォントを紹介します。
年賀状の宛名にも使える縦書き対応のフォント、かわいい手書きフォント、読みやすいゴシックなどが揃っています。今回はリクエストがあったので、同人誌などでの利用も明記しました…

http://coliss.com/articles/freebies/best-of-free-japanese-fonts-for-2014.html

LIGデザイナーが厳選！使えるピクトグラム（ピクトグラフ）まとめ

2013/12/11(Wed) 14:08

フラットデザインが流行りなこともあり？最近何かとピクトグラムアイコンを探す機会が増えました。（余裕があれば自作モノも増やしたいところですが！）いつも同じところだとマンネリになりがち…

http://liginc.co.jp/web/design/material/61236

フリーフォントやさしさアンチック（漫画用書体）のダウンロード

2013/12/11(Wed) 14:07

やさしさアンチックはどんなフリーフォント？フリーフォントのやさしさアンチックは、自由にダウンロードし、商用・非商用問わず使用できます…

http://www.fontna.com/blog/1122/