
フレームワーク


CSSやHTML、JavaScript等で、似たような挙動をするタグや方法で何が違うのかを解説する・「this vs that」

アニメーションしながら動的に順位が入れ替わるバーチャートを生成できるOSS・「Bar chart race generator」

応答性、読みやすさ、モジュール性を重視して設計されたミニマルなCSSフレームワーク・「mono/color」

モジュール形式のCSSボタンシステム・「knopf.css」

FlexboxやCSS Gridでよく用いられるレイアウトのコードを提供する・「1-Line Layouts*」

テキストや背景のグラデーションカラーを手軽に設定できるCSSライブラリ・「grxdients.css」

HTML/CSS/JavaScriptで作られた汎用的なCC0のコンポーネントを動作確認したりコードをコピーしたり選んでまとめてダウンロードできる・「html.systems」

Webアプリ等に手軽にキーバインドを実装できるスクリプト・「whenipress」

ユーティリティも用意された超軽量なCSSレイアウトライブラリ・「lyt」

手軽に扱えるタッチフレンドリーで汎用的なカルーセルライブラリ・「keen-slider」

Animate.cssを使用してスクロールに応じてコンテンツにアニメーションエフェクトを追加できる軽量スクリプト・「Josh.js」

ブラウザで動作するオープンソースのテキストエディタ・「Writty」

チャートも含める事が出来るテーブルライブラリ・「AnyGrids」

class不要で基本的なスタイルを提供するCSSフレームワーク・「Basic.css」

シンプルで扱いやすいHTMLテーブルライブラリ・「Grid.js」

uilangやAlpine.js等にインスパイアされた、簡単なDOM操作を手軽に行える超軽量スクリプト・「Fluor.js」

Tailwind CSSで使えるコンポーネントを確認しながらコードをコピーできる・「tailblocks」

Windows XPライクなUIを提供するCSS・「XP.css」

シンプルで見やすいレイアウトをclass不要で作れるclasslessなCSSフレームワーク・「new.css」

Neumorphism(ニューモーフィズム)にインスパイアされたUIキット・「Neumorphism UI」
