
フレームワーク


画像にインスタグラムのようなフィルターを付与できるスタイルシート・「Instagram.css」

30秒で理解できるものだけを集めたJavaScriptコードスニペット集・「30 seconds of code」

インライン用のオープンソース国産WYSIWYGエディタ・「Lite Editor」

ドラッグ&ドロップにも対応の、JavaScript製タイムスケジューラー・「jq.schedule.js」

ウェブアクセシビリティを重視した使いやすいモーダルウィンドウ・「Modaal」

CSS Gridを使って六角形のオブジェクトを並べたハニカムなレイアウトを組めるスタイルシート・「Hexi-Flexi-Grid」

LESSベースの軽量でモダンなUIフレームワーク・「Petal」

clip-pathで要素を斜めにカットするCSSライブラリ・「Angled edges」

複数プレイリストもサポートしたOSSな非依存型オーディオプレイヤー実装スクリプト・「AmplitudeJS」

Bootstrapの為のマテリアルデザインUIキット・「MDB」

開発者向けのBootstrap 4のテーマやツールキットを配布する・「HackerThemes」

カーソルを乗せた方向によって変化するマウスホバーエフェクトを実装するライブラリ・「Direction Reveal」

スクロールが生じたtableの左右上下の列や行などを固定出来るスクリプト・「TableHeadFixer」

シンプルなオートコンプリート実装スクリプト・「LightAutocomplete.js」

inputで指定したパターン以外の入力を不可にするバニラなJavaScriptライブラリ・「imaskjs」

手軽に画像にパララックス効果を与えられるスクリプト・「simpleParallax」

CSSのみで実装できる超軽量なツールチップライブラリ・「Microtip」

任意のWebページにGoogle sheetやTrello等の簡易的な管理ツールを導入できる・「Integrations.js」

フレキシブルなclass名を意識して設計されたCSSフレームワーク・「Biomatic UI」

任意の画像からカラーパレットを作成するスクリプト・「Color Thief」
