css
15件のリポジトリ
30秒で学べるコードスニペット集 — JavaScriptやCSS、Gitなど幅広い技術トピックを短いコード例と解説でまとめた学習サイトの元リポジトリです。検索やタグで必要な知識を素早く探せるため、リファレンスとしても実用的です。現在は新規コンテンツの募集を停止し、既存記事の改善提案のみ受け付けています。
Coding articles to level up your development skills
VS Codeも支えるデスクトップアプリ開発フレームワーク — ElectronはNode.jsとChromiumを組み合わせ、JavaScript・HTML・CSSでクロスプラットフォームなデスクトップアプリを構築できるフレームワークです。VS Codeをはじめ多くのアプリで採用され、macOS・Windows・Linux向けのビルド済みバイナリを提供しています。
:electron: Build cross-platform desktop apps with JavaScript, HTML, and CSS
Font Awesome 7がリリース、v6はLTSへ移行 — Font Awesomeのバージョン7がリリースされ、v6は重要なバグ修正のみ提供するLTSに移行しました。v3〜v5はサポート終了です。既存プロジェクトのアップグレード判断に役立つよう、Web・デスクトップ向けの移行ガイドも用意されています。
The iconic SVG, font, and CSS toolkit
軽量・多機能なJSアニメエンジン最新版 — CSS・SVG・DOM属性・JSオブジェクトまで統一APIで扱える軽量アニメーションライブラリです。シンプルながら強力な記法で複雑なモーションも簡潔に書け、GSAPなどの代替として長く支持されてきた定番ツールのV4版です。
JavaScript animation engine
コード整形の定番、意見のあるフォーマッター — PrettierはASTを解析して独自ルールで再出力することで、コードスタイルの議論を終わらせるフォーマッターです。JavaScriptやTypeScriptだけでなくCSS・HTML・Markdown・YAMLなど幅広い言語に対応し、エディタ保存時の自動整形で一貫したコードベースを維持できます。設定項目を最小限にすることでチーム内のスタイル論争を防ぐ点が特徴です。
Prettier is an opinionated code formatter.
30日で学ぶJavaScript実践チャレンジ — JavaScriptを基礎から段階的に学べる30日間の学習チャレンジ企画です。各日ごとに課題が用意されており、自分のペースで進められるのが特徴です。動画解説も併用でき、初心者からReactやNode.jsなど周辺技術への発展も見据えた学習教材として人気を集めています。
30 days of JavaScript programming challenge is a step-by-step guide to learn JavaScript programming language in 30 days. This challenge may take more than 100 days, please just follow your own pace. These videos may help too: https://www.youtube.com/channel/UC7PNRuno1rzYPb1xLa4yktw
Go製の爆速JS/CSSバンドラーesbuild — 既存のWebビルドツールは本来の性能より10〜100倍遅いという問題意識から生まれた、Go製の超高速バンドラーです。TypeScript・JSX・CSSを標準サポートし、キャッシュなしでもツリーシェイキングやminify、ソースマップ生成まで高速にこなせます。webpackなどに代わる次世代ビルド基盤として広く採用されています。
An extremely fast bundler for the web
JS/TS/CSSを一本化する高速Rust製フォーマッタ兼リンター — BiomeはJavaScript・TypeScript・JSX・JSON・CSS向けのフォーマッターとリンターを1つのRust製ツールチェーンにまとめています。ESLintとPrettierを別々に設定する手間を省きたい開発者向けに、CLIとLSPの両方で使える統合環境を提供します。
A toolchain for web projects, aimed to provide functionalities to maintain them. Biome offers formatter and linter, usable via CLI and LSP.
1分で構築できる動画配信サイトLibreTV — Next.js 15とTypeScriptで作られたオープンソースの動画集約検索・視聴プラットフォームです。複数の採集サイトを並行検索し、同名作品を1枚のカードに統合、HLS再生や直接視聴進捗の同期、IPTV/EPG対応など機能が充実。Dockerで手軽にデプロイでき、自分専用の動画サイトを素早く構築したい人に向いています。
一分钟搭建影视站,支持Docker等部署方式
6200超の無料SVGアイコン集 Tabler Icons — 24x24グリッド・2pxストロークで統一デザインされたMITライセンスのSVGアイコンセットです。アウトライン版とフィル版を合わせて6000以上収録し、React・Svelteなど各フレームワーク向けパッケージも提供。Bootstrap Iconsなどと並ぶ選択肢として、デザインの統一感を保ちつつ幅広い用途に使える点が魅力です。
A set of over 6200 free MIT-licensed high-quality SVG icons for you to use in your web projects.
CSS仕様策定の公式草案リポジトリ — W3CのCSS Working Groupが管理する仕様策定用リポジトリです。将来のCSS機能がどのように議論・提案されているかを追跡でき、ブラウザ実装者や最新CSS動向を追いたい開発者にとって一次情報源となります。仕様はBikeshed形式で記述されています。
CSS Working Group Editor Drafts
Extract any website’s design system into tokens in seconds: logo, colors, typography, borders & more. One command.
Morrow is an open source, privacy first, offline workspace note taking app, presented as an alternative to Notion, and other apps!
クラス不要、6.7KBの最小主義CSSフレームワーク「Sumi.css」 — Sumi.cssはセマンティックなHTMLをそのまま美しく見せるクラスレス優先のCSSフレームワークです。6.7KBの単一ファイルでビルド不要、JS依存なし。ライト/ダークモード自動切替や詳細度ゼロの設計で独自CSSによる上書きも容易です。
A minimalist, classless-first CSS framework.
Delphi風ビジュアルIDEをBunで現代に — BunとWebview-Bunを基盤に、Borland DelphiやVisual Basic 6を思わせるドラッグ&ドロップ式のRAD開発環境をモダンなWeb技術で再現したOSSです。ビジュアルデザイナーやファイルマネージャー、76種のテーマなどを備え、TypeScriptでネイティブ風デスクトップアプリをノーコードに近い形で構築できます。
A high-performance Rapid Application Development (RAD) Visual IDE for Bun and Webview-Bun, inspired by classic Borland Delphi and Visual Basic 6, built with modern web technologies.