デザイン、Web制作、SEO、マーケティングなどに関する最新情報まとめサイト

カワイイけど、可愛すぎないフリーフォント！ 可読性にも優れた、MPLUSのバリアブルのUDフォント -M PLUS U

サーバー不要で実装できるオープンソースのPDFリーダー及びPDFライブラリ・「Shelfhost」

レスポンシブの対応はメディアクエリとclamp()の使い分けが大事！ あらゆるプロパティに対応したclamp()の値を生成できる便利ツール -CSS Clamp Generator

再生時間の長い任意の動画をAIが縦長のショート動画に変換したりチャットで編集可能なオープンソースのAI動画エディター・「VibeClip」

コリス限定の太っ腹プレゼント企画！ 先週発売された「3＋1の配色レシピ」🐖スウォッチデータをまさかの無料配布します🎉

本番環境に対応したフロントエンドファーストなオープンソースのNext.jsスターター キット・「Next Elite」

自宅サーバーやNAS向けに開発されたオープンソースのセルフホスト型ファイル管理ツール・「BoxBox」

ローカルファーストで設計、チャット、画像生成、リサーチ等が可能なオープンソースの高速プライベートAI チャットアプリ・「KathaGPT」

デザインやイラストで配色のお悩みはこれ一冊で解決！ 実用性に加えて自由度も高い、新しい発想の配色本 -3＋1の配色レシピ

分析的ライティングを書く人のためのオープンソースのミニマルなテーブルビルダー・「Tablesmit」

これは便利すぎる！ Webページをコピペで、編集可能なFigma用に変換できる拡張機能「Copy to Figma」しかも完全無料

CSSだけでメイソンリーレイアウト - display: grid-lanesの使い方

ログイン不要で共同作業が可能なオープンソースのダイアグラム作成アプリ・「livediagram」

このCSSは難読すぎる！ 絵文字をclass名に使用したBEMメソッドの本番環境レベルで使えるCSSフレームワーク -BEMoji

高速で拡張的なオープンソースのファイルマネージャーデスクトップアプリ・「Sigma File Manager」

HTMLはシンプルなまま、classレスでモダンなWebページを簡単に作成できる超軽量CSSフレームワーク -dev.css

React及びNext.jsアプリ向けに開発されたオープンソースのフラットファイル型CMS・「MADORI」

CSSの新機能が便利！ FlexboxやGridに罫線を実装したり、UIのシェイプなど、Chrome 149で新しく追加されたCSSの機能

大量のRAWでも高速動作するオープンソースのフォトグラファー向けRAW画像選別アプリ・「Apertin」

AI検索や生成AIの現在、AI最適化に必読の一冊！ AIOという新しい考え方についてしっかり学べる解説書 -AI最適化の教科書

数行のCSSで、UIデザインの使い心地を向上させるテクニックのまとめ

Chrome拡張機能「New Tab Countdown Timer」開発記

WebStorage / IndexedDB / OPFS 個人開発でも活躍するブラウザーのデータ保存機能を紹介

dialogタグで面倒が減る！ 見直したいハンバーガーメニューの作り方

小さな見づらさを減らすCSS - ::selection、caret-color、::target-text など、テキスト周りの装飾を改善しよう

自分の声でのテキスト読み上げ（TTS）を挫折した話

紅茶とお菓子のペアリングを提案する「Teapair」を開発しました

【2026最新版】おしゃれな英語フリーフォント147選｜商用可で使いやすい注目書体まとめ

CSSカスタムハイライトAPI - DOM操作なしでテキストをハイライト

fetchのキャンセルだけじゃない！　AbortSignalで実現するクリーンなJS非同期処理

Speculation Rules APIでウェブサイトのページ遷移を速くする - クリック前にプリレンダリングする実装手法

AIコーディングの絵文字をNoto Emojiで垢抜けデザインへ

ESLintを「入れただけ」で終わらせない — 適切なルールの選び方と実行タイミング

CSSのlinear()でUIが軽快になる! スプリングアニメーション活用術13選

声で数えるWebアプリ「Voice Counter」と紹介動画をAIで爆速開発したよ

