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

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

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

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

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

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

任意の画像内から被写体を自動検出し、背後にテキストを挿入できるOSS・「Text Behind Image」

指定されたフォントサイズとviewportから自動でClamp()を生成するVS Code拡張・「Clamp It!」

SNSで話題のWeb関連情報 2024年 9/21〜10/4

ワークフローの自動化やエクステンションによる機能拡張も可能なオープンソースのアプリランチャー・「Alt.」

デザインの疑問がこれで解ける！ プロのデザイナーとして必要な知識が得られる良書 -デザインの基本ノート［第2版］

【商用可】デザインの印象を一変させる、現役デザイナー厳選の無料フォント集 Best Free Fonts

Kubernetes用のオープンソースGUIダッシュボード・「kubewall」

CSSでラジオボタンとラベルの間にスペースを加えると、関連付けがうまくいかないときの対応方法

Tailwind及びTypeScriptで構築されたユニークで印象的なUIコンポーネントを提供するVueやNuxt向けUIライブラリ・「inspira ui」

商用利用も無料！ これはすぐに使いたくなる、美しい丸ゴシック体のかわいいフォント「とよまーる」

いきなり差がつく、クリエイティブな人におすすめ最新デザインツール30選

ブラウザのアドレスバーに入力した内容を任意のAIチャットでプロンプトとして実行できるオープンソースのブラウザ拡張・「AI Chat Shortcut」

CSSでdisplay:none;からアニメーションができる！ @starting-styleがすべてのブラウザにサポートされました

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

ASCIIのディレクトリーツリーを実際のディレクトリ構造に変換するCLI・「tree2dir」

Kindle本、読書の秋特大セールが開催！ セール初登場もあり、デザイン・Web制作・イラストの良書がお買い得です

任意のリンク集やワンクリックでコピーできる定型文を作成出来るノートを管理できるオープンソースのシンプルなWebアプリ・「easyy.click」

Nextra代替として開発されたオープンソースのドキュメント管理システムフレームワーク・「Fumadocs」

次に流行るフォントは何？おすすめ最新フリーフォント50選

Vue.js向けのshadcn/uiとして開発された再利用可能なコンポーネント集・「shadcn-vue」

YouTubeなどで見かけるハイクオリティなアバターの作り方が分かる！ 初の本格的な入門書 -VRoid Studioの表現を広げる 3Dアバターメイキング講座

簡単導入で動作も軽量、プライバシーファーストで設計されたオープンソースのRust製アクセス解析Webツール・「liwan」

これで簡単に実装できる！ カードやパネルをドラッグアンドドロップで移動できるレイアウトに変換するスクリプト -Swapy

ネイティブなマークアップのみによって駆動するモダンなスタイルシート・「No_Class.css」

たった5分で分かる！ Reactのコンセプトや用語をやさしく解説

ユニークなカタカナフォントtorisippo

Webデザインで困ったら見たい最新ホームページ事例40選

Webと任意のローカルデータを同時に検索して最適な回答を返す、AIモデルの選択も可能なオープンソースのハイブリッドAI検索エンジン・「MemFree」

CSSの新しい関数がすごく便利！ Chrome 129で追加されたCSSの2つの新機能とアップデートされた3つの機能

自動保存、Markdownサポート、PDF等へのエクスポート機能などを備えた上で超軽量なオープンソースのノートアプリ・「fylepad」

大量のAIツールを収集、カテゴリ分けされており、任意のキーワードで検索できる・「AIナビ」

Nuxt.jsとSupabaseをベースとした本番環境に対応したSaaSボイラープレート・「NuxtGain」

SNSで話題のWeb関連情報 2024年 8/31〜9/20

UIデザインにアクセントを加える37の簡単なテクニック【完全版】

ブラウザのDevtoolsでTypeScriptを直接実行、デバッグ等を可能にするオープンソースのChrome拡張・「TypeScript Console」

デザイナーじゃなくても簡単にデザインできる！ プロも注目している次世代デザインツールAdobe Expressの便利な使い方がよく分かる解説書 -Adobe Express 使い方入門

オフラインでも実行可能、Webブラウザで動作するオープンソースのAIチャット・「WebLLM Chat」

UIデザインに奥行きを効果的に取り入れるテクニックを解説 -Designing Depth

遅延ゼロのOSSターミナルベース全文RSSリーダー・「CAST-text」

コーディングもするWebデザイナーがSTUDIOでWebサイトを作ってみた

【無料】これはうれしい！表現力がアップする最新テクスチャ素材24選

プライバシーを意識した開発者向けのオープンソースなフォームソリューション・「FormBee」

かわいくて、ちょっと面白いフリーフォント！ 商用利用も無料、積み木を重ねたようなフォント -ブリジング

FullCalendarの代替として開発されたオープンソースのJavaScript製イベントカレンダー・「Schedule-X」

Bootstrapを使ったオープンソースのReactコンポーネント・「Funda UI」

