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

Slack代替としてNext.jsベースで開発されたオープンソースのチームコミュニケーションプラットフォーム・「OpenHive」

ちょっと面白いフォントがGoogle Fontsで使える！ テキストを棒グラフや折れ線グラフ、円グラフに変換して表示できるフォント -Datatype

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

Claude CodeやCursorの代替として開発された、自由にAIプロバイダーを選択可能且つオフラインファーストなオープンソースのAIコーディングエージェント・「EuroCoder」

24時間年中無休で動作するよう設計されたオープンソースのセルフホスト型パーソナルAIエージェント・「ShachikuAI」

AIチャット用にデザインされたオープンソースのUIフレームワーク・「OpenUI」

これはかなりおすすめ！ Reactを使えるようなりたい人に、入門書の決定版 -挫折しないReactの教科書

AIエージェントによるコーディング向けに開発されたオープンソースのバックエンド開発プラットフォーム・「InsForge」

Web制作者は要チェック！ スマホでもテキストサイズの拡大縮小ができるようになるなど、Chrome 146で新しく追加された5個のCSSの機能

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

不具合の様子を動画やSSにとってシームレスに送れるオープンソースのバグ報告&フィードバック収集ツール・「Crikket」

これでSVGアイコンを探すときに困らない！ 無料で商用利用できるライブラリを横断検索できる便利サイト -All SVG Icons

大量のデータも高速対応できるオフラインファーストなオープンソースの写真管理デスクトップアプリ・「Lap」

シンプルだから使いやすい！ ページの途中で上方向にスクロールするとヘッダを上部から表示する超軽量スクリプト -Peek

本番環境に対応したアニメーションエフェクト付きのReact向けUIコンポーネント・「Componentry」

Amazonの新生活セールは本日（3/9）が最終日！ 見逃しがちなお買い得品を紹介します

Monicaからインスピレーションを得て開発されたオープンソースのパーソナルCRM・「Bonds」

ChatCutやNemoVideoなどの代替として開発されたオープンソースのAIビデオエディター・「Mr.Director」

デザインのクオリティが劇的にアップする！ 罫線の定番の使い方から洗練された使い方まで徹底的に解説したデザイン書 -だけじゃない ケイセン デザイン

これはかなり万能に使える！ たった3行のCSSで、要素を中央に絶対配置する新しい記述方法

Amazonで新生活セールが開催！ 私が購入して本当によかったもの、見逃しがちなお買い得品を紹介します

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

OKLCHカラーを使うと異なる色でトーンを合わせたり、単色のシェードも簡単！ UIデザイン用のカラーパレットを生成するツール -ColorPalette Pro

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

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

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

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

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

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

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

CSSカスタムプロパティをグリグリ動かせる「slideVars」が便利

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

Antigravityを使ってコーディング（ほぼ）なしで目標設定アプリ作った

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

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

最新AIでイニシエのWebサイトを作ってもらった 〜2000年の君へ〜

書籍執筆しました！『1冊ですべて身につくPhotoshop入門講座』

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

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

Webクリエイターボックスの2025年を振り返る

継続をデザインする！Apple Watchのアクティビティで1000日連続達成した記録

CSSアンカーポジショニング入門〜anchor()・anchor-size()の使い方〜

ReactとMotionでつくる! “少し”こだわったマイクロインタラクション集

Three.jsとCurl Noiseで動かす3Dパーティクル表現

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

簡単で効果大！ Three.jsのポストプロセスで映える3D表現

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

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

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

Figma Drawをもっと使う！　進化したベクター編集モードと新エフェクト

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

【2025最新版】おしゃれな英語フリーフォント54選｜無料で使える定番＆注目書体まとめ

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

ウェブにHDRがやってきた 〜 白より明るい世界へ、写真が“本物の輝き”に近づく新技術

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

HTML・CSSだけで作れる！ リストのホバー演出アイデア集

無料＆商用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で無料で使える個性豊かなフォントたち