Tailwind及びMotionでデザインされたアニメーションUIを実装する為のReactコンポーネント・「Animate UI」

Web制作者は要チェック！ 今回は盛りだくさん、Chrome 135で新しく追加された14個のCSSの機能

Tailwindをスタイリングに採用したCodeigniterベースのオープンソースWebアプリフレームワーク・「TailCI」

本日（4/2）限り、HTML Living StandardとモダンCSSに完全対応した最新のリファレンス本が80％オフのワンコイン！

「なにから始める？」を解決！春からはじめる無料デザイン入門ガイド【2025年版】

2Dキャンバスに描いたスケッチを元にAIが3Dモデルに変換するOSS・「Vibe Draw」

コリス限定のプレゼント企画！ 『はじめてのAIデザイン』の「Promptアイデア集」に収録されている画像素材を期間限定で無料配布します

AIがタイトル付けしてくれるスニペットコードと任意の画像の共有が可能なOSS・「Dustebin」

AmazonのスマイルSALE 新生活 2025セールもこれで最後！ 私が買ったもの、見逃しがちなお買い得品を紹介します

事前に用意されたコンポーネントとユーティリティクラスでワークフローを強化する軽量でモダンなCSSフレームワーク・「StyleXui」

OpenAI Whisperを使って任意の動画の字幕を自動生成するOSS・「Captune AI」

GithubのリポジトリのURLからフォルダー構造を視覚化、テキストでコピーも出来るOSS・「GitHubTree」

AIでデザイン作業を効率化！ アドビの生成AIを取り入れたデザインのワークフローを学べるデザイン書 -はじめてのAIデザイン

書籍執筆しました！『CSSとJavaScriptで作る動くUIアイデアレシピ』

VanillaなJavaScriptで書かれたオープンソースのASCIIベースのダイアグラム作成Webアプリ・「Cascii」

AIだと簡単で便利！ UIデザイン用に色彩理論に基づいたカラーパレットやUIコンポーネントを生成してくれる無料ツール -ColorMagic

領収書のファイルや写真などを生成AIが解析し、経費や収入の追跡を自動化する個人事業主や中小規模企業向けOSS・「TaxHacker」

HTMLは非常にシンプル！ 圧倒的な速さでMaterial Design 3のUIを実装できるCSSの超軽量フレームワーク -Beer CSS

AIを使ってサイトマップが作れる「Octopus.do」

ライティングをAIによるフィードバック等で改善支援などを行うオープンソースの執筆支援AIツール・「UnitText」

実は難しい！ CSSのborder-radiusで実装した角丸を矩形からスムーズにアニメーションさせるテクニック

つい触りたくなる！UIアニメーション＆インタラクション40選【2025年版】

短時間でFlutterアプリを構築可能なAI駆動型アプリビルダー・「Teta」

これは絶対見逃すな！ AmazonでAdobe CC コンプリートプランが新規対象キャンペーンで46％オフ、ほとんどの人が46％オフで購入できます

シンプル、モダンで軽量ながらパワフルな機能を備えたオープンソースのノートアプリ・「voidnotes」

ドキュメントサイトやナレッジベース、マニュアルサイト等など小規模プロジェクト向けに開発されたオープンソースの軽量フラットファイルCMS・「Typemill」

各OSもサポート、LLMと統合も出来るオープンソースのミニマルなMarkdownエディター・「Noter」

Illustratorの使い方を身につけたい人に！ センスのよいデザインを作りながら学べる解説書 -Illustratorおてがる入門

自社SaaSのためのオープンソースの生成AIを導入したアフィリエイト管理プラットフォーム・「mangosqueezy」

「あのデザイン、なんていうの？」人気グラフィック40スタイル一覧【保存版】

Cursor代替として開発されているオープンソースのAIコードエディター・「Void」

Cursorをこれから使用する人にお勧めの解説書、コードやテキストを書くときの効率アップにつながる方法を詳しく解説 -Cursor完全入門

