ログイン
そのCSSの書き方は古すぎる！ モダンCSSとTailwinds CSSでどのように記述するのかが分かる -modern.css
2026年4月2日 09:36
CSSのさまざまな古い書き方をモダンCSSやTailwinds CSSでどう書くのか教えてくれるサイトを紹介します。 要素を中央配置するCSSをはじめ、スクロールバーの出現によるレイアウトシフトを防ぐCSS、HEX値やr […]
ノーマルビュー
Amazonで新生活セールFinalが開催！ 私が購入して本当によかったもの、見逃しがちなお買い得品を紹介します
2026年4月1日 09:36
※本ページは、アフィリエイト広告を利用しています。 Amazonでビッグセール「新生活セールFinal」が開催です！ このセールでは特に生活用品が数多く対象になっており、通常のセールよりもかなり安くなって、Finalだけ […]
CSSのデバッグやスキルアップに役立つ！ グラデーションや背景など複雑に記述されたCSSを読みやすくし、デバッグ・編集できる無料ツール -bg.layers
2026年3月31日 09:36
CSSで装飾したテキストやボタンのデバッグは、各プロパティやその値もそれほど複雑なCSSではないので簡単です。 下記のようにレイヤーが重なったグラデーションのデバッグはどうでしょうか。CSSもかなり複雑で、コードを見ただ […]
KIndle本 春の特大セール第2弾が開催！ Web制作、UIデザイン、イラスト・創作に役立つ資料や辞典の良書がお買い得です
2026年3月30日 09:36
※本ページは、アフィリエイト広告を利用しています。 KIndle本 春の特大セール第2弾が開催です！ Webや紙のデザイン、HTML/CSSなどWeb制作の解説書、同人誌・絵師さん向けのイラストの良書がたくさんセール対象 […]
入門書だけど、かなり実践的で詳しい！ 進化したFigmaの使い方がよく分かる解説書 -Figmaのきほん 改訂版
2026年3月27日 09:36
※本ページは、アフィリエイト広告を利用しています。 UIデザインにおいて、もはやFigmaは必要不可欠なツールになっています。 Figmaをこれから初めて使用する人、なんとなく使ってるけどきちんと使い方を学びたい人向けに […]
CSSのlight-dark()関数が画像もサポート！ これでライトテーマとダークテーマの対応がさらに簡単になります
2026年3月26日 09:36
Webサイトをライトテーマとダークテーマ対応にするには、CSSのlight-dark()関数を使用すると今までより簡単に実装できます。 これまではlight-dark()関数はカラー値（<color>）のみし […]
商用利用OKの無料版もあるぞ！ レトロな雰囲気がかわいい、極太の日本語フォント「鳩とブリキのワンダランド」
2026年3月25日 09:36
「はんなり明朝」「こころ明朝体」「こども丸ゴシック」などのフリーフォント、最近では「ビルと谷間と高架下」「そばとうどん」などをリリースしているTyping Artさんから、新作の日本語フォント「鳩とブリキのワンダランド」 […]
UIに使用する色のコントラストをAIで検証、基準を満たしていないときはデザインに合った代替色を提案してくれる無料ツール
2026年3月24日 09:36
AIを使用して前景色と背景色のコントラスト、WCAG 2.1および2.2のAA/AAA基準を満たすアクセシブルな色の組み合わせをテストし、さらにその組み合わせに合った色で基準に満たした色も提案してくれる無料ツールを紹介し […]
ミニマルなデザインで使いやすい！ シンプルなHTMLでさまざまなUIコンポーネントを実装できる超軽量ライブラリ -Oat UI
2026年3月23日 09:36
セマンティックなHTMLで、Webサイトやスマホアプリでよく使用されるさまざまなUIコンポーネントや要素を実装できる超軽量UIライブラリを紹介します。 デザインはシンプルでミニマル！ 依存関係は一切なく、classレスと […]
小さなバナーに潜むデザインのさまざまなアイデアとテクニックが詳しく解説されたデザイン書 -バナーデザインのアイデア帳
2026年3月19日 09:36
※本ページは、アフィリエイト広告を利用しています。 デザインで役立つのは、良質なデザインの引き出し持っておくこと。バナーのデザインはもちろん、Web制作に携わるすべての人にお勧めのデザイン書を紹介します。 本書は本日、3 […]
これは絶対見逃したらダメ！ 1Password値上げ前の最後となるセールがソースネクストで開催
2026年3月18日 08:08
※本ページは、アフィリエイト広告を利用しています。 1Passwordが、ついに3/27から値上げされるとのことです。この値上げ前の最後となるセールがソースネクストで開催しています！ 1Passwordの公式サイトで購入 […]
これは覚えておきたい！ シンプルなCSSで、画像をホバーすると拡大し、マスクまでしてくれる
2026年3月17日 09:36
画像をホバーすると拡大するCSSのテクニックは昔からありますが、画像の拡大分をoverflow:hidden;で非表示にするのではなく、clip-pathでクリッピングするとってもシンプルなCSSを紹介します。 実際の動 […]
ちょっと面白いフォントがGoogle Fontsで使える！ テキストを棒グラフや折れ線グラフ、円グラフに変換して表示できるフォント -Datatype
2026年3月16日 09:36
テキストを棒グラフや折れ線グラフ、円グラフに変換して表示するフォントがGoogle Fontsで利用できるようになったので紹介します。 たとえば、{b:15,45,80,30,60}というテキストは5つのバーがある棒グラ […]
これはかなりおすすめ！ Reactを使えるようなりたい人に、入門書の決定版 -挫折しないReactの教科書
2026年3月13日 09:36
※本ページは、アフィリエイト広告を利用しています。 Reactを使ってみたいけど、どこから始めればよいのか。そんな人にお勧めの挫折せずにReactを学ぶことができる解説書を紹介します。 書名にもあるように『挫折しない』こ […]
Web制作者は要チェック！ スマホでもテキストサイズの拡大縮小ができるようになるなど、Chrome 146で新しく追加された5個のCSSの機能
2026年3月12日 09:36
3/11にアップデートされたChrome 146に追加された、CSSとUIに関する新しい機能を紹介します。 今回のアップデートで注目すべきは、スクロールの位置に基づいてアニメーションを制御する機能、meta name=t […]
これでSVGアイコンを探すときに困らない！ 無料で商用利用できるライブラリを横断検索できる便利サイト -All SVG Icons
2026年3月11日 09:36
SVGアイコン、特に無料で利用できるオープンソースのSVGアイコンをまとめて検索・閲覧できる便利なサイトを紹介します。 さまざまなSVGアイコンのライブラリを横断検索することもでき、好みのデザインを見つけて、SVGアイコ […]
シンプルだから使いやすい！ ページの途中で上方向にスクロールするとヘッダを上部から表示する超軽量スクリプト -Peek
2026年3月10日 09:36
ユーザーが下方向にスクロールするとヘッダを自動的に非表示にし、ページの途中で上方向にスクロールするとヘッダを表示する、超軽量のスクリプトを紹介します。 実装は非常に簡単で、カスタマイズも簡単、既存のWebページに導入する […]
Amazonの新生活セールは本日（3/9）が最終日！ 見逃しがちなお買い得品を紹介します
2026年3月9日 09:36
※本ページは、アフィリエイト広告を利用しています。 Amazonのビッグセール「新生活セール」は、いよいよ本日3/9が最終日！ このセールでは特に生活用品が数多く対象になっており、通常のセールよりもかなり安くなって、非常 […]
デザインのクオリティが劇的にアップする！ 罫線の定番の使い方から洗練された使い方まで徹底的に解説したデザイン書 -だけじゃない ケイセン デザイン
2026年3月6日 09:36
※本ページは、アフィリエイト広告を利用しています。 デザインでよく使用する要素の一つにケイセン、罫線があります。Webサイトやスマホアプリをはじめ、紙のデザイン、ポスター、パッケージなど、あらゆるデザインに罫線が使用され […]
これはかなり万能に使える！ たった3行のCSSで、要素を中央に絶対配置する新しい記述方法
2026年3月5日 09:36
CSSで要素を中央に絶対配置、特にモーダル、メッセージ、スタック、ポップオーバーなどを中央配置するときに適したCSSの新しい記述方法を紹介します。 古い記述方法では、負のパーセンテージを使用していたり、直感的ではないCS […]
