ログイン
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 […]
Amazonで新生活セールが開催！ 私が購入して本当によかったもの、見逃しがちなお買い得品を紹介します
2026年3月4日 09:36
※本ページは、アフィリエイト広告を利用しています。 Amazonでビッグセール「新生活セール」が開催です！ このセールでは特に生活用品が数多く対象になっており、通常のセールよりもかなり安くなって、非常にお買い得です。 セ […]
OKLCHカラーを使うと異なる色でトーンを合わせたり、単色のシェードも簡単！ UIデザイン用のカラーパレットを生成するツール -ColorPalette Pro
2026年3月3日 09:36
見た目はDTMツールですが、中身はOKLCHカラーでUIデザイン用のカラーパレットを生成できる無料ツールを紹介します。 ベースカラーを指定するだけで、6色で構成される美しいカラーパレットを瞬時に生成します。色相環を元にし […]
KIndle本 春直前の特大セールが開催！ Web制作・UIデザイン・創作用辞典・イラスト関連の良書がお買い得です
2026年3月2日 09:36
※本ページは、アフィリエイト広告を利用しています。 Kindle本の春直前の特大セールが開催されています。Webや紙のデザイン、UIデザイン、Copilotなど生成AI関連、配色本、創作用辞典、同人誌・絵師さん向けのイラ […]
アクセシビリティについて、WCAGから具体的な実装までしっかり学びたい人にかなりお勧めの一冊 -ウェブアクセシビリティの教本
2026年2月27日 09:36
※本ページは、アフィリエイト広告を利用しています。 Webのアクセシビリティについて一度しっかり学びたかった、アクセシブルな実装ってどうやるの、最新の動向（WCAG 3.0やAIによる影響など）を知りたい、そんな人たちに […]
これは気がつかなかった！ デベロッパーツールでcalc()やclamp()などの計算値が簡単にデバッグできて便利すぎる
2026年2月26日 09:36
Chromeのブラウザはアップデートをチェックしていましたが、デベロッパーツールはなんとなくしか見ていませんでした。 デベロッパーツールで、CSSのcalc()やclamp()などの複雑な計算式やvwやcqwなどの相対単 […]
ノンデザイナーズ・デザインブック28周年記念🎉 特典PDFが応募者全員にもらえる太っ腹キャンペーンが開催されています
2026年2月25日 09:36
不朽のデザイン書「ノンデザイナーズ・デザインブック」の28周年を記念して、3年ぶりとなる期間限定のキャンペーンが開催されています！ なんと応募者全員に、日本語のテキスト・フォント・タイポグラフィについて解説した特典PDF […]
これ1つでOK！ CSSでLiquid GlassやGlassmorphism、Nuemorphismを実装できる便利ツール -Aether CSS
2026年2月24日 09:36
iOSにLiquid Glassが採用されてから早半年が過ぎました。 当初はiPhoneやiPadのUIに使いにくさを感じていましたが、Liquid Glassを採用しているアプリも増えた最近では逆に採用されていないアプ […]
さらに便利で使いやすくなった！ 最新のCanvaに対応、プロユースでも使えるデザインのテクニックまでよく分かる解説書 -Canva使い方入門 増補改訂版
2026年2月20日 09:36
※本ページは、アフィリエイト広告を利用しています。 ここ数年、Canvaの躍進が目立ちます。 一昔前はできることは限られていましたが、現在ではかなりいろいろなことができ、プロユースとしても十分な機能を備えています。 Ca […]
ブックマークしておくと便利！ さまざまなデバイスのスクリーンサイズ・解像度・ピクセル密度などの仕様が一覧できる -What Is My Screen Size?
2026年2月19日 09:36
iPhoneやiPadのスクリーンサイズと解像度とピクセル密度っていくつだっけ？ GalaxyやPixelのスクリーンサイズと解像度とピクセル密度は？ もちろんそれぞれの公式サイトで探せば見つかりますが、けっこう手間です […]
筆文字の新作日本語フリーフォントがリリース！ 凛とした佇まいが美しい、気高い雰囲気を持ったフォント「藍原筆文字 凜華」
2026年2月18日 09:36
「藍原相撲字」「藍原江戸文字」「藍原勘亭流」「藍原筆文字楷書」「藍原筆文字隷書」などの手書きフォントをリリースされている藍原彼方さんから、新作の筆文字フォントがリリースされました！ 無料版と有料版が用意されており、無料版 […]
このホバーエフェクト、楽しい！ CSSのみで実装する、弓の弦のように弾けるホバーエフェクト（方向も認識）
2026年2月17日 09:36
カーソルで下からホバーすると弓の弦のように上から弾け、上からホバーすると下から弾ける、操作するのが楽しくなるホバーエフェクトを紹介します。 弓の弦のように弾けるホバーエフェクトはモダンCSSの機能（shape(), si […]
シンプルだから使いやすい！ レスポンシブ対応のグリッドをオーバーレイ表示できるChromeの拡張機能 -Grid Overlay Pro
2026年2月16日 09:36
ブラウザに表示したあらゆるWebページにレスポンシブに対応したFigmaみたいなグリッドをオーバーレイー表示できるChromeの機能拡張を紹介します。 グリッドのオーバーレイはブラウザ内で完全にローカルで実行されるため、 […]
ロゴはまさに究極のミニマルデザイン！ デザインすることの面白さに気づかせてくれる良書 -カンタンでちょっぴり深いロゴづくり
2026年2月13日 09:36
※本ページは、アフィリエイト広告を利用しています。 本書の感想を一言で言うと、「デザインすることの面白さに気づかせてくれる」 なぜこの形なのか、なぜこの文字なのか、なぜこの余白なのか、なぜ太くするのか、なぜこの角度なのか […]
Chromeの安定版でついにタブの分割がサポートされました！ Chrome 145で新しく追加された6個のCSSとUIの機能
2026年2月12日 09:36
2/11にアップデートされたChrome 145に追加された、CSSとUIに関する新しい機能を紹介します。 今回のアップデートで注目すべきは、まずタブの分割が正式サポートされたこと。そしてテキストの配置方法を制御するte […]
