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年分をまとめた秘密リスト

フォームのテキストエリアにCSSのfield-sizingとlh単位を使用すると便利、入力された文字量に合わせてサイズを自動変更

任意のオープンソースのプロジェクトと関連性のあるリポジトリをリスト化してくれる・「Related Repos」

Adobe Expressで「魅せる」デザインを手軽に作れる厳選アドオン９個

8/22までKindle本の夏の特大セールが開催！ セール初登場も多く、デザイン・Web制作・イラストの良書がお買い得です

任意の2つの国を選択すると、AIがその国同士の関係性をスコア付きで詳しく説明してくれるオープンソースのWebアプリ・「GeoPulse」

React、Tailwind、Framer Motionで構築されたオープンソースのアニメーションコンポーネント・「Eldora UI」

Webアプリ等をSAMLベースのSSO認証に対応するためのオープンソースのSSO開発ツール・「SSOReady」

このセールはお見逃しないように！ Adobe Creative Cloud コンプリートプランの激安セールがAmazonで開催

オフラインでも動作可能の、画面録画中にAIによる字幕を自動生成できるオープンソースのデスクトップアプリ・「Recordscript」

画像や動画、オーディオなどの拡張子を任意の別拡張子に変換できるOSS・「FConvert」

Postgres上に構築されたAirtable代替となるオープンソースのノーコードデータベース・「Teable」

StripeとSupabaseを導入したNext.jsベースのオープンソースSaaSテンプレート・「Hikari」

便利な機能を備えたオープンソースのセルフホスト画像アップローダー・「Fileship」

FlutterやReact、Vue、Svelteなどがサポートされた、生成AIによるOSSコードスニペット変換アプリ・「LibSwitch」

shadcn/uiやTailwindのテーマのカラーをプレビューを見ながら作成出来るWebアプリ・「UI Colorful」

コリス限定太っ腹プレゼント企画！ 画像やフォントなどの素材管理アプリEagleのライセンスを10名様にプレゼントします

【無料】マリメッコ歴代プリント柄の壁紙をダウンロードできる「マリペディア」

Vue3コンポーネントで拡張可能なTailwindベースのオープンソースの管理パネルフレームワーク・「AdminForth」

CSS変数がもっと便利になる新しい記述方法、CSSの次世代変数@propertyがすべてのブラウザにサポートされました

失敗しない配色えらび、現役デザイナー厳選おすすめカラーパレット30選【プロクリエイト】

分かりやすく使いやすいUIでKubernetesを使えるようにする為のオープンソース開発ツール・「Cyclops」

CSSで美しいメッシュグラデーションを作成できる無料ツール、アニメーションで動くメッシュグラデーションも簡単 -MSHR

ありそうでなかったSNSで話題の最新Webデザイン33選

HerakuやVercelなどの代替として開発されたオープンソースのホスティングプラットフォーム・「Ptah.sh」

素材管理アプリEagleが、便利すぎる！ ver.4は想像以上の神アップデート、プラグインやAIツールの導入でさらに使いやすく

日本の夏、かわいいイラストおすすめ素材40選【Adobe Stock編】

Laravelプロジェクトに管理画面付きのコメント機能を追加できるパッケージ・「Commenter」

Laravelプロジェクトに管理画面付きのコメント機能を追加できるパッケージ・「Commenter」

CSSの変数をインラインで使用した条件付きCSS、コードを減らしながらもバリエーションを作成するCSSのテクニック

無料でダウンロードできるのは本日（8/4）まで！ 常用漢字が揃った日本語フォント「アンティリム 完全版」がリリースされました

アカウント不要で匿名の暗号化されたメッセージを共有できるOSS・「K9Crypt」

アカウント不要で匿名の暗号化されたメッセージを共有できるOSS・「K9Crypt」

React向けの柔軟でパワフルなオープンソースのAIチャット用UIライブラリ・「Reachat」

React向けの柔軟でパワフルなオープンソースのAIチャット用UIライブラリ・「Reachat」

SNSで話題のWeb関連情報 2024年 7/27〜8/2

Auth0やClerkなどの代替として開発されたオープンソースの認証プラットフォーム・「Stack」

Auth0やClerkなどの代替として開発されたオープンソースの認証プラットフォーム・「Stack」

Webサイトでよく使用されるUIコンポーネントをコピペで簡単に実装できる -IndieUI

生成AIとも統合された軽量且つフレキシブルなLaravelベースのオープンソースEコマースシステム・「InnoShop」

生成AIとも統合された軽量且つフレキシブルなLaravelベースのオープンソースEコマースシステム・「InnoShop」

ピクセルフォント・ビットマップ・電卓数字の日本語フリーフォント 総まとめ

できるクリエイターは使っている、おすすめ最新フリーフォント42選

ロギングや、モニタリング、デバッグのためのLLM向けオープンソース可観測性プラットフォーム・「Helicone」

ロギングや、モニタリング、デバッグのためのLLM向けオープンソース可観測性プラットフォーム・「Helicone」

HTMLで簡単に実装できるアニメーションで動くスピナー、カラー・サイズ・スピードのカスタマイズも簡単 -HTML-SpinnerElem

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

Photoshop大型アップデート、知っておきたい6つの新機能 2024年7月リリース

ブラウザで表示できる様々な数式をキャプチャしてその場でAIが回答し、解説もしてくれるブラウザ拡張・「Math AI」

ブラウザで表示できる様々な数式をキャプチャしてその場でAIが回答し、解説もしてくれるブラウザ拡張・「Math AI」

2024年、ロゴデザインのトレンド -最近のロゴに使われているデザインテクニックのまとめ