プライバシーファーストに設計されたオープンソースの生成AIマルチツール・「Clara」

AIなら超簡単で早い！ Webサイトの構造を視覚化し、サイトマップを生成できる無料ツール -AI Sitemap Generator

shadcn/ui向けに開発されたオープンソースのカラーテーマジェネレーター・「ShadCN Theme Generator」

商用でも完全に無料！ ゲームだけでなく、UIデザインにもぴったりな1,440個のピクセルアイコン -Pixel Icon Library

AIでWebページをサクッと作れる v0（ブイゼロ）使ってみた

ポモドーロタイマーが付いているだけのシンプルなオープンソース個人向けタスク管理アプリ・「Anchor」

Photoshop 切り抜き革命！髪の毛までAIでワンクリック選択

シンプルさとパフォーマンスを重視したNext.jsベースのオープンソースブログプラットフォーム・「FlowBlog」

Webやアプリ開発者向けのユーティリティツールを150以上まとめたオープンソースのWebツールコレクション・「Quick DevUtils」

センスや感覚で判断するのではなく、使いやすさとクオリティに重視したロジカルなデザイン書 -ウェブデザインの思考法 第2版

【秒速編集】Photoshopの「カラーを調整」なら、色の置き換えがワンクリックで完了！

シンプルさと効率性にフォーカスしたオープンソースのチーム向けプロジェクト管理プラットフォーム・「Kaneo」

Web制作者はダウンロードしておきたい！ CSS関連の最新版チートシートのまとめ

オープンソースのピクセルアートなアイコンライブラリ・「Pixel Icon Library」

これは簡単で便利！ CSSのclamp()関数を使ったレスポンシブ対応のフォントサイズの定義ができるツール -Type Scale Generator

JavaScriptのコードスニペットを動作テストできるクロスプラットフォーム対応のOSS・「playjs」

無料版もある！ ポテッとした太ゴシック体の愛らしい日本語フォント「風と大地の太ゴシック」が素敵すぎる！

大量のコンポーネントが用意された、Tailwind + ReactのオープンソースUIコンポーネント集・「ShadwUI」

Web制作者必見の便利な機能が追加！ Chrome 134で新しく追加された5つのCSSの機能

ChargeBeeやPaddleなどの代替となる機能を提供するオープンソースの支払い管理プラットフォーム・「Unibee」

DbeaverにインスパイアされてTauriベースで開発したオープンソースのデータベース管理ツール・「Easy Viewer」

データベースの管理や最適化をサポートするオープンソースのAI駆動データベースアシスタント・「NeoBase」

Photoshopでやりたいことは本書を読むとよく分かる！ 長く使える解説書 -Photoshopよくばり入門 改訂版

motion.jsとlucide iconsで構築されたシンプルなアニメーション付きアイコンライブラリ・「pqoqubbw/icons」

CSSの進化が止まらない！ CSSでif()関数が使えるようになり、if else文の条件付きで値を設定できるようになります

パフォーマンスと再利用性を重視して最適化されたオープンソースのNext.js向けUIコンポーネント・「BotNext UI」

WordPressユーザーに朗報！ TCDの国産有料テーマファイル「GLUE」が無料でダウンロードできます

これを知らなきゃ損！無料で使える最新デザイン素材40選【商用OKあり】

SaaS開発スピード向上に貢献するオープンソースのNext.jsベースのSaaSテンプレート・「Cloudflare Workers SaaS Template」

コリス限定の太っ腹プレゼント企画！ なんと配色アイデア手帖のシリーズ最新刊のスウォッチデータを無料配布します♪

最短1分でWebサイト完成！無料HTMLテンプレート16選【商用利用OK】

Mapboxを使って世界の任意の地域の天候情報を実装できるOSS・「Pathfinder」

AmazonのスマイルSALE 新生活 2025で私が買ったもの、見逃しがちなお買い得品を紹介します

Kubernetesを視覚化してクラスター管理の向上に貢献するオープンソースのビジュアライゼーションアプリ・「0ptikube」

