ダークモードもサポート！シンプルで拡張性も備えた超軽量のプログレッシブCSSフレームワーク -Cutestrap | コリス

2019/09/29 32 users class グリッド CSSフレームワーク コリス HTML

シンプルなHTMLにclassを加えるだけで、さまざまなUIコンポーネントやグリッドが実装できる超軽量（2.7Kb）のCSSフレームワークを紹介します。 プログレッシブ・エンハンスメントが採用されており、新旧ブラウザの見え方を最適化して表示されます。 Cutestrap Cutestrap -GitHub Cutestrapの特徴 Cutestrapのデモ Cutest... 続きを読む

2017年にチェックしておきたい、CSSの軽量フレームワークのまとめ | コリス

2017/04/27 171 users コリス アクセシブル CSS 軽量フレームワーク グリッド

Flexboxで実装されたグリッドのみをはじめ、さまざまなコンポーネントが利用できるもの、ファイルがモジュール化されたもの、アクセシブルに特化されたものなど、2017年にチェックしておきたいCSSの軽量フレームワークを紹介します。 mini.css -GitHub mini.css テンプレート一覧 モバイルデバイスと最新のブラウザを考慮して設計された軽量（7KB）CSSフレームワーク。ほとんどの... 続きを読む

flexboxを使った、シンプル軽量なグリッドシステム・「Waffle grid」 - かちびと.net

2017/03/16 12 users CDN MIT グリッドシステム class Flexbox

Waffle grid Waffle gridはflexboxを使った、シンプル軽量なグリッドシステムです。7kbほどのスタイルシートでレスポンシブ、カスタマイズ性も考慮された設計との事です。ありがちなclassなのでフレームワーク的なものを使い慣れてる方は扱いやすいんじゃないでしょうか。 CDNもある ようです。ライセンスはMIT。 Waffle grid Post by かちびと.net PR... 続きを読む

画面サイズに応じて任意のCSSファイルをロードするJavaScriptライブラリ・sizeit.js - かちびと.net

2012/07/14 123 users CSSファイル JavaScriptライブラリ net 単体

画面のサイズを指定して、その サイズに応じて任意のCSSファイル をロードするスクリプトのご紹介。 Media Queries等によってCSSが 肥大化してしまった場合は使って あげると軽量化できるかもですね。 指定したブレークポイントに合わせて、ロードするCSSファイルを指定出来る、というスクリプト。非依存型なので単体で利用可能、サイズも圧縮版で1.7kbほどと軽量です。 Sample Medi... 続きを読む

リストを検索＆ソートできる7KBのJavaScriptライブラリ「List.js」:phpspot開発日誌

2011/11/04 43 users サーバサイド phpspot開発日誌 特定属性 分類別 リスト

List.js - Examples of how to use the script リストを検索＆ソートできる7KBのJavaScriptライブラリ「List.js」。 <li>リストを入力によって絞り込んだり、分類別で絞り込んだり、特定属性でソートするなんていうことが可能です。 7KBと軽く、サクサク動きます。サーバサイドでアイテムを絞り込む方法もありますが、アイテム数がそこまで多くなければ... 続きを読む

[JS]設置も簡単なテーブルのデータをソートする超軽量のスクリプト | コリス

2008/11/05 250 users コリス スクリプト Safari Chrome Fx2

leigeberから、既存のテーブルにも簡単に設置できる、データをソートする超軽量（1.7KB）のスクリプトを紹介します。 jQueryやPrototypeなど他のスクリプトは必要ありません。 JavaScript Table Sorter demo 動作確認ブラウザは、IE 6/7/8, Fx2/3, Op, Safari, Chromeとなっています。 設置方法は簡単で、既存のものにも簡単に組... 続きを読む