1100以上の汎用的でミニマルなスタイルのアイコンを用意、 Framer Motionと統合してアニメーションにも出来るOSSのアイコンセット・「Untitled UI JS」

動きで差をつける！魅力的なUIアニメーション実例サンプル集

Webサイトにおけるユーザーの様々な行動を解析するオープンソースのマイクロインタラクション向けダッシュボード・「OS Analytics」

SBクリエイティブのポイント還元キャンペーンがKindleストアで開催！ 最近発売されたばかりのKindle本も対象になっています

難しい理論は不要！イラストで楽しく学べるデザインの基本原則

Codepenやjsfiddleなどのようにブラウザ上でフロントエンド開発やembedが可能なOSS・「DevCanvas」

WebサイトやスマホアプリのUIに！ 抽象的で美しいSVGの背景デザインを簡単に作成できる無料ツール -Mossaik.app

自身のAI Copilotを構築できるオープンソースのローコードRAGビルダー・「Raggenie」

任意のHTML要素を動的に生成する

CSSのkeyframesとanimationをプレビューを見ながら簡単な操作で編集、調整できるOSS・「Animation Studio」

ユーザー満足度がぐっと上がるUXデザイン小技テクニック26選

3000以上の世界中のブランドアイコンを提供するSimple IconsをURLで表示できる・「Simple Icons CDN」

レンダリングにRust ベースのRsPressを使ったオープンソースのドキュメントCMS・「Kalmia」

カスタマイズ性を意識してデザインされた、700以上のミニマルで汎用的なオープンソースSVGアイコンのセット・「Lsicon」

ユーザーが恋に落ちるUIデザイン実用テクニック37選

WebベースのPostgreSQLテーブルマネージャーと管理ダッシュボードを提供する為のOSS・「Jet Admin」

HTML/CSSでできる、押したくなる最新Webボタンエフェクト集

任意の範囲を指定してその場で矢印やテキスト等の挿入も可能できるオープンソースのスクリーンショットアプリ・「Flameshot」

汎用的な非依存のReactフックを30以上まとめたコレクション・「Nova.js」

間違っていませんか？美しいUIではラベルは最後の手段【実践編】

時間の使い方の改善をサポートするオープンソースの個人向けタイムトラッキングアプリ・「Minute」

Obsidianにインスパイアされて開発したflutterベースの個人向けOSSナレッジベースアプリ・「Ozan」

データベースの構造を直感的に視覚化出来るオープンソースのデータベース設計エディター・「ChartDB」

SNSで話題のWeb関連情報 2024年 8/24〜8/30

任意のドキュメントとAIチャットが出来るオープンソースのRAGベースAIアプリ・「kotaemon」

和風デザイン攻略！商用可な毛筆フリーフォント厳選58個まとめ

LokaliseやPhraseなどの代替となる、開発したアプリ等のAI翻訳と管理が可能なオープンソースのローカライゼーションツール・「Recontent」

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

任意のLLMを利用可能、ドキュメントを読み込ませてチャットしたりAIエージェントも利用可能、複雑な設定も不要で使えるオープンソースのAIアプリ・「AnythingLLM」

売れるウェブの最新HTML/CSSテクニック40選

アプリのサーバーへのデプロイを簡略化する為のOSS・「JustDeploy」

もっと早く知りたかった！Web制作に便利な最新オンラインツール50個まとめ

Tailwindからインスピレーションを得たスクロールアニメーション

プライバシーとパフォーマンスを重視、分割ビューも可能なオープンソースのFirefoxベースのWebブラウザ・「Zen Browser」

オープンソースのエンタープライズ向け生成AIアプリ管理プラットフォーム・「Airstrip」

SNSで話題のWeb関連情報 2024年 8/3〜8/23

任意のCMS等とも統合可能なオープンソースのMediumライクなテキストエディター・「Typr Editor」

知らないと損するAdobe Fontsオススメ英語フォント厳選ベスト40【最新版】

こんな配色本は初めて！ 日本の美しい言葉の意味を配色にした配色辞典 -言の葉配色辞典

失敗しない美しいUIにする配色の選びかた【実践編】

AIベースでHTMLメールテンプレートを生成できるオープンソースのWebアプリ・「Volamail」

Chrome 128で新しく追加された4つのCSSの機能、ルビのレイアウト強化、optionの推奨最小サイズなど

バナーデザイン練習 10本ノック

プロが選んだ最新おしゃれフォント4.5万円相当が90％オフの4200円に

任意のコードスニペットを保存、VS Codeとの統合も可能なOSS・「TextBin」

商用利用も無料、新作の日本語ビットマップフォントがリリース！ かわいいデザインにぴったりな「ノンビットフォント」

美しいメッシュグラデーションをCSSで簡単に取得できる「MSHR」

生成AIベースのWeb検索が出来るオープンソースのAI検索エンジン・「MiniPerplx」

無料で商用OK！筆記体フリーフォント12年分をまとめた秘密リスト