画像やテーブルのデータ抽出や任意のPDFファイルをMarkdownに変換するPythonパッケージ・「Markdrop」

FuturaやHelveticaも無料⁉ 有名フォントそっくりのフリーフォントまとめ

自動支払い機能も付いたオープンソースのアフィリエイトプログラムプラットフォーム・「numok」

すべてのページに美しい配色が溢れてる！ ワクワクしながら勉強にもなる配色本 -配色アイデア手帖 世界を彩る色と文化 第2版

シンプルに使えるよう設計されたオープンソースの静的サイトジェネレーター・「DSBG（Dead Simple Blog Generator）」

CSSの進化がすごすぎる！ CSSで関数を自分で定義できるカスタム関数が使えるようになります

オープンソースのAIライティングアシスタントWebアプリ・「CoWriter」

Adobeユーザーはダウンロードしておこう！ Adobe Fontsで使用できる日本語フォントすべてを一覧できるPDF 2025年最新版

ライブラリ依存のないモーダルオープンライブラリ「Blendy」

メッシュグラデーション完全ガイド：魅せるデザインの新常識

任意の画像やPDFにある個人情報などの機密情報をAIで自動で黒塗り編集するオープンソースのWebアプリ・「MagicRedact」

Kindle本の特大セールが開催！ セール初登場もたくさんあり、デザインやイラスト、創作の類語辞典などがかなりお買い得です

OCRやComputer Visionを用いて画像内のテーブルやテキストから構造化データを抽出するOSS・「Table Transformer」

複雑なアニメーションも対応可能なオープンソースのアニメーションコンポーネントライブラリ・「Motion Provider」

複数のLLMを用い、特定のトピックに関して仮想のAIキャラクターを複数人設定して議論し合わせるオープンソースのAIディスカッションパネル・「Discussion Pannel Ai」

プロンプトを元に送信フォームを自動生成、編集も可能なオープンソースのAIフォームビルダー・「EchoForms」

自分の作品集を作りたい！ イラストや写真などをまとめて、作品集にしたい人にぴったりの解説書 -作品集のつくりかた

任意の画像のメインとなるオブジェクトの裏にテキストを挿入できるオープンソースWebアプリ・「The Background Text」

「ITエンジニア本大賞2025」のプレゼン大会に特別ゲストとして参加しました！

開発者ファーストに設計されたオープンソースのTypeform代替・「Forms.md」

わずか数行のコードで1つの要素を別の要素にスムーズに遷移させる、フレームワークに依存しないJavaScript -Blendy

オフラインでも動作するシンプルで使いやすいオープンソースのノートWebアプリ・「Notemod」

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

LaravelとFilamentPHPで構築されたオープンソースのPOSシステム・「Easy POS」

最近発売されたばかりのKindle本も対象になってる！ SBクリエイティブのポイント還元キャンペーンはかなりお買い得

シンプルさと安全性を重視して設計されたオープンソースのデータ共有プラットフォーム・「Diceslice」

マウスのみで任意のサイズのダミー画像を生成してダウンロードできるオープンソースのダミー画像ジェネレーター・「Image Elf」

【最新】Adobe Fontsに百千鳥フォント登場！無料で使える日本語フォントがさらに充実

AndoroidとWindowsを連携させるオープンソースのMicrosoft Phone Link代替・「Sefirah」

参考にしたくなるデザインがいっぱい！ デザインの目的や意図まで詳しく解説されたデザイン書 -ブランディングデザイン

Proof of workを使用した軽量でオープンソースなCAPTCHAソリューション・「P-Captcha」

これは覚えておきたい！ モダンCSSで実装する、記事は中央に画像は幅いっぱいにフルブリードレイアウトを実装するテクニック

任意のプロンプトからAIが自動でマインドマップを作成してくれるOSS・「Mind Map Wizard」

2025年、Adobeユーザーにさっそくの朗報！ Adobe Fontsに日本語フォントが大量追加、CCユーザーは無料で使えます