軽量でシンプルなCSSフレームワーク・「Bijou」 Bijou Bijouはシンプルで軽量なCSSフレームワークです。圧縮版で2KBほどと、かなり軽量化されています。グリッドレイアウトにも対応できますが、12カラムではなく10カラムで設計されていますね・・なんとなく珍しい気がしました。...2013.12.30 | 10時18分31秒
CSSで作られたアニメーションロードインジケーターのキット・「SpinKit」 SpinKit SpinKitはCSSによるアニメーションロードインジケーターのキット。Githubにてソースが公開されています。スマフォ用/一部ブラウザのみ対応のWebサイトのみになってしまいそうですがデザインもシンプルで動きも滑ら...2013.12.18 | 10時26分01秒
モバイル向けのWebアプリ開発用に作られた軽量フレームワーク・「Zoey」 Zoey Zoeyはスマフォ向けのWebアプリの開発用に作られた軽量なフレームワークです。zepto.jsに依存しています。HTML5とCSS3ベースで各種コンポーネントが揃えられています。ライセンスはMITです。 Zoey2013.12.11 | 10時27分08秒
シンプルで軽量なCSSフレームワーク・「LAYERS CSS」 LAYERS CSS LAYERS CSSはシンプルで軽量なCSSフレームワークです。レスポンシブWebデザイン対応で無駄な装飾等もありません。かなり使いやすい印象でした。シンプルなものをお探しの方は一見の価値はあるかも知れません。ラ...2013.10.19 | 10時48分22秒
スマフォやタブレット向けのCSSフレームワーク・CLANK CLANK CLANKはスマフォやタブレットデバイスのWebアプリ向けに作られたCSSフレームワークです。コンポーネントも多数揃えられており、SCSSで作られているそうです。シンプルで使いやすそうですね。 CLANK2013.10.14 | 14時11分32秒
CSS3のエフェクト付きモーダルウィンドウ・「jQuery Custombox 」 jQuery Custombox jQuery CustomboxはCSS3のエフェクト付きもモーダルウィンドウを実装するスクリプト。モーダルウィンドウの出現時、非表示時にエフェクトがかかります。用途は限られてしまいそうですが、かな...2013.10.05 | 11時11分45秒
Twitter Bootstrapで作られた様々なテンプレートを配布する・「Start Bootstrap」 Start Bootstrap Start BootstrapはTwitter Bootstrapで使える様々なテンプレートを配布するWebサイトです。ギャラリーサイト用、フルスクリーンなレイアウト、ブログ風など多岐に渡ります。スター...2013.09.30 | 11時20分29秒
Twitter Bootstrapでフラットなデザインを構築する為のフレームワーク・「Bootflat」 Bootflat BootflatはTwitter BootstrapベースのフラットデザインなWebサイトを構築する為のフレームワークです。モバイルファーストな設計で、リッチなコンポーネントが多数用意されています。ライトで使いやすい...2013.09.26 | 10時53分20秒
多数のコンポーネントが用意されたWebUIフレームワーク・「Semantic UI」 Semantic UI Semantic UIは多数のコンポーネントが用意されたWeb UIフレームワークです。現在32種類のコンポーネントがあり、今後も増えるそうです。BOOTSTRAPを意識して作られているのか、classの使い方...2013.09.15 | 10時46分59秒
シンプルで軽量なレスポンシブWebデザイン対応CSSフレームワーク・「KNACSS」 KNACSS KNACSSはシンプルで軽量なCSSフレームワーク。レスポンシブWebデザインにも対応しています。チュートリアルページを確認する限りでは素敵な性能のフレームワークなのですが、CC-BYなので使いどころはある程度限られるか...2013.08.30 | 10時41分35秒
モバイルフレンドリーなWebアプリの為のUIコンポーネント・「Brick」 Brick BrickはモバイルフレンドリーなWebアプリの為に作られたUIコンポーネント集です。mozillaから提供されているみたいですね。同じくmozilla提供のX-Tagが使われています。カレンダーやデイトピッカー、スライダ...2013.08.20 | 10時30分23秒
CSSによるアニメーションエフェクトをまとめた・「EFFECKT.CSS」 EFFECKT.CSS EFFECKT.CSSはCSSによるアニメーションエフェクトをまとめたサイト。Githubでもソースを公開しています。今まで見かけたCSSエフェクトが勢ぞろいしている印象です。尚、ソース元は見出しのタイトル右上...2013.07.19 | 11時09分57秒
モバイルファーストなレスポンシブWebデザイン向けCSSフレームワーク・「csswizardry-grids」 csswizardry-grids csswizardry-gridsはモバイルファーストなCSSフワームワークです。購読しているcsswizardry.comのフレームワークなので興味が湧いた次第です。多段ネストも可能でclearも...2013.07.05 | 12時09分11秒
CSSフレームワークのToastをベースとしたWordPressテーマ・「Toastpress」 Toastpress ToastpressはシンプルなcssフレームワークのToastをベースとしたWordPressテーマです。floatを使わず、inline-blockを使ってグリッドレイアウトを作っているのでie7には対応して...2013.07.02 | 10時35分21秒
モバイルファーストなCSSフレームワーク・「Cardinal」 Cardinal CardinalはモバイルファーストなCSSフレームワークです。必要最低限の設計で残りはユーザーがカスタマイズする、という事を念頭に置いて作られたようです。この手のフレームワークは数多に存在しますが、選択肢が大いに越...2013.06.26 | 10時09分29秒
SASS/Compassで構築されたCSSボタンライブラリ・「Buttons」 Buttons ButtonsはSASS/Compassで構築されたCSSボタンのプロジェクトです。classを振るだけで様々なボタンに装飾する事が出来る様になっています。Font Awesomeを使ってアイコンを加えたりCSS3でぼ...2013.06.22 | 9時19分15秒
CSSライブラリをコレクションしている・「CSSDB.co」 CSSDB.co CSSDB.coはCSSライブラリをコレクションしているWebサイトです。似たようなサイトを紹介した気もしますが・・割と評価の高めなライブラリに絞ってるっぽいですね。Githubへのリンクもあります。 CSSD...2013.06.12 | 12時40分17秒
Webサイトのサイトマップを作る為のCSS・「SlickMap CSS」 SlickMap CSS SlickMap CSSは、サイトマップを作る為のCSSです(sitemap.xmlではなく、人用のサイトマップ)。上図のように、階層を分かりやすく可視化し、ユーザーに取って分かりやすいナビゲーションを作成す...2013.05.29 | 10時38分32秒
レスポンシブWebデザイン対応のシンプルで軽量なグリッドシステム・「.FITGRD」 .FITGRD .FITGRDはレスポンシブWebデザインにも対応したグリッドレイアウトを構築する為のCSSです。フレームワークではない、との事です。(当記事では一応フレームワークのカテゴリに含めています)CSS自体は非圧縮でも4KB...2013.05.18 | 12時03分28秒
Adobe製のレスポンシブ対応UIライブラリ・「Topcoat」 Topcoat TopcoatはAdobe社が提供するOSSのCSSフレームワークです。シンプルで使いやすいUIでレスポンシブWebデザインにも対応しています。モバイル版はタップしやすいようにエレメントの高さをやや高くしてくれてるのも...2013.05.09 | 10時16分04秒
OSSで公開されているHTML5製のノベルゲームエンジン・「TyranoScript」 TyranoScript TyranoScriptはノベルゲームをHTML5で実装できるオープンソースのライブラリです。吉里吉里との親和性が高いのが特徴との事。ライセンスはMITで公開されています。国内の開発なのでドキュメントも日本語...2013.04.28 | 10時38分57秒
ミニマルなマークアップで書かれたCSSフレームワーク・「Markup Framework」 Markup Framework Markup Frameworkはミニマルなマークアップで書かれた、モバイルファーストなレスポンシブWebデザイン対応のCSSフレームワークです。必要最低限、をコンセプトに構成したようです。ベースとし...2013.04.27 | 10時29分05秒