Web制作に役立つ情報一覧

[CSS]アイテム数が不明でもカラム数に合わせてぴったりに配置するスタイルシート

2013/11/21(Thu) 12:02

下記のような3カラムのグリッドに複数のアイテムを配置する時、アイテムの数が3の倍数だったらぴったり収まりますが、アイテムが7, 8個の場合は最後に余白を生じます…

http://coliss.com/articles/build-websites/operation/css/tetris-the-power-of-css-by-heydonworks.html

プロが選ぶ。最高のSEOツールと活用術【2013年版】

2013/11/20(Wed) 11:40

SEO対策には「バックリンク」「検索ボリューム」「サイト分析」などの調査ツールが欠かせません。ですが、ネット上で話題になるツールには、現在のGoogleのアルゴリズムでは評価されない事をわざわざ調査するものも多いです…

http://www.find-job.net/startup/seo-tools

レスポンシブデザインの見た目を確認できるサイト「Responsive Checker」

2013/11/19(Tue) 09:46

「Responsive Checker」はレスポンシブデザインの見た目を確認できるサイトです。確認したいスマートフォンの機種と画面の向きを設定すればOK。レスポンシブデザインに対応しているか、ひと目でわかります…

http://www.lifehacker.jp/2013/11/131110responsive_checker.html

Photoshopベクター編集作業で知っておきたい10個の機能

2013/11/18(Mon) 17:52

フォトショップ（Photoshop）は、ピクセルベースのイメージ画像を編集するのに、必要不可欠なアプリケーションですが、同時に、ベクターグラフィックの作業を手助けする機能も、たくさん備わっているのをご存知ですか…

http://photoshopvip.net/archives/56481

要素の背景画像を伸縮してくれるレスポンシブWEBデザインに必携のjQueryプラグイン「Wallpaper」

2013/11/15(Fri) 10:56

要素の背景画像を伸縮してくれるレスポンシブWEBデザインに必携のjQueryプラグイン「Wallpaper」div等のエレメントに設定した背景が自然に自動伸縮されていい感じに…

http://phpspot.org/blog/archives/2013/11/webjquerywallpa.html

フリーでダウンロードできる、筆記体フォント素材まとめ 2013年秋

2013/11/14(Thu) 11:28

フリーフォントの中でも、人気の書体のひとつ、「筆記体」。最近公開されたものを中心に、フォントコレクションに追加したくなる、デザインフォントをまとめています…

http://photoshopvip.net/archives/56362

CSS で指定幅を超えた文字列を切り取り「…」を付加する方法

2013/11/13(Wed) 14:06

動的に文字列を表示するときや、レスポンシブデザインで動的にレイアウトを調整するときなど、指定した幅以上のコンテンツを切り取る事ができたら、非常にレイアウトが楽になる…

http://monopocket.jp/blog/css/2866/

全部商用利用無料！ピクセルベースのかわいい柄やノート地のパターン素材のまとめ

2013/11/12(Tue) 11:37

ピクセルベースでデザインされた、かわいい柄やノート地、ドット、ヘキサゴン、波線などのパターン素材を紹介します…

http://coliss.com/articles/freebies/freebies-photoshop-pixel-patterns-2013-fall.html

●●っぽい表現ができる「CSS3」サンプル集

2013/11/11(Mon) 12:16

Webフォントの充実、スマートフォンの流行、そしてCSS3の表現力アップにより、画像を使わなくても凝った表現の見出しが作れるようになりました…

http://www.find-job.net/startup/css3-sample

世界各国のWebデザインと日本のWebデザインの特徴

2013/11/08(Fri) 11:32

私は今まで日本、カナダ、オーストラリア、イギリスと、4カ国での滞在経験があるためか、各国のデザインの違いについて尋ねられる事があります。しかし日本以外のすべての国は英語圏…

http://www.webcreatorbox.com/inspiration/world-web-design/