タグ Emmet入門
人気順 5 users 50 users 100 users 500 users 1000 usersHTML/CSSを爆速コーディング Emmet入門 第5回 Emmetを使って、コードの編集を強力にサポートする(前編) | Adobe Creative Station
これまでの連載では、Emmetの省略記法の展開に関わる内容について説明してきました。しかしコーディングの時は、HTMLやCSSの生成だけでなく、既存のコードに追加や編集をする作業も必ず発生します。 Emmetにはアクションと呼ばれる編集支援機能が16も用意されています。Emmetの展開は、アクションの一つです。他のアクションも使えるようになれば、HTMLやCSSのコーディングがもっと楽になります。... 続きを読む
HTML/CSSを爆速コーディング Emmet入門 第3回 エディタのコードヒントよりも早い!EmmetのCSSの記法とは? | Adobe Creative Station
EmmetはHTMLだけなく、CSSでも省略記法を利用できます。Emmetを使ってCSSを書くには慣れが必要ですが、ある程度覚えればコードヒントを使うよりも素早くCSSの記述ができるようになります。 今回はCSSの省略記法について解説します。 コードヒントよりも、Emmetが早い理由 多くのエディタにはコードヒントが付いており、コードの記述をサポートしてくれる機能があります。CSSのコードヒントの... 続きを読む
HTML/CSSを爆速コーディング Emmet入門: 第1回 Emmetを薦める理由
Web制作に欠かせないツールである「Emmet」というものを、知っていますか? この連載では、お使いのエディタの機能を拡張するEmmetのインストールから、HTML・CSSの展開、あまり知られていない便利な機能などを解説します。初回は、Emmetの概要とインストール方法についてです。 Emmetとは何か? Emmetは、主にHTMLやCSSの記述・編集を強力にサポートするプラグインです。Drea... 続きを読む