Web制作に役立つ情報一覧

jQueryを使った外部のhtmlの読み込みTips

2012/01/26(Thu) 11:35

jQueryを使ってヘッダ、フッタなど共通部分のhtmlを本体のページに読み込む方法を紹介しています。

http://doruby.kbmj.com/mai_on_rails/20101220/jQuery_html_Tips

[CSS]まるでFlashのように画像とキャプションをアニメーションで替えるテクニックいろいろ | コリス

2012/01/26(Thu) 11:34

画像をホバーすると、小気味良いアニメーションを伴ってキャプションに替えるCSS3のテクニックを紹介しています。

http://coliss.com/articles/build-websites/operation/css/original-hover-effects-with-css3-by-codrops.html

保存版、デザインに利用したくなるオシャレな商用可フリーフォント20個まとめ

2012/01/25(Wed) 10:31

デザインの印象をがらりと変えたいとき、フォントを変更してみてはいかがでしょう。これまでにも定期的にフリーフォントをまとめていますが、使い勝手の良いアイテムだけをまとめました。

http://photoshopvip.net/archives/30903

ピクトグラムが７００種類以上集まったアイコンセット「Pictodeck Icon Set」

2012/01/25(Wed) 10:28

シンプルだけどセンスのあるアイコンが７００個詰まったセットがダウンロード可能です。

http://phpspot.org/blog/archives/2011/11/pictodeck_icon.html

[CSS]サイズが分からない要素を真ん中に配置するテクニック

2012/01/24(Tue) 11:22

width, heightのサイズが分からない要素を天地左右の真ん中に配置するスタイルシートのテクニックを紹介しています。

http://coliss.com/articles/build-websites/operation/css/css-centering-in-the-unknown-by-css-tricks.html

効果的なミニマルデザインと退屈なデザインの境界線

2012/01/24(Tue) 11:21

美しいミニマルデザインと退屈な間抜けデザインは紙一重。その違いを紹介しています。

http://www.webcreatorbox.com/tech/minimal-design-tips/

様々なCSSレイアウトをダウンロードできるサイトをまとめた「465+ Useful CSS Layouts for Download」

2012/01/23(Mon) 11:30

WEBでは様々なデザインレイアウトがあり、クリエイティブで大きな差はできますが、基本のレイアウトはある程度決まっており、制作する上で、ベースとなるレイアウトテンプレートがあるだけで随分と楽になります。

http://design-develop.net/web-design/cssweblayout.html

デザインのアクセントになりそうな無料手書きフォントを集めました

2012/01/23(Mon) 11:26

デザインのアクセントになりそうな手書きフォントを多数紹介しています。

http://vanidesign.blog.fc2.com/blog-entry-41.html

もうユーザーを迷わせない！ナビゲーションメニュー設置のコツ

2012/01/20(Fri) 11:11

ナビゲーションメニューについてわかりやすく紹介しています。

http://www.webcreatorbox.com/tech/nav-menu/

ゼロからはじめるスマートフォン専用サイト（iPhone＆Android）の作り方を学べるサイト集めました

2012/01/20(Fri) 11:09

スマートフォン専用サイト（iPhone＆Android）の作り方を学べるサイトを多数紹介しています。

http://www.html5-memo.com/html5-site/iphone_markup/