ログイン
ブックマークしておくと便利！ さまざまなデバイスのスクリーンサイズ・解像度・ピクセル密度などの仕様が一覧できる -What Is My Screen Size?
iPhoneやiPadのスクリーンサイズと解像度とピクセル密度っていくつだっけ？ GalaxyやPixelのスクリーンサイズと解像度とピクセル密度は？ もちろんそれぞれの公式サイトで探せば見つかりますが、けっこう手間です […]
リーディングビュー
筆文字の新作日本語フリーフォントがリリース！ 凛とした佇まいが美しい、気高い雰囲気を持ったフォント「藍原筆文字 凜華」
「藍原相撲字」「藍原江戸文字」「藍原勘亭流」「藍原筆文字楷書」「藍原筆文字隷書」などの手書きフォントをリリースされている藍原彼方さんから、新作の筆文字フォントがリリースされました！ 無料版と有料版が用意されており、無料版 […]
このホバーエフェクト、楽しい！ CSSのみで実装する、弓の弦のように弾けるホバーエフェクト（方向も認識）
カーソルで下からホバーすると弓の弦のように上から弾け、上からホバーすると下から弾ける、操作するのが楽しくなるホバーエフェクトを紹介します。 弓の弦のように弾けるホバーエフェクトはモダンCSSの機能（shape(), si […]
シンプルだから使いやすい！ レスポンシブ対応のグリッドをオーバーレイ表示できるChromeの拡張機能 -Grid Overlay Pro
ブラウザに表示したあらゆるWebページにレスポンシブに対応したFigmaみたいなグリッドをオーバーレイー表示できるChromeの機能拡張を紹介します。 グリッドのオーバーレイはブラウザ内で完全にローカルで実行されるため、 […]
ロゴはまさに究極のミニマルデザイン！ デザインすることの面白さに気づかせてくれる良書 -カンタンでちょっぴり深いロゴづくり
※本ページは、アフィリエイト広告を利用しています。 本書の感想を一言で言うと、「デザインすることの面白さに気づかせてくれる」 なぜこの形なのか、なぜこの文字なのか、なぜこの余白なのか、なぜ太くするのか、なぜこの角度なのか […]
Chromeの安定版でついにタブの分割がサポートされました！ Chrome 145で新しく追加された6個のCSSとUIの機能
2/11にアップデートされたChrome 145に追加された、CSSとUIに関する新しい機能を紹介します。 今回のアップデートで注目すべきは、まずタブの分割が正式サポートされたこと。そしてテキストの配置方法を制御するte […]
ソースネクストで特大セールが開催！ 1Passwordが公式の半額以下で、かなりお買い得です
※本ページは、アフィリエイト広告を利用しています。 ソースネクストで、1Password 3年版が驚くほどお安くなっています！ 1Passwordの公式サイトで購入すると約17,000円のところ、なんと7,800円！！ […]
今回のKindleセールはお買い得！ 90％オフや70％オフもあり、デザイン・Web制作・イラストの良書がセール対象です
※本ページは、アフィリエイト広告を利用しています。 Kindle本の特大セールが開催です！ Webや紙のデザイン、HTML/CSSなどWeb制作の解説書、同人誌・絵師さん向けのイラストの良書がたくさんセール対象になってい […]
オンラインサービスの認証やID管理を設計・実装するときに必要となる知識をしっかり学べる解説書 -はじめてのデジタルアイデンティティ
※本ページは、アフィリエイト広告を利用しています。 「デジタルアイデンティティ」とは、オンラインサービスにログインするときに使用するIDなど、個人に関連づけされた属性情報の集合です。日常的に使用しているログイン認証・当人 […]
Gitで日常的によく使用するコマンド、その一つひとつがどのような影響を与えるのかを理解することが大事
Gitってなんだか難しそう、と思っている人もいるかもしれません。 Gitはすべてのコマンドを暗記する必要はありません。必要になったら調べるのは、ごく普通のことです。重要なのは、そのコマンドがどのような影響を与えるかを理解 […]
2026年、現在の環境に適したリセットCSSのまとめ
CSSにおけるブラウザによる互換性の問題はWeb制作でモダンブラウザをターゲットにした場合、以前に比べるとはるかに少なくなりました。昔から使用している無理なリセットCSSやすべてをリセットする必要は全くありません。 IE […]
「まだそんな古いCSSを使ってるの？」現在では必要のない古いCSSを見つけて、仕様に準拠したCSSを提案してくれるツール -ReliCSS
CSSの新機能を早く使ってみたいと思うかもしれませんが、その前に古いCSSのメンテナンスをしなくてはと思っている人にお勧めの無料ツールを紹介します。 CSSをコピペするだけで、現在では必要のない古いCSSのハックを検出し […]
Kindle本の特大セール「イラスト技法書フェア」が開催！ 同人誌・絵師さん向けのイラストの良書がたくさんセール対象です
※本ページは、アフィリエイト広告を利用しています。 Kindle本の特大セール、イラスト技法書フェアが開催されています。もちろん、同人誌・絵師さん向けのイラストの良書がたくさんセール対象です！ セール期間は、2/5まで。 […]
フリーランスの確定申告、インボイスや消費税への対応もこれ一冊で大丈夫、ベストセラーの定番書 -フリーランス＆個人事業主のための確定申告
※本ページは、アフィリエイト広告を利用しています。 いよいよ確定申告の時期になりました。 フリーランスと個人事業主向け、2026年に提出する青色申告と白色申告に対応した最新版の確定申告の解説書を紹介します。 本書は20年 […]
CSSの100vwで水平スクロールバーが表示される問題がようやく解決！ vwにスクロールの幅が含まれなくなります
Web制作者の長年の悩みがようやく解決されます！ CSSで100vwを使用して幅いっぱいにすると、垂直のスクロールバー分が含まれて、水平スクロールバーが表示されてしまいます。この問題はWindowsで起こり、macOSで […]
Amazonで2026年スマイルSALEが開催！ セールで私が買ったもの、見逃しがちなお買い得品を紹介します
※本ページは、アフィリエイト広告を利用しています。 Amazonでビッグセール「スマイルSALE」が開催しています。このセールでは特に生活用品が数多く対象になっており、通常のセールよりもかなり安くなって、非常にお買い得で […]
2026年版、ファビコン画像の作成方法とHTMLの記述方法、さまざまなデバイスに対応させるには3つのアイコンが必要
最近のデバイスやブラウザに対応させる最小限のファビコンセットには、3つのアイコンで対応できます。ブラウザはもちろん、スマホやタブレットにも対応し、さらにSVGも含めて3つだけです。 ファビコンに必要な3つのアイコン、ファ […]
CursorやVS Codeで、インデントのガイドラインをアクティブなガイドラインだけ表示させる方法
CursorやVS Codeのエディタで、インデントのガイドラインをアクティブなガイドラインだけハイライト表示させる方法を紹介します。 通常（左）はその箇所を含むすべてのインデントのガイドラインが表示されますが、右のよう […]
HTML Living StandardとモダンCSS、最新ブラウザに完全対応！ 目的別で分かりやすいリファレンス本 -HTML＆CSSポケットリファレンス 改訂第4版
※本ページは、アフィリエイト広告を利用しています。 『HTML＆CSSポケットリファレンス』の改訂第4版が、発売されました！ 先週発売されたばかりの最新刊で、HTML Living StandardとモダンCSSに対応 […]
UIデザインのクオリティが格段にアップする！ 感覚的ではなく、論理的にデザインを改善するポイントを解説
WebサイトやスマホアプリのUIを魅力的に、そして一貫性のあるデザインに改善するときに役立つUIデザインの知識とテクニックを紹介します。 直感や感覚的な曖昧なものではなく、明確で論理的なガイドラインに基づいて改善すること […]
