Web制作に役立つ情報一覧

[CSS]一つの要素にデスクトップ、タブレット横・縦、スマホ横・縦用の各レイアウトを実装できる簡単便利なスタイルシート -flexible.gs

2014/10/23(Thu) 07:51

一つの要素に、デスクトップ、タブレット横、タブレット縦、スマホ横、スマホ縦の5種類用のclassを定義し、レスポンシブ対応のフレキシブルなレイアウトを実装できるスタイルシートを紹介します。

http://coliss.com/articles/build-websites/operation/css/css-flexible-grid-system-flexiblegs.html

SEO初心者から今まで、SEOを知るために私が勉強したこと

2014/10/23(Thu) 07:50

もし「SEOのことを全く知らないけどこれからどうやって勉強したらいいのか分からない」という方がいらしたら、ひとつの指標として参考にしていただければ幸いです。

http://growthseed.jp/experts/research/seo-beginners-study/

Google ペンギンアップデート3.0 傾向と対策

2014/10/22(Wed) 07:39

グーグルの検索アルゴリズム更新「ペンギン3.0」の傾向と対策について。基本的に、くだらない、しょうもない、古典的な検索エンジンスパム手法がターゲットになっているので、大抵の企業担当者は気にする必要はないはず。

http://www.sem-r.com/seo/20141021063523.html

Illustratorでオリジナルの消しゴムハンコ風デザインを作成しよう

2014/10/21(Tue) 07:52

可愛らしいデザインと相性バツグンの消しゴムハンコ風のデザインをIllustratorで作る方法をご紹介したいと思います。

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

これはイイ！150種類のさまざまな美しい光のエフェクトが描けるPhotoshopの無料ブラシ -ArDesign

2014/10/21(Tue) 07:51

文字やエレメントに加えたり、背景に添えたり、デザインのちょっとしたアクセントにぴったりな美しい光のエフェクトが描けるPhotoshopの無料ブラシを紹介します。

http://coliss.com/articles/freebies/photoshop-brush-150-light-effects-by-ardesign.html

[JS]SVGを使った滑らかで美しいアニメーションのプログレスバーを簡単に実装できるスクリプト -ProgressBar.js

2014/10/21(Tue) 07:50

SVGを使った滑らかで美しいアニメーションのプログレスバーを簡単に実装できるスクリプトを紹介します。レスポンシブ対応で、描く形状はライン・スクエア・サークル・トライアングル以外にもパスでオリジナルの形状にすることもできます。

http://coliss.com/articles/build-websites/operation/javascript/js-progressbar-with-svg.html

WEBサイトでユーザーを混乱させないために使えるかもしれない心理学

2014/10/20(Mon) 07:55

中央の文字が「13」にも「B」にも読むことができる図があります。また、その他にも、アヒルのようで、うさぎのような図や、トランペットを吹いているようで、女性でもあるものなどとても混乱しやすいものがあります。

http://web-tan.forum.impressrd.jp/u/2014/10/17/18473

分かるとWebデザインがもっと楽しくなる！考えてデザインする力が身につくオススメの書

2014/10/20(Mon) 07:54

何も考えずにPhotoshopやIllustratorを立ち上げ、デザイン作業に入ってしまうのは悪いクセ。ユーザーをワクワクさせるデザインとはなにか？　この情報を分かりやすく伝えるデザインとはなにか？　クライアントの要望に応えるデザインとはなにか？　考えてデザインする力が身につくオススメの本を紹介します。

http://coliss.com/articles/book-review/isbn10-4797376228.html

デザインの参考にしたい、写真と文字を半分重ねた雑誌風のWebサイト15選

2014/10/20(Mon) 07:53

以前からあったデザイン手法の1つではありますが、写真と文字を半分重ねた雑誌風のデザインのサイトを紹介していきたいと思います。

http://liginc.co.jp/web/design/114735

スマホSEOには、リンクやテキストだけでなくUX向上が効くようになっていく！？ など10+4記事

2014/10/20(Mon) 07:52

スマートフォンのSEOには、ユーザー体験の向上も大切になりそうだ

http://web-tan.forum.impressrd.jp/e/2014/10/17/18459