[B! オープンソース][CSS] ionisのブックマーク

ionis id:ionis

オープンソースとCSSに関するionisのブックマーク (2)

CSSを使って流れるような3Dイフェクトを実現する·css-vfx MOONGIFT
css-vfxはCSS/JavaScriptによるオープンソース・ソフトウェア。Coolirisというソフトウェアはご存じだろうか。写真をタイル状に並べて、左右に流れるような操作で一覧できる。様々なブラウザ、モバイルで使えるソフトウェアだ。タイル状に並んだ写真を一気に見渡せるそんなCoolirisの見せ方はとても上品で、操作性も良く使い勝手が良い。あんなインタフェースを自分のサイトでも実現してみたいと言う希望を叶えてくれるのがcss-vfxだ。css-vfxは特別なソフトウェアはいらず、WebKitさえあれば良い。ターゲットはモバイルだ。PC版のWebKit（SafariやGoogle Chrome）ではうまく動かないかも知れない。iPhoneやAndroidからアクセスすれば、そのすごさが分かるはずだ。指で弾くと写真が左右に流れていく。奥行きを感じさせる作りはスピード感もあってとて
ionis 2010/05/20
cooliris的な見せ方が出来る。webkitがあればOK。主に携帯向けで、PCだと上手く動かない可能性はある。このスタイル写真を見る時は便利なんだよね～。coolirisは設定が多すぎてだるいし。サクット動くなら良さそう。

CSS

Webkit

オープンソース

javascript
リンク
Rubyによる構造化CSSライブラリ·Less MOONGIFT
CSSのメンテナンス性の悪さは言うに及ばないだろう。どうとでも書けてしまう手軽さはあるが、ファイルが分かれていたり、ネストしている場所としていない場所があったりするともう管理ができなくなる。ちょっとした変更がどこに影響するかも分からず、もはや触るのが怖くなる。 Lessの記述例そんな訳でCSSは慣れれば慣れるほど使い方が難しい代物だ。そこでLessを使って分かりやすく管理してみよう。今回紹介するオープンソース・ソフトウェアはLess、プログラミング的に記述するCSSライブラリだ。 Lessはコマンドラインのツールで、lesscというコマンドを利用する（lessは別コマンドで既に存在するので）。そして専用ファイルの.lessを変換し、.cssファイルを生成する。デザイナの方はCSSファイルを直接触らないようにする必要がある。変換例利用できる機能としては変数、階層構造、Mixin、計算
ionis 2009/06/22
構造化されるなら良いのかも。CSSを触らない方向にするらしい。記述方法はCSSに似ているらしい。

ruby

CSS

tool

オープンソース
リンク
1