Web制作に役立つ情報一覧

実用性が高い配色本！カラー縛りのデザインやイラストにすごく使える -配色デザインインスピレーションブック 3

2021/05/14(Fri) 10:03

イメージはなんとなく浮かぶけど、じゃあその配色は具体的にどうすれば、、、そんなデザインやイラストの悩みに大活躍する配色本を紹介します。

https://coliss.com/articles/book-review/isbn-9784802613088.html

知っておくと役立つ、CSSの新機能！コンテナクエリの基礎知識と便利な使い方を解説

2021/05/13(Thu) 10:04

CSSのコンテナクエリが、Chrome Canaryのフラグで利用できるようになりました。正式なサポートはこれからですが、一足先に、コンテナクエリの基礎知識と便利な使い方を紹介します。

https://coliss.com/articles/build-websites/operation/css/about-css-container-queries.html

【フォトショップ】活字風の自然な「にじみ」文字のつくり方

2021/05/12(Wed) 10:02

この記事では、フォトショップでインクがにじんだ活字風の文字テキストのつくり方をご紹介します。便利なフィルタ機能を利用することで、ほんのわずかな手間で、デザイン全体の雰囲気をぐっと高めることができるテクニックです。

https://photoshopvip.net/128835

【2021】無料で商用利用可なフリーアイコン素材サイト12選

2021/05/11(Tue) 10:05

Webサイトのデザインをしていると、アイコンを取り入れる場面がよくあると思います。アイコンには文字だけではわかりにくい情報を、ユーザーに対して直感的に素早く伝える効果があります。また、モチーフを簡略化しているので、限られたスペースでもしっかりその機能を果たしてくれます。

https://liginc.co.jp/544644

今のIllustratorならできる 「アウトライン化」しなくてもできること

2021/05/11(Tue) 10:04

Illustratorでテキストを図形化する「アウトライン化」。今のIllustratorなら「アウトライン化」しなくてもできることが増えています。

https://note.com/dtp_tranist/n/naf96dd97db3a

全部無料！最強フリーテクスチャ素材セレクション50

2021/05/11(Tue) 10:03

テクスチャは、デザインに加えるだけでさまざまなテクニックや見た目を手軽に表現できるグラフィック素材です。

https://photoshopvip.net/128733

Webデザイン制作をもっと楽に！便利な最新オンラインツール45個まとめ

2021/04/28(Wed) 09:49

この記事では、Webデザイン制作をもっと楽にする最新オンラインツール45個をまとめてご紹介します。ウェブデザインに限らず、グラフィックなどあらゆるクリエイティブな案件、プロジェクトで活躍しそうな新しいツールを中心に揃えています。

https://photoshopvip.net/128528

最近の実装に合わせた最新版HTMLテンプレート、基本構造に使用するすべての要素とその役割も解説

2021/04/28(Wed) 09:48

最近の実装に合わせた、Webページ用のHTMLテンプレートを紹介します。レスポンシブ用のHTML、ソーシャルメディア用のHTMLをはじめ、高速表示に欠かせないrel="preload"なども含まれています。IEなどの古いブラウザはプログレッシブエンハンスメントで対応しています。

https://coliss.com/articles/build-websites/operation/work/html-boilerplate-by-mmatuzo.html

CSS の Container Queries おためし

2021/04/27(Tue) 09:51

CSS に、コンテナクエリという機能があるらしい。メディアクエリでは画面全体の大きさに応じて要素のスタイルを変えることができたけど、コンテナクエリを使うと当該要素の親の大きさに応じてスタイルを変えられる。

https://yaamaa-memo.hatenablog.com/entry/2021/04/25/143632

現在のGoogleのHTML・CSSガイドに沿ったコーディングルール

2021/04/27(Tue) 09:51

コーディングを勉強している方や、普段当たり前のようにコーディングしているけれど、上手く使えているのか不安な方向けにこの記事を書きました。（2021年04月04日更新）色んな方のコーディングを見ていると実に様々です。情報や知識が古いままで、今では推奨されない書き方も散見されます。

https://fueru.info/design/html-css/google-styleguide/