フレームワーク

JavaScript

Pandasライブラリにインスパイアされた、構造化されたデータの操作や処理を行うためのJavaScriptライブラリ・「danfo.js」

JavaScript

Canvas 2Dベースの高速で軽量、さまざまなタイプのチャートに対応できるオープンソースのチャートライブラリ・「μPlot」

CSS/HTML

CSSの用語を視覚的に学べる・「CSS Vocabulary」

Ads
CSS/HTML

シンプルなものからユニークなものまで様々なCSS製のスピナーやローダーをまとめた・「CSS3 Loader & Spinners」

JavaScript

簡単な設定で使える軽量でモダンなキーバインドライブラリ・「tinykeys」

CSS/HTML

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

JavaScript

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

CSS/HTML

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

CSS/HTML

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

CSS/HTML

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

CSS/HTML

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

CSS/HTML

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

JavaScript

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

CSS/HTML

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

JavaScript

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

JavaScript

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

複合/その他

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

JavaScript

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

CSS/HTML

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

JavaScript

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

JavaScript

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

CSS/HTML

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