先週、HTML Living Standardの仕様にsearch要素が追加されました。

ブラウザへの実装はまだ先になると思いますが、検索フォームを実装する時は下記のようなHTMLを使用できるようになります。アクセシビリティの面でも率先して使用していきたいですね。

参考: The search element

角丸を外側と内側のパネルに使用した際、違和感を感じたことはありませんか？
数値的には同じ値の角丸を使用しても、内側の角丸の方が少し大きく見えて、不格好になってしまいます。

この外と内の角丸をバランスよく美しく、CSSで実装する相対角丸のテクニックを紹介します。

Relative rounded corners
by Andy Bell

Kindleストアで、Kindle本 新年度応援キャンペーンが開催です。
今回は出版社合同セールで、インプレスやMdNをはじめ、SBクリエイティブなど、Web制作・デザイン・イラスト関連の良書が最安値のセールになっています。

セール期間は、2023年4月6日まで。
セール初登場のものもたくさんあり、気になっていたものがあればこのセールがお買い得です。スクロールバーを見ると分かると思いますが、かなりの数がセール対象になっています。

【最大50％OFF】Kindle本 新年度応援キャンペーン
※セール期間は、4月6日23時59分まで

当ブログでも大好評、プロ絵師の技を完全マスターの第5弾が登場です！
第5弾は真・キャラ塗り上達術で、Clip Studio Paint Pro/EX/iPadでのテクニック・各ツールの使い方が徹底的に詳しく解説された良書を紹介します。

プロ絵師10人によるキャラクターの塗り方を徹底解説した保存版の一冊。イラストの作業手順と思考がステップごとに解説されており、作画に使用されたレイヤー構成、ブラシ設定、配色のRGB値などの詳細な情報も掲載されており、イラストのレベルが確実にアップします。

CSSで数式を使用するときには、今まではcalc()関数をはじめ、min(), max(), clamp()などの関数でしたが、ついに三角関数もChrome, Edge, Safari, Firefoxのすべてにサポートされました。

CSSの三角関数、sin(), cos, tan(), asin(), acos(), atan(), atan2()の基礎知識と基本的な使い方を紹介します。

Trigonometric functions in CSS
by Bramus

デスクトップのFigmaとiPadのFigJamで、オブジェクト、フレーム、テキスト、ウィジェットなどをコピーペーストできるようになりました。

Tailwind CSSで実装されたモダンUIコンポーネントのライブラリを紹介します。

Webサイトやスマホアプリでよく使用されるカード、ボタン、アコーディオン、タブ、フォームなど、150種類以上のUIコンポーネントが揃っており、ベースとなるレイアウトも豊富に揃っています。

Sailboat UI
Sailboat UI -GitHub

ここ1, 2年でFigmaが急速に浸透しました。日本でも最近はFigmaだけでUIを制作しているところも増え、仕様やサイトマップの設計、さらにはチームでのコミュニケーションツールとしてもFigmaが使用されています。

Figmaの使い方をひと通り学びたい人に、短期間で使えるようになりたい人に、使用頻度の高い機能を優先的に解説した実用性の高い解説書を紹介します。