HypefuryやBuffer.comなどの代替となるオープンソースの生成AI活用のSNS運用ツール・「Postiz」

CSSのwidth: 100%;のより良い代替手段として、stretchキーワードが実はかなり便利です

Pol.isを活用した議論の場を提供できるオープンソースの公開ディスカッションプラットフォーム・「Society Speaks」

シンプルなWebアプリのためのミニマルで軽量なオープンソースのPHPフレームワーク・「PHPSSP」

商用利用OKの無料版と有料版が同時リリース！ お蕎麦みたいな線でデザインされた面白いフォント「そばとうどん」

広告スペースの管理と複数広告のランダム表示が可能なオープンソースの広告管理ツール・「Random Ads Manager」

アドビのブラックフライデーが開催！ AmazonでCreative Cloud コンプリートプランが驚きの46％オフ、ただし新規購入者に限る

Reactアプリのパフォーマンスに問題のありそうな箇所を検出するライブラリ・「React Scan」

JSONファイルをノードを使ったフローチャートにビジュアライズできるVS Code拡張・「JSON Flow」

SNSで話題のWeb関連情報 2024年 11/2〜11/15

TailwindベースのWebページで任意の要素などにclassを追加する等のリアルタイム編集を簡単に行えるブラウザ拡張・「Toolwind」

Webサイトのデザインをより良くするにはどうすればよいのか！ 洗練されていく工程が詳しく解説された良書 -WebデザインプロセスBook

理想通りの画像がワンクリックで完成！Adobe Stockの最新AI機能がすごい

アンケートや投票フォームなどをドラッグ&ドロップで簡単に生成できるOSS・「Surveyr」

Web制作者は要チェック！ Chrome 131で新しく追加された8つのCSSの機能

配色カラーパレットの基本とFigmaでの使い方徹底ガイド

React、Shadcn/ui、Tailwindを使用したオープンソースのランディングページコンポーネント・「Launch UI」

商用利用も無料、ポテ字フォントがリリース！ ほくほくのフライドポテトのようなかわいいフリーフォント -ポテジフェイス

色は1つで十分！プロが教える、UIデザインを引き立てる色彩テクニック

プレーンテキストを元にインタラクティブなフローチャートを生成できるOSS・「Text2Chart」

CSSのデバッグにAIがどのように役立つか、Chrome 131のデベロッパーツールでAIアシスタントが使えるようになります

一歩先行くデザインのヒント！最新技術が光るWebサイト30選

開発者にとってのワンストップツールとなるよう様々なミニアプリを集約した開発者向けツールのコレクション・「kilotools」

UI用のアニメーションがかわいくて楽しい！ 商用利用も無料、アニメーションで動くアイコン素材 -pqoqubbw/icons

「ITエンジニア本大賞2025」の特別ゲストに選ばれました！

MERNスタックで構築されたオープンソースのシンプルなWebメールアプリ・「MERNMail」

SaaSの製品分析や監視、A/Bテストなどが可能、パワフルで高速且つスケーラブルなオープンソースのリアルタイム分析ツール・「Trench」

AIワークフローをフローチャートでビジュアライズ及びテストできるオープンソースのノーコードアプリ・「LLM Flow」

どういったデザイン思考で作ったらいいか「伝えるためのデザイン」に着目してデザインのテクニックを学べる良書

コピぺするだけ！すぐに使える魅力的なWebテキストエフェクト40選

多様なコンテンツ形式をサポートしたオープンソースの汎用的なSNSアプリ・「Fresns」

2024年、CSSの最新トレンドにおける現状のまとめ、よく使用する新機能やプロパティや疑似クラス、人気のフレームワークや検証環境など

組織内の階層をビジュアライズする組織図を生成できるJavaScript ライブラリ・「TreeSpider」

CSSだけでスタイルクエリのサポートを確認する方法、Safari 18のバグを回避する方法も

ゴッホから浮世絵まで！メトロポリタン美術館の49万点の無料アート画像を手に入れる方法

好みのAIモデルを選択可能なプライバシー重視のVS Code向け生成AIコーディングアシスタント・「Flexpilot」

2024年最新版、Adobe PhotoshopやIllustratorの新機能をまとめたPDFを無料でダウンロードできます

書籍執筆しました！『1冊ですべて身につくWeb ＆ グラフィック デザイン入門講座』

Notionで作成したコンテンツをReactベースのWebサイトでレンダリングするためのOSS・「Notionpresso」

SNSで話題のWeb関連情報 2024年 10/19〜11/1

モダンでレスポンシブなディレクトリ型Webサイトを構築するためのボイラープレート・「Directory Boilerplate Kit」

オフライン重視で設計されたオープンソースのパスワード管理デスクトップアプリ・「Secret Scribble」

Reactアプリ用に開発されたオープンソースのローカルファーストなビジュアルエディター・「Onlook」

スキルを磨きたい人にお勧め！ Adobe Illustratorをすでに使用している中級者に最適な解説書 -10倍ラクするIllustrator仕事術【改訂第3版】

商用利用OK！無料で手に入る2025年の最新フリーテクスチャ124選

任意のキーワードを入力するとWikipedia風の情報をAIで生成してくれる・「Knowpedia」

ついにCSSだけでwidth: auto;やheight: auto;へのアニメーションができるようになります

2024年10月に読んだWeb・デザイン関連の本

任意のファイルのアップロード、表示、ダウンロード、削除等の管理機能を使いやすいUIで提供するファイルマネージャー用React.jsパッケージ・「React File Manager」

【無料】すぐ使える！トレンドを押さえたPSDテキストエフェクト24選

セキュアにプライベートなメモやノートを送信できるオープンソースのWebアプリ・「Enclosed」