CSSのattr()関数が進化！ HTML属性値を参照する新しい使い方

拙著『1冊ですべて身につくWeb ＆ グラフィック デザイン入門講座』の韓国語版が出版されました！

AIコーディングの天敵「秘伝のタレ」を卒業！リファクタリングしてファイルを整理しよう

Mastra入門 - TypeScriptで作るAIエージェント

広告収入に頼らないブログ運営？Buy me a coffeeで見つけた新しい応援のかたち

Web Components × Litが便利! ReactでもVueでも、どこでも使えるコンポーネントを作ろう

角の形を自在に変える！ CSS corner-shapeプロパティ入門

【プレゼント企画】書籍『1冊ですべて身につくPhotoshop入門講座』

PlaywrightではじめるE2Eテスト入門（後編）

自転車レース「富士ヒル」のペース配分表を開発してわかった、人間だからこそ気づけたこと

君はIE11を覚えているか？ 2010年代のHTML制作は何が大変だったか

モーダルやツールチップで役立つ! HTMLのcommandとinterestfor属性を使って、JSを減らすスマートなUI開発

スクロール連動UIはCSSだけで作れる！ 疑似クラス:target-current/before/afterが便利

手軽で高速なフォーマッターBiomeの導入手順

CSSでスタッガーアニメーションがつくれる！　sibling-index() / sibling-count()の活用アイデア

これがフロントエンドで話題になった記事！ ICS MEDIAの2025年

Photoshop 2026のすごい新機能ガイド AI合成・調和など別次元に進化

写真が“化ける”無料Photoshopエフェクト27選【2025秋 最新版】

【最新版】「これ無料!?」2025年秋フリーモックアップ37選｜ロゴもパッケージも即完成！

【2025年秋】最新Photoshopテキストエフェクト39選｜無料＆商用OKの新作まとめ

Webデザインの“いま”を感じる。最新サイト30選【2025年10月版】

「Photoshop レタッチ2.0」で広がる、AI時代の新しい表現世界

Photoshopの新AI機能「Nano Banana」がすごい。できること・使い方まとめ

無料＆商用OK！ピクセル（ドット）フリーフォント20選｜レトロなのに新しい魔法の書体

最新Webデザイン47選｜見てるだけでアイデアが湧く最新サイトまとめ

【2024年】SEOに強いおすすめWordPressテーマまとめ

おしゃれなフリー素材サイトのジャンル別まとめ！登録不要で商用利用もOK

【WordPress】クラシックエディタとブロックエディタの違いや切り替え方法を解説！

デザインツールとしてのCanva -バナーだけにとどまらない多様な活用法

2024年4月の、これだけは押さえておきたいWeb関連の動き

【期間限定割引】新JavaScript基礎講座（動画講座）受講生募集中！

【期間限定割引】「Dart SassとBEM講座」を動画で受講できます

Webフォームのスパム対策: ユーザーに優しく、ボットに厳しく、reCAPTCHAを使わない方法

Figma初心者でも大丈夫！ レスポンシブWebデザインをFigmaで作るための3つのポイント

2024年3月の、これだけは押さえておきたいWeb関連の動き

CanvaによるAffinity買収は「Adobeとの競争への大きな一歩」である

なぜコーディングにVSCodeを使うのか。 私がVSCodeを選んだ理由

「ドラッグ＆ドロップではじめるプログラミング入門」という無料講座を開催します

「HTML5再入門講座」というHTMLを学び直すための無料講座をオンライン開催します

2024年2月の、これだけは押さえておきたいWeb関連の動き

XDからFigmaへ移行したい人のためにFigmaの機能を紹介

DeepLを超えるやさしい翻訳アプリとGPTsを作りました

Web制作の基礎から学べる「Webコーディングスクール」をオンラインと渋谷で開催します

2024年1月の、これだけは押さえておきたいWeb関連の動き

2023年12月の、これだけは押さえておきたいWeb関連の動き

WordPressブロックテーマで一新された、ブログデザインと制作フロー

2023年11月の、これだけは押さえておきたいWeb関連の動き

Adobe Fonts、Google Fontsで無料で使える個性豊かなフォントたち