フレームワーク

シンプルさと軽量さを重視したFlexboxベースのCSSグリッドフレームワーク・「Grd」

40種以上の画像のマウスホバーエフェクトを使いやすくまとめたスタイルシート・「imagehover.css」

製品等のデータ比較のためのtable要素にフィルタ機能を付与する・「Products Comparison Table」

Ads

リストやテーブルにフィルタリング機能やソート、検索機能を付与するスクリプト・「List.js」

シンプルなチャットシステムを導入する為のスクリプト・「Chatjs」

VSCOのようなフィルターを実装する為のスタイルシート・「CSSCO」

メニュー等で利用されるハンバーガーアイコンから別のアイコンにアニメーションしながら変化させる為のCSS・「Hamburgers」

レスポンシブWebデザインにも対応した、APIのドキュメント作成キット・「Slate」

シンプルなコンテンツエディタ構築の為のスクリプト・「Substance」

モバイルアプリ開発向けに構築されたBootstrapベースの軽量フレームワーク・「Mobility」

React向けのリッチテキストエディタ用フレームワーク・「Draft.js」

シンプルでフレキシブルなCSSグリッドシステム・「Pintsize」

レスポンシブWebデザイン対応の、書籍を具現化する為のフレームワーク・「bookiza」

モバイル向けWebアプリの為のMVCフレームワーク・「Truck.js」

Semantic UIライクなスタイルのBootstrapテーマ+コンポーネント集・「Semantic UI Bootstrap」

CSSのみで上からスライドダウンする開閉コンテンツを作る・「Headermessage」

tableにフィルタ機能+αを加えるスクリプト・「TableFilter」

Flexboxを使ったUIのサンプルコードを紹介する・「Flexbox Patterns」

コーディング不要でWebサイトのテンプレートを作成する為のオープンソースソフトウェア・「GrapesJS」

軽量でカスタマイズ性を重視したCSSフレームワーク・「Reindeer.css」

ブラウザで動くスプレッドシートの為のスクリプト・「jQuery.sheet」

Webページにドローツールを埋め込むためのスクリプト・「Drawingboard.js」