HTMLにsearch要素が追加されたぞ!
Post on:2023年3月29日
先週、HTML Living Standardの仕様にsearch
要素が追加されました。
ブラウザへの実装はまだ先になると思いますが、検索フォームを実装する時は下記のようなHTMLを使用できるようになります。アクセシビリティの面でも率先して使用していきたいですね。

CSSで角丸を美しく実装する方法、相対角丸のテクニック
Post on:2023年3月28日
角丸を外側と内側のパネルに使用した際、違和感を感じたことはありませんか?
数値的には同じ値の角丸を使用しても、内側の角丸の方が少し大きく見えて、不格好になってしまいます。
この外と内の角丸をバランスよく美しく、CSSで実装する相対角丸のテクニックを紹介します。

Relative rounded corners
by Andy Bell
セール初登場がたくさん! Kindle本の出版社合同セールが開催、Web制作・デザイン・イラスト関連の良書が最安値です
Post on:2023年3月27日
Kindleストアで、Kindle本 新年度応援キャンペーンが開催です。
今回は出版社合同セールで、インプレスやMdNをはじめ、SBクリエイティブなど、Web制作・デザイン・イラスト関連の良書が最安値のセールになっています。
セール期間は、2023年4月6日まで。
セール初登場のものもたくさんあり、気になっていたものがあればこのセールがお買い得です。スクロールバーを見ると分かると思いますが、かなりの数がセール対象になっています。

【最大50%OFF】Kindle本 新年度応援キャンペーン
※セール期間は、4月6日23時59分まで
プロ絵師によるイラストの塗りがよく分かる最強の一冊! プロ絵師の技を完全マスター 真・キャラ塗り上達術 完全版
Post on:2023年3月24日
当ブログでも大好評、プロ絵師の技を完全マスターの第5弾が登場です!
第5弾は真・キャラ塗り上達術で、Clip Studio Paint Pro/EX/iPadでのテクニック・各ツールの使い方が徹底的に詳しく解説された良書を紹介します。
プロ絵師10人によるキャラクターの塗り方を徹底解説した保存版の一冊。イラストの作業手順と思考がステップごとに解説されており、作画に使用されたレイヤー構成、ブラシ設定、配色のRGB値などの詳細な情報も掲載されており、イラストのレベルが確実にアップします。

CSSの三角関数(sin(), cos(), tan())の基礎知識と基本的な使い方を解説
Post on:2023年3月23日
CSSで数式を使用するときには、今まではcalc()
関数をはじめ、min()
, max()
, clamp()
などの関数でしたが、ついに三角関数もChrome, Edge, Safari, Firefoxのすべてにサポートされました。
CSSの三角関数、sin()
, cos
, tan()
, asin()
, acos()
, atan()
, atan2()
の基礎知識と基本的な使い方を紹介します。

朗報! Figmaでクロスデバイス間のコピーペーストができるようになったぞ!
Post on:2023年3月22日
デスクトップのFigmaとiPadのFigJamで、オブジェクト、フレーム、テキスト、ウィジェットなどをコピーペーストできるようになりました。

ブックマークしておくと便利! Tailwind CSSで実装された最新のUIコンポーネントライブラリ -Sailboat UI
Post on:2023年3月20日
Tailwind CSSで実装されたモダンUIコンポーネントのライブラリを紹介します。
Webサイトやスマホアプリでよく使用されるカード、ボタン、アコーディオン、タブ、フォームなど、150種類以上のUIコンポーネントが揃っており、ベースとなるレイアウトも豊富に揃っています。

Figmaでよく使う機能を詳しく解説! 短期間で使いこなせるようになりたい人にぴったりな解説書 -Figmaデザイン入門
Post on:2023年3月17日
ここ1, 2年でFigmaが急速に浸透しました。日本でも最近はFigmaだけでUIを制作しているところも増え、仕様やサイトマップの設計、さらにはチームでのコミュニケーションツールとしてもFigmaが使用されています。
Figmaの使い方をひと通り学びたい人に、短期間で使えるようになりたい人に、使用頻度の高い機能を優先的に解説した実用性の高い解説書を紹介します。
