2012年07月13日

lessのスケルトンを作成するツールを作りました。

css拡張であるlessのテンプレートをhtmlからスケルトンを生成するツールを作りました!
Less + skeltonでlesskelって言います。

Lesskel
http://yamitake.github.com/lesskel/

拡散してくれたり、感想くれたり、イイネしてくれたら嬉しいです。

普段webの実装をするときは、僕はhtmlを先に全部書きます。
論理的な構造を作ってから、cssに取り組むのがベストです。

ちなみにオプションで適用されている要素の全スタイルを抜くオプションつけたのですが、
それはギャグなのでスルーしてくださいw
cssTextのチェックはhtmlへの直書きのものを出力してくれます。

scssとless両方使いましたが、lessの方が色々と洒落てていいですよ!
好みの部分もあると思いますが、scssならcompass,lessならtwitter bootstrapのmixinをパクってくればだいたいmixinは十分です。
あとレスポンシブデザインにするlessも用意されているので、最初はカスタマイズすると遊べます!

開発効率やメンテ性がかなり上がると思うのでlessを使ってみてください。
lesskelは「これあったらべんじゃね?」って作ったのですが、実はあまりいらなかったみたいですw

でもたまに使っているので、思い出したら使ってあげてください。


ラベル:CSS3 HTML5 javascript less
posted by ヤミタケ at 01:07| Comment(0) | TrackBack(0) | ツール | このブログの読者になる | 更新情報をチェックする
この記事へのコメント
コメントを書く
お名前: [必須入力]

メールアドレス:

ホームページアドレス:

コメント: [必須入力]


この記事へのトラックバック
×

この広告は180日以上新しい記事の投稿がないブログに表示されております。