商用利用OKの無料版もあるぞ！ レトロな雰囲気がかわいい、極太の日本語フォント「鳩とブリキのワンダランド」
Post on:2026年3月25日
「はんなり明朝」「こころ明朝体」「こども丸ゴシック」などのフリーフォント、最近では「ビルと谷間と高架下」「そばとうどん」などをリリースしているTyping Artさんから、新作の日本語フォント「鳩とブリキのワンダランド」がリリースされました！
無料版と有料版があり、無料版はひらがな・カタカナ・英数記号文字に漢字の「鳩」、有料版はさらに漢字（2,000文字）が収録されています。
UIに使用する色のコントラストをAIで検証、基準を満たしていないときはデザインに合った代替色を提案してくれる無料ツール
Post on:2026年3月24日
AIを使用して前景色と背景色のコントラスト、WCAG 2.1および2.2のAA/AAA基準を満たすアクセシブルな色の組み合わせをテストし、さらにその組み合わせに合った色で基準に満たした色も提案してくれる無料ツールを紹介します。
チェックしてくれるツールはこれまでにもありましたが、デザインを損なうことなく代替となる色をAIで提案してくれるツールは、これが初だと思います。
ミニマルなデザインで使いやすい！ シンプルなHTMLでさまざまなUIコンポーネントを実装できる超軽量ライブラリ -Oat UI
Post on:2026年3月23日
セマンティックなHTMLで、Webサイトやスマホアプリでよく使用されるさまざまなUIコンポーネントや要素を実装できる超軽量UIライブラリを紹介します。
デザインはシンプルでミニマル！ 依存関係は一切なく、classレスとまではいきませんが、classの使用は最小限で、カスタマイズも非常に簡単です。
小さなバナーに潜むデザインのさまざまなアイデアとテクニックが詳しく解説されたデザイン書 -バナーデザインのアイデア帳
Post on:2026年3月19日
※本ページは、アフィリエイト広告を利用しています。
デザインで役立つのは、良質なデザインの引き出し持っておくこと。バナーのデザインはもちろん、Web制作に携わるすべての人にお勧めのデザイン書を紹介します。
本書は本日、3/19が発売日！
バナーは小さなスペースに、すばやく伝わる情報設計、分かりやすいレイアウト、要素のリズム、視線誘導、注目されやすいフォント、イメージを伝える配色、効果的な装飾など、デザインのさまざまな知識やテクニックが詰まっています。本書ではそれらが良質で豊富な事例とともに詳しく解説されています。
これは絶対見逃したらダメ！ 1Password値上げ前の最後となるセールがソースネクストで開催
Post on:2026年3月18日
※本ページは、アフィリエイト広告を利用しています。
1Passwordが、ついに3/27から値上げされるとのことです。この値上げ前の最後となるセールがソースネクストで開催しています！
1Passwordの公式サイトで購入すると約17,000円（値上げ前の価格、値上げ後は約23,000円）のところ、なんと7,800円！！
セール期間は、3月31日（火）まで。
Amazonのブラックフライデーでも8.900円だったので、これはかなりお買い得かと思います。私が知る限り、これが最安値です。
これは覚えておきたい！ シンプルなCSSで、画像をホバーすると拡大し、マスクまでしてくれる
Post on:2026年3月17日
画像をホバーすると拡大するCSSのテクニックは昔からありますが、画像の拡大分をoverflow:hidden;で非表示にするのではなく、clip-pathでクリッピングするとってもシンプルなCSSを紹介します。
ちょっと面白いフォントがGoogle Fontsで使える！ テキストを棒グラフや折れ線グラフ、円グラフに変換して表示できるフォント -Datatype
Post on:2026年3月16日
テキストを棒グラフや折れ線グラフ、円グラフに変換して表示するフォントがGoogle Fontsで利用できるようになったので紹介します。
たとえば、{b:15,45,80,30,60}というテキストは5つのバーがある棒グラフに、{l:2,5,3,8,1,6,4}は折れ線グラフに、{p:62}は62％の円グラフを表示するオープンソースのフォントです。
これはかなりおすすめ！ Reactを使えるようなりたい人に、入門書の決定版 -挫折しないReactの教科書
Post on:2026年3月13日
※本ページは、アフィリエイト広告を利用しています。
Reactを使ってみたいけど、どこから始めればよいのか。そんな人にお勧めの挫折せずにReactを学ぶことができる解説書を紹介します。
書名にもあるように『挫折しない』ことに主眼を置いたもので、学ぶためのモチベーションに配慮し、「Reactで作る楽しさ」を感じながらプログラミング全般に通じる基礎知識もしっかり学ぶことができます。
