デザインの練習方法がよく分かる!無名デザイナーが365日、毎日ロゴをつくり続け、有名デザイン賞を受賞したロゴデザイン上達法

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

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

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

毎日ロゴ

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

続きを読む

CSS Flexboxでヘッダを実装する最近のテクニックのまとめ

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

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

CSS Flexboxで、ヘッダを実装する最近のテクニックのまとめ

Building Website Headers with CSS Flexbox
by Ahmad Shadeed

続きを読む

MdNのWebデザインとWeb制作のKindle本が、50%オフ!今年発売されたばかりの良書も含む特大セールが開催

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

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

Kindleセールの対象本

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

続きを読む

全部フリーフォント!ミニマルで美しい、女子向けのフェミニンなロゴをデザインするテンプレート素材

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

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

ミニマルで美しい、女子向けのフェミニンなロゴをデザインするテンプレート素材

24 elegant feminine logos vol. 8.0

続きを読む

これは便利で簡単!CSSを書いている時に、Flexboxのチートシートを利用できるVS Codeの機能拡張

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

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

CSSをVS Codeで書きながらFlexboxのチートシートを利用できる機能拡張

CSS Flexbox Cheatsheet -VS Code

続きを読む

2020年、オンラインサービスやWebアプリの開発を独学で勉強したい人に役立つ練習プロジェクトのまとめ

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

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

オンラインサービスやWebアプリの開発を独学で勉強したい人に役立つ練習プロジェクトのまとめ

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

続きを読む

意識低い系デザイン本がついに発売!整列ビーム、近接ホールド、デザインの基本がマンガで分かる -デザイナーじゃないのに!

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

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

デザイナーじゃないのに!

続きを読む

JavaScriptでのメディアクエリ、matchMedia()の使い方を解説

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

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

JavaScriptでのメディアクエリ、matchMedia()の使い方を解説

Working with JavaScript Media Queries
by Marko Ilic

続きを読む

top of page

©2020 coliss