Web制作に役立つ情報一覧

ユーザーに直感的で分かりやすいボタンとは、UXの観点からくわしく解説

ボタンのクリックレートが低い、ボタンを配置したページにユーザーが長い時間を費やしている、これはボタンが直感的でなく、分かりにくいボタンが原因かもしれません。

https://coliss.com/articles/build-websites/operation/work/mobile-call-to-action-buttons-intuitive.html

HTMLとCSSのファイルを解析し、未使用のCSSをお掃除してくれる便利なツール -DropCSS

CSSファイルを軽量化するには、最適化・軽量化などの便利ツールがありますが、未使用のCSSを掃除することも重要です。HTMLとCSSのファイルを解析し、未使用のCSS（CSS4までサポート）を掃除してくれるツールを紹介します。

https://coliss.com/articles/build-websites/operation/javascript/unused-css-cleaner-dropcss.html

CSSのデバッグは、けっこう難しい

Web制作で一番悩ましいのが、期待通りに動作しないことだと思います。CSSも簡単なものであれば、すぐに原因が特定できて修正できますが、デバッグするのが難しい時もあります。

https://coliss.com/articles/build-websites/operation/css/css-debugging-is-hard.html

いろいろなデザインに使える！繊細な色使いと水彩の質感が素敵なデザイン素材 -Minimalistic watercolor leaves

繊細な色使いと水彩の質感が素敵な葉や実をモチーフにしたデザイン素材を紹介します。単独で使用してもよし、組み合わせて使用してもよしのデザイン素材で、重ねて使用すると更に面白い効果が生まれます。

https://coliss.com/articles/products/minimalistic-watercolor-leaves.html

これフォトショップなの？参考にしたいすごい最新チュートリアル、作り方40個まとめ

今回は、デザイナーが参考にしたい最新フォトショップチュートリアルをまとめてご紹介します。

http://photoshopvip.net/114734

コンバージョンを増加させるための、ユーザーを説得する6つの原則

マーケティングキャンペーンを成功に導くためのツールや、それが提供する機能は常に変化を繰り返している。しかし、時代が変わっても常に有効である、ユーザーを説得させる6つの原則が存在する。それらを

http://www.seojapan.com/blog/using-6-principles-of-persuasion-to-increase-conversions

最近のロゴのデザインに使われている、注目しておきたいデザイントレンドのまとめ -Logo Design Trends 2019

本格的なロゴをオンラインで作成できる「Logaster ロゴメーカー」で、2018年に作成されたロゴから人気だったロゴのデザインを調査・分類し、2019年に注目しておきたいロゴデザインのトレンドを紹介します。

https://coliss.com/articles/build-websites/operation/design/logo-design-trends-2019.html

HTMLとCSSを真剣に学びたい人にお勧め！Web制作の実務で使える知識とテクニックをしっかり学べる解説書

Web制作の現場で使える知識がしっかりと身につくHTMLとCSSの解説書を紹介します。HTMLとCSSは仕様に基づいた詳しい解説で、実装ではデザインにプラスアルファの効果を与える知識とテクニックをしっかり学べる一冊です。

https://coliss.com/articles/book-review/isbn10-4802612028.html

[CSS]テキストリンクやボタン、プリローダーなどで使えるCSSアニメーションのスニペット集 -CSSeffectsSnippets

テキストリンクやボタン、プリローダーなどで使えるCSSのさまざまなアニメーションがコピペで簡単に利用できるCSSeffectsSnippetsを紹介します。

https://coliss.com/articles/build-websites/operation/css/css-effects-snippets.html

保存版！デザインツールの総まとめ -200種類以上の定番ツールから最近リリースされた注目のツールまで

Webサイト、スマホアプリの制作・開発に携わるすべての人に役立つ、200種類以上の有料・無料のデザインツールを紹介します。

https://coliss.com/articles/build-websites/operation/design/awesome-design-tools-for-web-developers.html