Web制作に役立つ情報一覧

デザインするのを忘れがちなデザイン要素のまとめ

2017/09/05(Tue) 09:46

ロゴ、ナビゲーション、ヘッダ、見出し、画像など、Webページやスマホアプリには、さまざまなデザイン要素が必要です。もちろん、これらを忘れることはないでしょう。思わず、デザインするのを忘れがちなデザイン要素を紹介します。

http://coliss.com/articles/build-websites/operation/design/50-things-you-probably-forgot-to-design.html

知識ゼロからはじめる！Photoshopのすごいチュートリアル、つくり方38個まとめ 2017年8月度

2017/09/04(Mon) 09:52

Photoshopの基本操作はもちろん、各ツールの実践的な使い方テクニックを学ぶことができるチュートリアルをまとめており、Photoshopを学ぶすべての人に知っておいて欲しいテクニックや知識をまとめて確認してみてはいかがでしょう。

http://photoshopvip.net/104291

最近のWebサイトで見かける、パンくずリストのデザイン・配置・機能のまとめ

2017/09/01(Fri) 09:52

Webサイトのパンくずリストとは、ユーザーにサイトの階層を伝え、そのページがどこにあるのかを正確に理解できるようユーザーエクスペリエンスを強化します。また、Googleのbreadcrumb schemaにより、その重要性は高まっています。

http://coliss.com/articles/build-websites/operation/work/about-breadcrumbs-in-ux-design.html

使うだけでオシャレに魅せる！素敵なフリーフォント65個まとめ 2017年8月度

2017/08/31(Thu) 09:45

毎月世界中で公開されているフリーフォントの中から、特に使い勝手の良い素材やデザイン性の高いアイテムを厳選し、まとめてご紹介しています。今回は、2017年8月度フリーフォントまとめとなります。

http://photoshopvip.net/104090

ポリゴンの多角形でデザインされた動物・鳥・魚・昆虫・恐竜などのデザイン素材 -Polygonal Animals

2017/08/30(Wed) 09:52

個人でも商用でも無料、Webでも紙でもプロダクトのデザインにも利用できる、ポリゴンでデザインされた動物・鳥・魚・昆虫・恐竜などのデザイン素材を紹介します。

http://coliss.com/articles/freebies/polygonal-animals.html

矢印のシンプルなデザインが豊富に揃ってる！商用利用無料、使い勝手がいい矢印・アローのアイコン素材

2017/08/30(Wed) 09:52

Icons8で販売されている有料のアイコン素材をオーナー様のご厚意により、当ブログ限定で無料で配布します。今回は、矢印のシンプルなデザインが豊富に揃った、使い勝手がいい矢印・アローのアイコン素材です。

http://coliss.com/articles/giveaway/arrow-icons-by-icons8.html

ハンバーガーメニューが進化中！2018年に押さえておきたい最新トレンド5個まとめ

2017/08/29(Tue) 09:49

はじめにハンバーガーメニューが登場したとき、デザイン業界の反応はさまざまでした。そこから数年が経ったいま、この単純な図形は、インターネットの世界に浸透しています。

http://photoshopvip.net/103992

文字サイズが小さくても、くっきり綺麗に表示されるようデザインされたフリーフォント -Interface font family

2017/08/28(Mon) 09:52

パソコンやスマホのモニターで、文字サイズが小さくてもくっきり美しく、綺麗に表示されるようデザインされたフリーフォントを紹介します。

http://coliss.com/articles/build-websites/operation/design/excellent-legibility-at-small-sizes-interface-font.html

flexboxもこれで完璧にマスター！HTMLとCSSの最新の知識とテクニックが詳しくまとめられたオススメの本

2017/08/25(Fri) 09:46

レイアウトはflexboxが標準になり、HTML5.1でsection要素や見出しの使い方が変更され、Web制作の現場で新しい知識の必要性が求められています。多様化するWebページを実装する最新の知識とテクニックが詳しくまとめられたオススメの本を紹介します。

http://coliss.com/articles/book-review/isbn10-483996369x.html

[CSS]悩む人も多い、要素を内包するラッパーの最適な実装テクニック

2017/08/24(Thu) 09:46

HTMLで最初に書かれている要素が、他のすべてを包み込む要素であるということは少なくありません。これはラッパーと呼ばれるもので、多くの人が使用していると思います。

http://coliss.com/articles/build-websites/operation/css/best-way-to-implement-wrapper.html