Web制作に役立つ情報一覧

良いCSSアーキテクチャのゴール

2013/07/12(Fri) 11:58

多くのWebデベロッパとって、良いCSSとはビジュアルモックアップをコードで完全に再現できることを意味する。tableタグを使わず、また出来る限り画像を少なくすることに誇りを持つ…

http://enja.studiomohawk.com/2013/07/06/css-architecture/

デザインの勉強に使わせてもらうべき無料のフラットアイコンセット30選

2013/07/10(Wed) 11:55

シリーズ化してきました、デザインの勉強に使わせてもらうべきシリーズ。今回は、トレンドであるflatデザインで作られたアイコンセット達のご紹介です。勉強させてもらいましょう…

http://shingekidesign.com/?p=116

この上なく便利！すごい「jQuery」の小技まとめ３２

2013/07/10(Wed) 11:54

先日ECサイトを制作したときに、動きのあるサイトにしないといけなかったので、色々調べて組み込んでみたんですが、jQueryでもう何でも出来ちゃいますね。近い将来ローカルで画像なんかを編集しなくても、ブラウザだけで色々できるようになるんじゃないでしょうか…

http://commte.net/blog/archives/3298

より素早くCSSコーディングするための、Sass（SCSS）のmixinスニペット集

2013/07/09(Tue) 12:12

以前「効率良くCSSコーディングできるSassを使ってみよう！Mac+Codaなら設定も簡単！」という記事で紹介したSass／SCSS。皆さん使ってますか？今回はそのSassの @mixin という機能に注目してみようと思います…

http://www.webcreatorbox.com/tech/sass-mixin/

PhotoshopCS5以上を使っているなら…髪の毛の切り抜きは「境界線を調整」がオススメ！

2013/07/09(Tue) 12:11

今回はPhotoshopCS5以降についている便利機能「境界線を調整」を使って髪の毛を切り抜く方法をご紹介します。結構色んな所で紹介されているとは思いますが、復習がてらお付き合いください…

http://liginc.co.jp/web/design/photoshop/37657

東京・日本の街のフリー無料写真素材集【街画ガイド】

2013/07/08(Mon) 14:14

東京・横浜・首都圏・大阪・京都・関西圏などの画像を集めたフリー無料写真素材集。無料・クレジット不要で利用出来る完全フリー写真素材サイトです。

http://komekami.sakura.ne.jp/

これは気になる！最近のウェブデザインで人気のカラーをまとめたスウォッチ素材

2013/07/08(Mon) 14:12

前回紹介したフラットなユーザインターフェイスを作成する際にぴったりなカラースウォッチの第二弾がリリースされていたので、紹介します…

http://coliss.com/articles/freebies/freebies-photoshop-swatches-for-flat-ui-vol2.html

デザイナーの仕事を驚くほどラクにするPhotoshopアクション厳選18種【全て無料】

2013/07/05(Fri) 15:37

画像加工や写真の修正、すべて手作業でやってませんか？ Photoshopのアクション機能で自動化すればアッという間に終わります。今回はデザイナーの仕事を驚くほどラクにするアクションを18種、厳選してまとめました…

http://plus.find-job.net/photoshop-actions-18

無料&商用可、スポーツ関連のデザインアイコン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