レスポンシブデザインに対応するCSSフレームワーク「NuLTS.4W」alpha版公開

Nults 4w

元々は自分が仕事で使うテンプレート用のCSSだったのですが、汎用性を持たせ、いろいろなシーンで使えるものにしたいこともあり、CSSフレームワークとして継続的にお見せできるような形を取りました。

大まかな構造は所謂リキッドデザインをベースにメディアクエリを使い、レスポンシブデザインに対応させるような形を取っています。

また、CSS自体の記述を簡略化するためにless.jsを使用しています。

詳しくはページを作ったのでこちらを見ていただければと思います。

まだ仕様が甘かったり、方向性が曖昧なところはありますが、意見や要望などを受けつつ、更に進化させていきたいと考えていますのでよろしくお願いいたします。

CSSフレームワーク less.js

Lessjs topx

cdbk.net CREATIVSのサイトにてJavaScriptを使ったCSSフレームワークの「less.js」を実装しました。

大量の設定が必要な場合はより複雑な構造かが必要なとき、非常に役に立ってくれるフレームワークで算術的な記述法やJavaScriptのように値を代入したりすることが可能です。(下の画像に実際の記述例がかかれています。)

Lessf

WordPressで使用しとうと試したところ何かが干渉しているのかそのままでは動作せず、、だったのでCMSなどで使う際は一度テストをしてから検討することをお勧めします。

Less.js

 

一日中ワークアウトと買い物

今日はスニーカーにNike+iPodのセンサーをつけてお買い物と美容室へ散髪に行きました。
朝、家から膳所駅まで徒歩。日陰にはいると風が心地いい。でもそんなことは言ってられないのでひたすら駅まで歩く。距離計で計ると1.6kmでも所要時間20分。時速6km・・・

そんなことはさておき、大阪へ行ってデジカメのメモリーを物色しつつ、新しくなっていく大阪駅と今までと変わらない阪急梅田駅を通り、一路京都四条河原町へ。
京都での目当てはSOU・SOUの靴下とお土産を頼まれた髪飾り。
まずは髪飾り。膳所→大阪間の移動中メールでのやりとりで出てきたかづら清老舗のかんざしがいい(高い??)と聞いてとにかくGoogleで検索。そして地図をゲット。
河原町に着いたら猛暑の京都四条を八坂さんに向かってひたすら歩く〜ペットボトルと家電店の袋を持ってひたすら歩く・・・
そしてかづら清老舗の祇園店に到着。かんざしや櫛など昔からある木製のものや金属製でトンボや蝶を模ったもの、鼈甲などいろいろありましたが、かんざしを選び、店をでる。
かづら清老舗
暑さに参ってしまう前にエクセルシオールで休憩。その後SOU・SOUで靴下を買い、京都へ行くと必ず立ち寄るAngersへ。
DSCN0235.JPG
ブックダーツとだるまクリップなるものを買い、一路大津へ。だるまクリップはフォルダなどに入れた紙を取り出しやすくするためのホールが開いただるまの形のクリップ。ホールがちょうど指の入るサイズになっている。
大津で降りてMac関連の商品が売っているショップでShouPouchを買い、京阪電車で膳所へ。
10年ぐらい担当してくれた人から担当が代わり軽く挨拶を交わし→話は軽く弾む、髪も軽くなる→気づけば終わり。そして帰路へ。
今日はひたすら歩いて合計距離は約6km。少ないな・・・
明日は琵琶湖博物館へ行ってきます。