Web制作に役立つ情報一覧

Google社員がアドバイスする2016年に取り組むべきSEOの秘訣

2015/12/17(Thu) 07:25

開発中の上位表示metaタグは脇に置いといて（笑）、2016年に意識したいとミューラー氏が話したSEOを列挙すると次のようになります。AMP、モバイフレンドリー、JavaScript…

https://www.suzukikenichi.com/blog/seo-tips-for-2016/

いざという時に便利そうな、珍しいタイプのアイコンセット

2015/12/16(Wed) 07:39

ここ最近見かけた珍しいタイプのアイコンセットのまとめです。なんだかんだでこのシリーズも10回目になりました。これまで紹介してきたものと同様であまり見かけないものや汎用性が高いUIアイコンなどと比べて使う場面は少なくても、いざ使いたい時に便利そうなものや個人的に面白いと思ったデザインアイコンです。

http://www.nxworld.net/material/unusual-icon-sets-201512.html

用途、業種に合わせて選べる！フリーフォント組み合わせ完全ガイド

2015/12/16(Wed) 07:38

フォントの組み合わせによって、異なるデザインスタイルが表現されるので、うまくコンテンツのメッセージや、ブランドの色合いを演出できる見出しや小見出し、ボディ・コピーを選ぶ必要があります。

http://photoshopvip.net/archives/84999

商用利用無料！角ゴシックが少しかわいくデザインされた日本語フリーフォント -ニコ角フォント

2015/12/16(Wed) 07:37

角ゴシックというとモダンでクールなフォントが多いですが、独特のフォルムで少しかわいくデザインされた「ニコ角フォント」を紹介します。フォントは個人でも商用でも無料で利用でき、Webや紙など使用の制限はありません。但しフォント自体の再配布は禁止です。ご利用の際には添付の「お読みください.txt」を必ずご確認ください。

http://coliss.com/articles/freebies/freebies-font-nicokaku.html

[CSS]Webページでの文字表示を美しく豊かにするスタイルシート -Utility OpenType

2015/12/16(Wed) 07:36

「1/2, 1/4」「H2O」の分数や化学記号、文字と文字を合成して一つの文字にするリガチャ、にょろっと飾りがついたスワッシュやタイトル用字形など、英数記号文字の表示を美しく豊かにするスタイルをまとめたスタイルシートを紹介します。

http://coliss.com/articles/build-websites/operation/css/utility-classes-for-advanced-typographic.html

【後半】デザインで確実に覚えておきたい、20の基本原則まとめました。

2015/12/15(Tue) 07:41

初心者からベテランまで一度確認しておきたい、デザインの基本原則20個をまとめています。前半に続き今回は、残り10個のテクニックを見ていきましょう。

http://photoshopvip.net/archives/84884

Webサイト制作や勉強をする際に役立つ便利なツール・サイトまとめ 100

2015/12/15(Tue) 07:40

画像の軽量化やコード圧縮といったツールをはじめ、各種リファレンスサイト、利用している人が多いエディタやデザインツールのショートカット一覧など、Web制作時に便利だと思うツール・サイト・チートシートを自分のブックマークがかなり乱雑化してきたのでその整理も兼ねて一気にまとめてみました。

http://www.nxworld.net/services-resource/useful-resources-for-web-development-and-study.html

高度な分析に役立つ！ GoogleアナリティクスAPIでよく使う軸・指標、セグメントを紹介（第2回）

2015/12/15(Tue) 07:39

Googleスプレッドシートで高度な分析レポートを作るために、よく使う軸・指標やソート、フィルタ、セグメントなど紹介します。

http://web-tan.forum.impressrd.jp/e/2015/12/15/21593

デザインの確かな知識が身につく！Webサイトやアプリのデザインの勉強になるスライドのまとめ

2015/12/15(Tue) 07:39

実践的なUXデザインやインタラクションデザイン、レスポンシブサイトに効くデザインTips、Sketchを使ったデザインフロー、Webデザイナーのためのタイポグラフィ講座など、Webサイト・アプリなどのUIデザイン/UXデザイン勉強になるスライドを紹介します。

http://coliss.com/articles/build-websites/operation/work/slides-for-ui-ux-design-2015.html

クリスマスデザインに役立つ素材まとめ

2015/12/14(Mon) 07:39

もうすぐクリスマスということで、今年もクリスマスデザイン制作時に役立ちそうなフリー素材やインスピレーションもらえそうなデザインなどをまとめてみました。今年は特に目についたのもあってアイコンが多めで、またベクターやアイコンだけでなくクリスマスに関連した高品質な写真素材を提供しているサイトを併せてご紹介します。

http://www.nxworld.net/material/christmas-materials-2015.html