HTMLにsearch要素が追加されたぞ!

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

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

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

参考: The search element

続きを読む

CSSで角丸を美しく実装する方法、相対角丸のテクニック

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

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

CSSで角丸を美しく実装する方法

Relative rounded corners
by Andy Bell

続きを読む

セール初登場がたくさん! Kindle本の出版社合同セールが開催、Web制作・デザイン・イラスト関連の良書が最安値です

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

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

セール対象のKindle本

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

続きを読む

プロ絵師によるイラストの塗りがよく分かる最強の一冊! プロ絵師の技を完全マスター 真・キャラ塗り上達術 完全版

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

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

プロ絵師の技を完全マスター 真・キャラ塗り上達術 完全版

続きを読む

CSSの三角関数(sin(), cos(), tan())の基礎知識と基本的な使い方を解説

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

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

CSSの三角関数(sin(), cos(), tan())の基礎知識と基本的な使い方を解説

Trigonometric functions in CSS
by Bramus

続きを読む

朗報! Figmaでクロスデバイス間のコピーペーストができるようになったぞ!

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

Figmaでクロスデバイス間のコピーペーストができるようなりました

続きを読む

ブックマークしておくと便利! Tailwind CSSで実装された最新のUIコンポーネントライブラリ -Sailboat UI

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

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

Tailwind CSSで実装された最新のUIコンポーネントライブラリ -Sailboat UI

Sailboat UI
Sailboat UI -GitHub

続きを読む

Figmaでよく使う機能を詳しく解説! 短期間で使いこなせるようになりたい人にぴったりな解説書 -Figmaデザイン入門

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

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

Figmaデザイン入門

続きを読む

top of page

©2023 coliss