Web Topics

2024年9月 webトピックス

AIツール

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

thumbnail image 未分類

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

thumbnail image @starting-style

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

thumbnail image 書評

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

thumbnail image 未分類

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

thumbnail image kindle

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

thumbnail image 未分類

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

thumbnail image 未分類

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

エレガント

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

thumbnail image 未分類

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

thumbnail image Book Review

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

thumbnail image 未分類

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

thumbnail image UI

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

thumbnail image 未分類

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

thumbnail image react

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

ウェブデザイン

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

thumbnail image 未分類

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

thumbnail image サイト構築 -CSS

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

thumbnail image 未分類

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

thumbnail image 未分類

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

thumbnail image 未分類

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

thumbnail image Web関連情報

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

UIデザイン

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

thumbnail image 未分類

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

thumbnail image Adobe

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

thumbnail image 未分類

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

thumbnail image UI

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

thumbnail image 未分類

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

未分類

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