Web制作に役立つ情報一覧

黄金比や三分割など、レイアウトや写真の構図確認に使えるPhotoshopのカスタムシェイプが便利！

2014/10/24(Fri) 08:01

黄金比、黄金螺旋、1/3ルール、L字など、レイアウトや写真の構図に重要なパスを簡単に描けるPhotoshopのカスタムシェイプを紹介します。

http://coliss.com/articles/build-websites/operation/design/photoshop-custom-shape-composition-guides.html

[CSS]紙がふわりとする繊細なエフェクトをシンプルなHTMLで実装するテクニック

2014/10/24(Fri) 08:01

divで実装したパネルに紙がふわりとするようなエフェクトを与えるスタイルシートのテクニックを紹介します。

http://coliss.com/articles/build-websites/operation/css/css-paper-life-effect-by-martinwolf.html

SEO 外部リンク診断・分析時に大切な2つの評価基準

2014/10/23(Thu) 07:55

外部リンクは様々な概念や指標が存在しますが、『良いリンク』とは関連性があり、信用でき、Webプレゼンスに貢献するリンクです。

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

ブックマークしておきたい、スマホUIをコレクションしている海外と日本のサイトのまとめ

2014/10/23(Thu) 07:54

iPhone, Androidなど、スマホのユーザインターフェイスの参考になるギャラリーサイトを海外・国内ともに紹介します。まずは、スマホでその操作が楽しいアニメーションを伴ったUIギャラリーから。

http://coliss.com/articles/build-websites/operation/work/mobile-ui-collections-2014.html

少しのコードで実装可能な20のWordPress小技集

2014/10/23(Thu) 07:53

CSSの小技やjQueryの小技、スマートフォン対応など、これまで様々な小技集を紹介してきました。そこで今回はWordPressの小技を紹介しようと思います！基本から応用まで、簡単なコードで設置可能なので、WordPress初心者さんでも大丈夫！みなさんのサイトに合わせてカスタマイズしてくださいね！

http://www.webcreatorbox.com/tech/wordpress-tips/

アイコン好きならチェックしておきたい、最近リリースされた素敵なアイコンセット 10

2014/10/23(Thu) 07:52

見た目が良いのはもちろん、ライセンスに関しても個人・商用問わず無料で使用することができるものがほとんどなので、アイコン好きな方は是非チェックしてみてください

http://www.nxworld.net/material/recent-release-nice-icons-201410.html

[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