※本ページは、アフィリエイト広告を利用しています。

不易流行とは松尾芭蕉による哲学で、変わらない本質的な価値（不易）を大切にしながら、時代に応じて変化するもの（流行）を取り入れるという、相反する2つが備わることで新しい価値を生み出す、普遍の真理です。

デザインにも通じるものがあり、昔ながらのデザインを大切にしつつ、現代的なデザインを取り入れることで、よりよいデザインに発展します。

想像力をかきたてる「余白の美」、しなやかな「曲線」、表裏一体の「調和と破調」、「無常観」がもたらす美意識、「非対称」がつくる美しさなど、日本人が受け継いできた和の伝統美・デザインを豊富な図版で詳しく解説したデザイン書を紹介します。

本書は時間をかけて、じっくり読むことをお勧めします！

Webページに使用されているHTMLとCSSをスキャンして、古いHTMLとCSSが使用されている箇所を指摘し、それに置き換わるモダンHTMLとCSSを提案してくれるオンラインツールを紹介します。

現在では必要のないプレフィックス付きのプロパティだったり、物理プロパティを論理プロパティにしたり、アスペクト比で実装するためのパーセントのパディングなど、しっかりとした解説と共にモダンHTMLとCSSのコードが提案されます。

Modern CSS Radar

弁当グリッドは見栄えがいいレイアウトですが、HTMLとCSSで実装するとすこし難しいかもしれません。完成レイアウトを調整しながら、HTMLとCSSのコード（Tailwind CSS用も）を生成してくれる無料ツールを紹介します。

弁当グリッドとは、日本の弁当箱のインスパイアされたグリッドです。異なるサイズの長方形に分割された、非常に整頓されたUIパターンで、AppleのiOSウィジェットやランディングページにも採用されています。ダッシュボードや複雑なデータを整理できる優れたレイアウトです。

面倒な実装はAIにお願いすれば、と思うかもしれませんが、この弁当グリッドを言葉で説明するのはかなり難しいと思います。

Interactive Bento Grid Builder

WebサイトやスマホアプリのUI要素やコンポーネント、レイアウトに繊細なアニメーションによる動きを加えるCSSフレームワークを紹介します。

依存関係はゼロ、非常に軽量で、初心者でも扱いやすいCSSに設計されています。class名も分かりやすく、ease-fade-in, ease-slide-up, ease-delay-100とその名からアニメーションの動作が想像できると思います。

EaseMotion CSS
EaseMotion CSS -GitHub

※本ページは、アフィリエイト広告を利用しています。

Kindle本 高価格帯タイトルセールが開催しています！
高価格帯と聞くと身構えてしまうかもしれませんが、私の感覚だとすべて普通の価格帯だと思います。高価格帯というと5,000円超えかな。もちろん、ここで紹介するほとんどは2,000円台で、それらがすべて50％オフになっています！

セール期間は、9/17（木）まで。

セール初登場のものから、ベストセラーのデザイン書、UIデザインの良書、また同人誌・絵師さん向けのイラストの良書もたくさんがセール対象です。対象のKindle本は最安値（当方調べ）、貴重なこの機会をお見逃しないように！！

Kindle本 高価格帯タイトルセール

※本ページは、アフィリエイト広告を利用しています。

ノーコードでWebサイトを制作できるデザインツール「Studio」、ちょっと目を離すとサービス内容が強化されていたり、ツール自体が進化していたりします。

機能改善やアップデートは毎月のようにおこなわれており、今年に入ってからだと、「Scroll Effect」「Loop Box」「Preview Comment」、さらにはこの9月にもURLを入力するだけで既存サイトをAI編集可能にする「Studio.Drop」がリリースされ、進化が止まりません。

そんなStudioの利用方法から、基本的な使い方はもちろん、最近のWebサイトを実装・公開する手順までくわしく分かる解説書を紹介します。

section要素を積み重ねたときに、一つの要素だけ背景色をブラウザの幅いっぱいに広げるモダンCSSのテクニックを紹介します。

下記は2番目のテキスト要素のとこだけオレンジ色の背景色をブラウザの幅いっぱいに広げたものです。

Adobeを長年使用してきて、もやもやしていたのが、アイコンのデザインです。

円グラフにしてはバランスがおかしいし、右下にはなんか切れ端があるし、これって一体何だろう？ とずっと疑問に思っていました。