Web制作に役立つ情報一覧

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

2019/03/28(Thu) 10:00

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

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

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

2019/03/27(Wed) 09:59

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

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

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

2019/03/27(Wed) 09:55

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

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

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

2019/03/27(Wed) 09:59

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

http://photoshopvip.net/114734

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

2019/03/26(Tue) 09:59

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

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

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

2019/03/25(Mon) 09:59

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

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

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

2019/03/22(Fri) 09:53

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

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

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

2019/03/15(Fri) 09:54

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

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

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

2019/03/14(Thu) 09:52

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

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

ウェブページの最適な日付を Google 検索に知らせるには

2019/03/13(Wed) 09:57

Google の検索結果ではリストの横に日付が表示されることがあります。今回は、この日付がどのように判断されるのかなど、ウェブマスターの皆様から寄せられる一般的な質問にお答えし、日付の精度向上に役立つおすすめの方法をご紹介します。

https://webmaster-ja.googleblog.com/2019/03/help-google-search-know-best-date-for.html