シンプルで使いやすい！レスポンシブ対応のさまざまなページを実装できる超軽量フレームワーク -TukTuk | コリス

2014/07/28 79 users OOCSS コリス Bootstrap Foundation

BootstrapやFoundationは高性能だけど機能が豊富すぎる、またグリッドだけのフレームワークでは物足りない、そんな人にぴったりのレスポンシブ対応のOOCSS（オブジェクト指向CSS）で設計された超軽量（9KB）のフレームワークを紹介します。 TukTuk TukTuk -GitHub TukTukは、レスポンシブ対応の実用的なさまざまなページを軽量のスタイルシートで実装することを目的と... 続きを読む

オブジェクト指向CSSの「構造とスキンを分離する」って何？？ | Tips Note

2013/11/20 52 users スキン 構造 CSS 記述 パフォーマンス

TAMテクニカルチームがテーマ別の技術グループに分かれて 「Tips Note」を、毎週更新します。 オブジェクト指向CSS（以下OOCSS）では「構造とスキンを分離する」という言葉を良く見かけます。 最初は具体的にイメージできなかったのですが、おそらくこういう事ではないかと思ったので、調べた事をまとめたいと思います。 サイト制作では、CSSの記述によって更新性などパフォーマンスに違いが出てしまい... 続きを読む

2013年上半期、チェックしておきたいCSSのフレームワークのまとめ | コリス

2013/07/25 214 users コリス OOCSS フレームワーク CSS ベース

最近リリースされたものを中心に、これは！というCSSのフレームワークを紹介します。 フラットなスタイルはもちろんですが、オブジェクト指向CSS（OOCSS）ベースで設計されたものが目立ちますね。 一番最後のフォームに特化した「MOSTO」オススメです！ Cascade Framework Cascade Framework -GitHub オブジェクト指向CSS（OOCSS）ベースで設計され、IE... 続きを読む

普段使ってるCSSのパフォーマンスとメンテナンス性をアップさせるOOCSSベースの超軽量フレームワーク -Kraken | コリス

2013/06/05 90 users Kraken コリス OOCSS CSS 超軽量フレームワーク

オブジェクト指向CSS（OOCSS）のコンセプトは普段使ってるCSSのパフォーマンスとメンテナンス性を向上させること。 そんなOOCSSをベースに設計された、モバイルファーストの拡張性も備えた超軽量フレームワークを紹介します。 Kraken Kraken -GitHub オブジェクト指向CSS（OOCSS）とは Krakenの特徴 Krakenのデモ オブジェクト指向CSS（OOCSS）とは Kr... 続きを読む

OOCSSが良く分からなくなってしまったので、ちょっと再確認してみた | そぷログ

2012/02/16 15 users OOCSS ブログ オブジェクト指向 エントリー ツイッター

ツイッターで話しているうちにOOCSSが良く分からなくなってしまいました／(^o^)＼ 再確認の意味でエントリーに起こしてみます。 OOCSSって何？ 「Object Oriented CSS」の略で意味は「オブジェクト指向CSS」です。 オブジェクト指向について詳しく説明するのは難しいのですが、要は「バラバラに作っておいて使いたいときに組合せればよくね？」という考え方（だと思う）です。 jQue... 続きを読む