Web制作に役立つ情報一覧

Webデザイン、プレゼンや企画書に効果がある空白スペースを活かしたデザインの作り方

2015/07/31(Fri) 07:36

空白スペースとはテキストやイメージや飾りがないスペースのことで、明瞭や強調、グルーピングといったあなたのデザインを助けることができる重要なデザイン要素です。

http://coliss.com/articles/build-websites/operation/design/create-white-space-designs-by-canva.html

デザイン初心者が覚えておきたい、文字フォントの基礎テクニック26個まとめ

2015/07/30(Thu) 07:38

これからタイポグラフィを本格的に学ぼうというひとに向けて、基本的なテクニックやコツをまとめています。

http://photoshopvip.net/archives/80200

新しいデザインに使いたい！美しくかわいく魅力的な新作フリーフォントのまとめ -2015年7月

2015/07/30(Thu) 07:37

最近リリースされたものを中心に、高品質なフリーのデザインフォント・タイプフェイスを紹介します。

http://coliss.com/articles/freebies/freebies-fonts-2015-jul.html

あなたのデザインインスピレーションを今すぐ解決しますという神コンセプトのウェブサービス「calltoidea」

2015/07/30(Thu) 07:36

ウェブ制作でここのパーツつくりたいけど、「あああ、いいアイデアがない！」という状態を、今すぐ解決しますよっていうのがサービス・コンセプトとして掲げられているからです。

http://flipsblog.jp/archives/2178

目の錯覚を利用しよう！ネガティブスペースの実践テクニック＆参考例50個まとめ

2015/07/29(Wed) 07:43

デザイン、アートの分野において、「対象の間に存在する空間」という意味を表し、有名な「ルビンの壺」を誰もが見たことがあるかもしれません。今回は、そんなネガティブスペースを有効活用するテクニックを、具体例と一緒にまとめてご紹介します。

http://photoshopvip.net/archives/80133

High Performance HTML -さまざまなデバイスに配慮されたクリーンで簡潔なHTMLの書き方

2015/07/29(Wed) 07:42

多くのWeb制作者はパフォーマンスというと、JavaScriptや画像の最適化、サーバーの設定、CSSなどのファイルの圧縮や結合を検討します。そして、Webページのコアとなる言語にも関わらず、HTMLは無視されがちです。

http://coliss.com/articles/build-websites/operation/work/high-performance-html-by-samdutton.html

ECサイト向けアイコンセット 20

2015/07/28(Tue) 07:57

ECサイトで使えそうなアイコンセットのまとめです。全体的に約40種類ぐらいのアイコンが詰まった感じのアイコンセットが多く、デザインのテイストもライン・レトロ・フラットなどいろいろあります。

http://www.nxworld.net/material/20-ecommerce-icons.html

コンテンツを盛り上げる、逆引きデザインテクニック

2015/07/28(Tue) 07:55

渾身の文章なのに読まれない、どうも読み飛ばされてる感じがする。文章内容の他に原因があるのではないか、そう感じている人はいませんか？

http://commte.net/blog/archives/5363

クリエイティブな人が実践している、早朝にしている11の習慣

2015/07/28(Tue) 07:54

将来的に、よりクリエイティブな考え方をするためにも、朝の時間を有効活用する必要があります。

http://photoshopvip.net/archives/80109

[CSS]スニペットとしてストックしておきたい、レスポンシブ対応のパンくずとステップを実装するチュートリアル

2015/07/28(Tue) 07:53

レスポンシブ対応のパンくずとマルチステップのナビゲーションを紹介します。HTMLもCSSも非常にシンプルで、カスタマイズ性にも優れた有用なスニペットとしても利用できます。

http://coliss.com/articles/build-websites/operation/css/css-breadcrumbs-and-multi-step-by-codyhouse.html