Web制作に役立つ情報一覧

商用利用OK！2015年にリリースされた無料フォント35

2015/12/18(Fri) 07:37

2015年も残り二週間！今年も数多くの素敵フォントがリリースされました！この一年を振り返って、「これは！」と思ったフォントをいくつか紹介します。どれも無料でダウンロードでき、商用利用可能なものです。みなさんのお気に入りが見つかると幸いです。

http://www.webcreatorbox.com/inspiration/font-2015/

デザインに迷わない、すごいフリーフォント素材26個まとめ 2015年12月度

2015/12/18(Fri) 07:37

太さが豊富に揃ってデザインしやすい万能フォントから、2015年を代表するデザイントレンドの手書きブラシ系アイテム、人気の高い美しい筆記体フォントまで揃います。

http://photoshopvip.net/archives/85169

Webフォントはサイトデザインの基礎！メリット・デメリットまとめ【事例あり】

2015/12/17(Thu) 07:26

Webサイトでも意図した表現を実現できるWebフォントについて調べてみました。「Webフォントってなんだか手を出しづらいんだよなあ……」とお悩みの方もいらっしゃると思うので、今回はWebフォントの基本からメリット・デメリットまでをまとめてみました。

http://liginc.co.jp/212206

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