グラデーションがくすんでしまうのには原因がある、それを自動的に解決して美しいグラデーションを生成できる無料ツール -Gradient Generator

デザイン作業の無駄を削減！今すぐ使える注目の時短Figmaプラグイン20選

TailwindベースのWebサイトやアプリ向けに作られたノート感覚で使えるWebエディター・「Layouts」

Kindle本の特大セールが開催！ Figmaの解説書、UIデザイン、フロントエンド開発が最安値でお買い得です

任意のWebサイトやYoutubeの内容をAIが要約し、マインドマップやタイムライン、表などで視覚化してくれるブラウザ拡張・「MyLensAI」

使用するショートカットキーをユーザーに伝えられる画像を簡単に生成できるショートカットキー画像生成アプリ・「Keyboard Shortcut Image Creator」

タブの自動グループ化や履歴、ブックマーク、タブの一元管理やAIチャット等も可能なオープンソースのAIブラウザ拡張・「AIpex」

Illustratorに苦手意識がある人に！ デザインするために必要な知識とテクニックが確実に身につく解説書 -はじめてイラレ

すぐにできる！UIデザインが劇的に変わる7つの秘密テクニック

JavaScript/TypeScriptで書かれたオープンソースの2Dゲームライブラリ・「KAPLAY」

これは便利なVS Codeの機能拡張！ CSSのclamp()関数を使ったレスポンシブ対応のフォントサイズが簡単にできる -Clamp It!

【限定50%オフ】手描きイラストで魅力倍増！今すぐ使える素材集

プラグインで拡張も可能、ローカルファーストに設計されたオープンソースのAIチャットUI・「NovaChat」

二度見レベルの激安セールが開催！ Affinity Photo 2とAffinity Designer 2が驚異の80％オフ、11/3まで

アイソメトリックなアイコンがアイコンがPNG,SVGでゲットできる「Isoicons」

雑誌『Web Designing 2024年12月号』にインタビュー記事が掲載されました！

Photoshop v26アップデート完全ガイド！新機能7つで作業効率が爆速に

Webサイト上のボタンやリンクなど任意の要素へのユーザーの行動を追跡するためのPHP製分析ライブラリ・「Pan」

UI用にデザインされた、かなり珍しいアイソメトリックのアイコン素材！ 商用利用無料、SVGやFigmaも揃ってる -Isocons

開発者向けに作られたTauriベースのベーシックで使いやすいノートアプリ・「Kompad」

Web制作者は要チェック！ Chrome 130で新しく追加された4つのCSSの機能

ReactやNext.jsアプリにシームレスに統合できるシンプルで軽量なオープンソースのダミー画像生成ツール・「PlaceholderJS」

SNSで話題のWeb関連情報 2024年 10/5〜10/18

ミニマルで高速なオープンソースのRSSフィードリーダー・「Feedbomb」

Amazonのビッグセール「プライム感謝祭2024」で、見逃しがちなお買い得品を紹介します

ファイルをE2E暗号化してからGoogleドライブにアップロード、ファイル管理も可能なOSS・「ZeroDrive」

整理された解説が分かりやすい良書！ Notionの便利な使い方がよく分かる -超便利！Notionテクニック

小規模な開発チームのためのオープンソースのプロジェクト管理ツール・「Namviek」

Amazonでプライム感謝祭2024の先行セールが開催！ 私が購入して本当によかったものを紹介します

WordPressから乗り換える？他社CMSと移行方法を紹介

映り込んだ電線や人、Photoshopの新機能でワンクリック削除しよう

Tailwindとshadcn/uiでスタイリングされたReact用のUIキットや1000以上のアイコンセットを提供するオープンソースプロジェクト・「Myna」

最近リリースされたCSSの新機能と新しい関数のまとめ

TailwindとFramer Motionでスタイリングされたアニメーションエフェクト付きのUIを提供するReactコンポーネント集・「SyntaxUI」

Kindle本ストア12周年キャンペーンがすごい！ 良書揃い、デザイン書、Web制作の解説書、イラスト書がかなりお買い得です

ストリートビューから場所を特定する、無料で遊べるGeoGuessrのような場所当てゲーム・「Guess Where You Are」

Reactコンポーネントとして提供されている、shadcn/uiと互換性のあるオープンソースのノーコードUIビルダー・「UI Builder for shadcn/ui」

TailwindでスタイリングされるWYSIWYGエディターを実装できるFlowbiteプラグイン・「Flowbite wysiwyg」

デザイナー必見！たった1分で美しいカラーパレットを作る方法

複数のLLMを切り替えて使えるクロスプラットフォーム対応オープンソースのマルチモデルAIクライアント・「Cherry Studio」

かなり詳しくてよく分かる良書！ デザインシステムの作り方、導入・運用も学べる解説書 -つくって、みなおす、デザインシステム

人気のSaaSの代替となりえるオープンソースのソフトウェアを探せる・「Open Apps」

これでCSSのみで実装できる！ スクロール方向に合わせてヘッダを非表示・表示する方法を解説

プライバシーを重視して設計されたオープンソースのAIアシスタント・「Llama Assistant」

最強少女！ 新作の日本語フリーフォントが登場、強気な女の子をイメージしたヤンチャなフォント -ストロングガール

フォント選びの時間を短縮！プロも認める18種類のフォントが今だけ91％オフ

2つの文章の差分を取って段落単位でワンクリック修正出来るオープンソースのdiffアプリ・「Text Diff View」

便利なJavaScriptライブラリが登場！ CSSのプロパティの値の変更を検出できる -CSSStyleObserver

任意のテキストをAIを使って翻訳、スペル、文法修正、短文化、絵文字追加などが出来るオープンソースのWebアプリ・「Text Snap」