Web制作に役立つ情報一覧

Webサイトのプロジェクトの進め方、ディレクション、デザイン、実装など、制作と運用に必要な知識が学べる良書

2021/06/04(Fri) 09:52

Webサイトのプロジェクトの進め方、ディレクション、デザインの発注、設計、構築、運用、メンテナンスなど、Web制作に必要な知識を網羅的に学ぶことができる解説書を紹介します。

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

ラクラクWebデザイン制作！便利な最新オンラインツール39個まとめ

2021/06/03(Thu) 10:04

この記事では、日々進化を続けるWeb制作で役立つ、便利な最新オンラインツールをまとめてご紹介しています。これまではむずかしいと思っていたことや、面倒な作業をボタン一発で完了できるなど、デザイン制作の時間短縮にぴったりなツールから、遠隔でのテレワークにも便利な新機能、ユニークなツールやサービスなどが揃います。

https://photoshopvip.net/129209

知っておくと、すごく便利！CSS変数の優れた使い方

2021/06/02(Wed) 09:53

CSS変数（カスタムプロパティ）は、文字通りCSSで変数が使用できるので非常に便利です。CSS変数の使い方でよく聞くのはカラーですが、それ以外にもさまざまな優れた使い方があります。

https://coliss.com/articles/build-websites/operation/css/use-cases-for-css-variables.html

【デザイナーお役立ち】デザインが良くなる最新フリーフォント35個まとめ 2021年5月度

2021/06/01(Tue) 10:17

この記事では、「たくさんのフォントがありすぎて、どれを使ったらいいか迷ってしまう」というひとにオススメしたい、デザイン性の高い最新フリーフォントをまとめてご紹介します。紹介しているフォントを使えば、サイトや雑誌やポスターのデザインがかっこよく決まる、そんな日本語と英語のフリーフォント35個を揃えています。

https://photoshopvip.net/129143

最近のロゴデザインに使われている、すごいデザインテクニックのまとめ -2021年ロゴデザインのトレンド

2021/06/01(Tue) 10:16

デザインの引き出しを増やすには、人気があるトレンドを押さえておくことが大切です。ロゴにはタイポグラフィ、カラー、形など、デザインの基本となる要素が詰まっており、最近のロゴデザインに使われているトレンド、デザインテクニックを紹介します。

https://coliss.com/articles/build-websites/operation/design/logo-design-trends-in-2021-by-logolounge.html

欧文フォントは歴史と紐づけるとまじでわかりやすい

2021/05/28(Fri) 09:52

欧文フォントを歴史と紐づけて紹介しています。

https://note.com/arisan_designer/n/n77e068511f5c

フリーランスWebデザイナーが初案件を獲得する方法

2021/05/27(Thu) 09:51

フリーランスWebデザイナーを目指して日々勉強をしているみなさん、そろそろ実案件を受けようと準備を進めているみなさん、いかがお過ごしでしょうか？スキルの向上は実践あるのみ…と言われますが、最初のうちはその実践を積む機会がなかなか持てませんよね。

https://www.webcreatorbox.com/beginner/freelance-first-job

CSSの進化がすごすぎる！新しいレスポンシブデザインの実装方法を解説

2021/05/27(Thu) 09:50

現在のレスポンシブデザインは、ビューポートにもとづいてレイアウトを最適化しています。しかし、新しいレスポンシブデザインでは、アニメーションが不要なユーザーには動きを少なくしたり（無くしたり）、親コンテナの幅にもとづいてコンポーネントを最適化したり、スコープ付きスタイルやフォームファクターなど、ユーザーの好みや環境に合わせて最適なコンテンツを提供できるようになります。

https://coliss.com/articles/build-websites/operation/css/the-new-responsive-2021.html

現役デザイナーが教える、アイコンデザインがより良くなる８個のヒント

2021/05/26(Wed) 09:56

この記事では現役デザイナーDmitriy Buninが、より良いアイコンをデザインするときに心がけている8個のポイントをまとめてご紹介します。WebサイトのUIインターフェースにおいてアイコンは重要なデザイン要素のひとつです。

https://photoshopvip.net/129022

【HTML】知っておくと便利！短いHTMLコードで実装できる小技テク17選

2021/05/25(Tue) 10:12

この記事では、あまり知られていないHTMLの小技20個を実例サンプルと一緒にご紹介します。CSSやJavaScriptなども使わずに、わずかなHTMLコードだけで実装可能な便利テクニックで、手軽に利用できるのもポイントです。

https://photoshopvip.net/129002