テキストエディタ

no image

StylusでサクサクCSSコーディング【環境構築編】

以前はSassを使っていたのですが、聞いたところStylusはSassとLessのいいところどりで豊富な機能を持っているらしいので早速使用する為の環境を構築してみました。 CSSプリプロセッサは、変数や配列、条件分岐などが使えるので、記法を…

emmet アイキャッチ画像

【HTML編】初心者向けEmmetの使い方

Emmetによる快適高速コーディングを習得するための記事です。EmmetでのHTMLコーディングをなるべく分かりやすくまとめてみました。自分自身が初心者なので、自分にとって分かりやすく書いたつもりです。基本の書き方emmetは簡単な記述でHTMLを展開してくれます。コードを記述し、【TAB】もしくは【ctrl+e】キーで展開されます。では展開例を書

emmet アイキャッチ画像

Emmetの導入方法

HTMLやCSSのコーディング効率を非常に高めてくれるemmet。今回はEmmetの導入方法の解説をしたいと思います。SublimeText2でEmmetはとりあえず最初に導入していたのですが、【結構難しいものなのかな?】と思い、全然使っていませんでした。使っていなかった理由としては他にもあります。・手打ちで十分早く打てる。・手打ちでコードを打っておかないとスペルを