Web制作に役立つ情報一覧

クリエイティブなファビコンを設置しよう

2015/04/24(Fri) 08:07

Webサイトの制作時に、特に初心者さんが忘れがちなファビコン。Webサイトをブックマークした際や、タブ表示した際にサイト名の横にちょこんと表示されている小さなアイコンのことです。デバイスが増え、これまでとは設置方法が少し変わってきているのと、機能のついたファビコンも増えてきているので、その辺もあわせて紹介します！

http://www.webcreatorbox.com/tech/favicon/

コンテンツマーケティングが本当に役に立っているか分析する方法（第51回）

2015/04/23(Thu) 08:10

コンテンツマーケティングが短期的にどれぐらいの効果を上げているのか確認するためのセグメントをECサイトを題材に紹介する。

http://web-tan.forum.impressrd.jp/e/2015/04/23/19810

競合サイトを丸裸に！SEO対策や検索順位などがわかるWeb分析ツール6選

2015/04/23(Thu) 08:09

競合、丸裸にしてますか？（ライバル視しているサイトの、アクセス数やどこからトラフィックがあるのか、どういったキーワードを選定しどのくらいの検索数があるのかなど、SEO周りの対策を分析していますか？）

http://liginc.co.jp/web/tool/other-tool/157460

モバイルフレンドリー・アルゴリズムによる順位変動がようやく開始か？アメリカではMozの順位が下落。

2015/04/23(Thu) 08:08

モバイルフレンドリーのアルゴリズムの導入が開始されましたが、昨日の時点ではそれほど多くの影響がなかったように思われます。4月21日をそわそわした気持ちで過ごされた方も多かったのではと思いますが、米国ではようやく（？）順位に変動が見られたようです。

http://www.seojapan.com/blog/googles-mobile-friendly-update-now-live

商用利用できるものも有り！フリーの動画配布サイト 7

2015/04/23(Thu) 08:07

備忘録兼ねてご紹介。いずれもフリー動画を配布しているサイトで、利用に関しても個人・商用問わず自由に利用できるものがほとんどです。クオリティ高いものも多いので、ダミーとして使用するだけでなく様々な用途で利用でき非常に便利です。

http://www.nxworld.net/material/7-free-stock-videos.html

Webフォント（日本語／欧文）サイトまとめ9選！変更方法もご紹介します

2015/04/22(Wed) 07:52

Webフォントを導入すると、サーバー上にあるフォントファイルを参照するため、ユーザーのPCにインストールされていないフォントを表示できるようになります。CSS3が一般化してきて、そろそろ本格的に利用したくなってきましたね。

http://liginc.co.jp/web/design/font/15639

ちょっと面白い太っ腹ライセンス、商用無料クレジット表記無しで利用できるフラットな色使いがかわいいアイコン素材 -Icons8

2015/04/22(Wed) 07:51

312種類のフラットにデザインされたかわいいカラーのアイコン素材を紹介します。ライセンスはちょっと変わってて「Good Boy License」。Good Boyの良い子だけが無料で利用できます。

http://coliss.com/articles/freebies/freebies-flat-color-icons-by-icons8.html

この作りこみはスゴすぎ！！ガーリーにかわいくデザインされたテクスチャ素材 -Missesglass

2015/04/21(Tue) 07:51

細部まで徹底的に作りこまれた、かわいくてキレイにデザインされたコラージュのテクスチャ素材を紹介します。素材の利用にあたっては、個人のみ無料で利用できます。

http://coliss.com/articles/freebies/freebies-large-textures-by-missesglass.html

スマホ・タブレットのさまざまなデバイスの表示チェックに対応！レスポンシブの確認ができる無料オンラインツール -.resizr

2015/04/21(Tue) 07:50

iPhone 4, 5, 6, 6+をはじめ、Android各機種のスマホ、iPad, Surface, Kindleなどのタブレットのさまざまなスクリーンサイズをエミュレートし、それぞれのサイズでWebページがどのように表示されるかチェックができるオンラインツールを紹介します。

http://coliss.com/articles/build-websites/operation/work/online-tool-resizr.html

【WEB素材】継ぎ目がなくて高品質なベクターパターン素材27個まとめ。

2015/04/21(Tue) 07:50

海外のWEBデザイン系ブログで背景や壁紙の素材として使えそうな、高品質で継ぎ目がないベクターパターン素材をを紹介する記事が公開されていましたのでピックアップしてみます。

http://cashew.hatenablog.com/entry/sozai-20150420