Web制作に役立つ情報一覧

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

これはイイ！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