「Emmet」でコーディング作業を効率化しよう。-CSS編-

前回は「Emmet」でコーディング作業を効率化しよう。-HTML編-を解説させていただきました。 今回は、CSS編のタグの紹介です。 下記にタグのリストが記載されていますので、参考にしてください。

CSSの記述基本編

「w」・・・widthの追加 「bg」・・・backgroundの追加 「bg+」・・・background(画像)の追加 「c」・・・colorの追加 「bd」・・・borderの追加 「fz」・・・font-sizeの追加 「mt」・・・margin-topの追加 「fl」・・・float:leftの追加

応用編

「-(マイナス)」を入れる事で、接頭辞(ベンダープレフィックス)も簡単につけれます。これはかなり楽ですね★

「-bdrs」・・・border-radiusの追加 下記にタグのリストが記載されていますので、是非Emmetを使用してコーディングしたいという方は参考にしてください。

WEB制作についてのご相談はお気軽にどうぞ。

WEBデザイン制作、ブランディング、Wordpress構築・カスタマイズ、
WEBサイトに関するお見積もり・不明点やご相談等、お気軽にお問い合わせください。

この記事を書いた人
KEiSoN★
スカイゴールド株式会社 代表取締役 / クリエイティブディレクター/webデザイナー/フロントエンドエンジニア
2009年1月よりフリーランスのwebデザイナー/ディレクターとして活動しながら、ノマドな働き方を試み始める。 過去16カ国ほど訪れ、一眼レフにその景色を収めながら時々ドローンも飛ばす。 2015年11月にスカイゴールド株式会社として法人化。 現在は主に東京を中心にしながら、 タイ・バンコクを年間4,5回ほど往復しながら活動中。 Wordpressを使用したオリジナルデザイン制作・オウンドメディア構築を得意とする。 国内外の様々な価値観・デザインに接触することで幅広いクリエイティブや臨機応変にアイデアを提供する。 旅と音楽と酒と料理作りが好き。 最近は、映像制作の勉強も行なっている。
アーカイブ