ゴトー
フロント開発を自動化するGruntをインストールする
GruntとはWebのフロント開発の様々な作業を自動化してくれるソフトで、一部を挙げると下記のようなことができます。 ・メタ言語のコンパイル(Sass、Lessなど)・HTML, JS, CSSなどを圧縮(minify)…WindowsでCompassをコンパイルした時の「Windows-31J」問題
WindowsでCompassを使ってSassをコンパイルした時、文字コードに「Windows-31J」という見慣れない文字コードが勝手に設定されます。 CompassはRubyで動いているわけですが、WindowsのR…Emmetメモ：CSSのコーディング速度UP
HTMLと異なり複数行一度に出力はできませんが、CSSもプロパティ名を短縮形で書くことができます。 db dn poss posr posa posf m:a m10,5x w100 w100% fz13 fwb c#f…Emmetメモ：HTML基本構造を出力する
「Doctype」から始まるHTMLの基本構造を一発で出力できます。 ! 「コード？」って感じかも知れませんが、これをHTML展開すると下記になります。 <!doctype html> <html la…Emmetメモ：面倒なselectタグを一気に作る
selectタグによるプルダウンは量が多いこともあり、普通にコーディングしていると結構な手間です。そんな時こそEmmetで楽しましょう。 select>option*115>{$@1900} select&g…Emmetメモ：フォームパーツを一括量産
Emmet記法 form#form1>ul.radioList>li*5>label[for=r-$]>input[type=radio name=r id=r-$]+{内容$} HTML展開結果…