CSSのコードの最適化を指南してくれるCSS Lintを使い始めたので、ちょろっとVimのcompilerスクリプトを書いておきました。CSS Lintは「セレクタでIDを使うのはやめましょう」とか怒られるナイスなツールです。ですよねー。 Download: csslint.vim ~/.vim/compiler/以下にコピーして、.vimrcで autocmd FileType css compiler csslint とするだけです。これでCSSファイルを開いている時に:makeすればエラーや警告がある時にQuickFixリストに登録されます。 WindowsへのCSS Lintのインストールは結構なイバラの道でした。まぁCSS Lintそのものではなく、npmのインストールがアレな感じ。僕の環境にWindowsネイティブの様々なコマンドラインツールとMSYSがまぜこぜになっているのが
VimでCSSを編集中に色をインライン・プレビューしてくれるCSS color previewというスクリプトをrgb()に対応させてみた。一応rgba()にも対応しているような感じで、透明度を無視してプレビューされる。hsl()とかも対応しようと思ったのだけどRGBからHSLへの変換が面倒になってすぐに諦めた。hsl()とか使わねーよ。 Download: rgb()/rgba()に対応したCSS color preview インストールは$HOME/.vim/after/ftplugin(Windowsでは$HOME/vimfiles/after/ftplugin)にcss.vimとしてコピーするだけ。インストールしてCSSファイルを開くと、 というように背景色でインライン・プレビューされる。プレビューの通りrgba()の透明度は反映されない。matchlist()で書こうとしたのだけ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
