無名デザイナーが365日、毎日ロゴをつくり続け、国内外の有名デザイン賞を受賞したロゴデザイン上達法を紹介します。

著者自らが実践したデザインの練習方法、ロゴデザインに必要な発想力と造形力を鍛える方法、結果を出したロゴデザインの上達方法など、プロのデザイナーとして上達するための決定版です。

頭の中でもやもやしてたことが、はっきりと言語化されており、お勧めです！

「365」の中に「ロゴ」が隠れているのもいいですね！

CSS Flexboxで、Webサイトのヘッダを実装する最近のテクニックを紹介します。

ロゴやナビゲーションの配置、各要素間のスペースの与え方、使用可能なスペースに検索フォームを広げて配置など、Flexboxを効果的に使用した実装方法です。

Building Website Headers with CSS Flexbox
by Ahmad Shadeed

2020年に発売されたばかりのものをはじめ、WebデザインとWeb制作関連の書籍がKindleセールで50％オフの大幅値引きになっています。

初心者向けから、現役で仕事をしている人向けまで揃っており、見逃せません！
特に、ディレクター向けの書籍が充実しています。

Kindleストア: MdN Webデザイン書フェア
セール期間は、2020年10月14日まで。

通常は有料ですが、今週末まで無料でダウンロードできる、ミニマルで美しい、女子向けのフェミニンなロゴをデザインするテンプレート素材を紹介します。

本来は有料なだけあってかなり高品質。
期間中にダウンロードしておけば、いつでも使えて、再ダウンロードも無料です。

24 elegant feminine logos vol. 8.0

CSSを書いている時に、ふとFlexboxのプロパティがどんな挙動だったか確認したくなることはありませんか？

CSSをVisual Studio Codeで書きながら、CSS Flexboxのチートシートを利用できる機能拡張を紹介します。
Flexboxの各プロパティや値がどのような挙動か、一目で分かります。

CSS Flexbox Cheatsheet -VS Code

Webアプリやスマホアプリ、オンラインショップ、オンラインサービスなど、Web開発における一通りの需要に応えられるような知識・スキルを練習するのに役立つプロジェクトを紹介します。

8つのプロジェクトにはそれぞれ異なる課題が設定されており、開発者が行う実際のタスクが反映されています。
バックエンドが中心ですが、フロントエンドのCSSのテクニックなども磨けます。

8 Projects with modern designs to become a Full-stack Master 2020
by Thu Nghiem

デザインの4原則といえば、
「整列ビーム」「近接ホールド」「メリハリパンチ」「反復リピート」です！
Webでも紙のデザインでもこの原則を使うだけで、デザインがぐっとよくなります。

マンガを笑いながら読んでいる間に、デザインの基本がしっかり身についてしまう、新感覚の意識低い系デザイン本を紹介します。

メディアクエリと言えば、CSSの@mediaでスクリーンサイズに合わせて最適なスタイルを適用するものを思い浮かべる人が多いと思います。JavaScriptで実装したコンポーネント、例えば、スライダーなどをレスポンシブ対応にする際にはJavaScriptでメディアクエリを扱った方が便利です。

JavaScriptでのメディアクエリ、matchMedia()の使い方を紹介します。

Working with JavaScript Media Queries
by Marko Ilic