タグ

cssとvimに関するkussunのブックマーク (5)

  • GitHub - kewah/vim-cssfmt: DEPRECATED - Please use vim-stylefmt

    You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

    GitHub - kewah/vim-cssfmt: DEPRECATED - Please use vim-stylefmt
    kussun
    kussun 2015/10/28
    CSS と SCSS のコードを自動整形。
  • csscomb.com

    Click here to enter

    kussun
    kussun 2012/08/11
    CSSのプロパティを正しい順序に並びかえてくれる。並び順は設定で変更可。各種エディタのプラグインなども用意されている。
  • CSSのプロパティを正しい並び順でソートし直してくれる『CSScomb』

    CSSのプロパティを正しい並び順でソートし直してくれる『CSScomb』 CSScomb OnlineCSSファイル内のプロパティを一定のルールにしたがった正しい並び順でソートしてくれるオンラインツール。 使い方はコードをペーストして『RESORT』をクリックすれば結果が右半分に表示されます。 変換したコードは『Copy result code』をクリックすればすぐにコピーができます。 ソートのルールはあらかじめ設定されていますが、必要に応じ『Setting』からカスタマイズすることも可能です。 こちらのオンライン版以外にも各種エディタ用のプラグインなども公開されているので、興味のある方は試してみてはいかがでしょう。 書き方によってはエラーとなる場合があるようですが、具体的にエラーとなるケースなどはこちらのページでに詳しく載っています。 (特にLESSやSASSの記法では注意するケースが

    CSSのプロパティを正しい並び順でソートし直してくれる『CSScomb』
    kussun
    kussun 2012/08/11
    ベンダープレフィックスにも対応できるし、便利だな。常用したい。
  • Big Sky :: 最近の zencoding.vim

    最近 zencoding.vim を大きく修正しました。とは言ってもこれまで単体テストを作ってきた事もあって、過去の動作を(なるべく)壊さずに大規模な修正が行えました。 これまでは一つのファイルに html, css, haml の処理が全て記述されていたのでとてもスパゲッティなコードになっていて、もう少し放っておくとカオスな状態になりかけていたので、ファイルを分割しインタフェースを揃える事にしました。 これにより、今後新しいフォーマットに対応する際にも、zencoding/lang にあるファイルの真似をして記述すれば実装出来る様になります。 haml に対応した 「えっ?前から対応してたんじゃないの?」と言われる方もいるかもしれませんが、これはあくまで expand abbreviation の haml フィルタとしてだけサポートしていました。 何が変わったかというと zen cod

    Big Sky :: 最近の zencoding.vim
    kussun
    kussun 2012/06/13
    Haml と Slim に対応。Ruby 寄りか。うーむ。
  • Zen-Codingが楽しい - ぱせらんメモ

    最近ちょっと興味があったZen-Codingがvimでも出来るというプラグインがあったので試してみた。 Zen-Codingってのはプログラマが使うエディタについてるスニペット入力みたいな感じでHTMLがサクサク書けるようになるライブラリ。スニペットのHTML特化版。 CSSセレクタのような記法なので普段からWebの開発に関わってる人なら簡単に体得できると思う。 単体のエディタではなくプラグイン形式になっていて色々なエディタやIDEで使えるというのもいいところ。詳しくは下記サイトを参照。 zen-coding - Set of plugins for HTML and CSS hi-speed coding http://code.google.com/p/zen-coding/ vimプラグインはこっち。 Sparkup http://github.com/rstacruz/sparku

    Zen-Codingが楽しい - ぱせらんメモ
  • 1