WEBLIC LLC

ブログ

コーディングを効率化するEmmetはすごく便利!

Web制作

2016年11月4日

Emmet

10数年前からコーディングに携わっていたボクは、ずっとDreamweaverを愛用していましたが、ここ1、2年でSublime Textに乗り換えました。
乗り換えた理由として、「軽い」、「プラグイン」が豊富などなど。
そのタイミングで初めてEmmetをインストールし使ってみると…

これがスゴく便利!
例えばdivのなかにリストを10個入れるみたいなのが、
div>ul>li*10 +tabでできちゃいます!

詳しくはこちらのチートシートをご覧ください。
http://docs.emmet.io/cheat-sheet/

あっ、ちなみに先日アップデートされたDreamweaver CC2017ではデフォルトでEmmetの機能が実装されていました。
案件によってはDreamweaverもまだまだ使っているので嬉しい限りです。

関連記事

Web制作

WordPressがSEOに強いって言われるけどホントなの?

WordPressはSEO(検索エンジン最適化)に強いと言われますが、本当に強いのか疑問に思いません...

2023年10月10日

Web制作

オリジナアイコンを簡単にWEBフォントにする方法

ここ数年スマホからのアクセスの割合がPCを超えているサイトが多くなっています。そこで、スマホサイトを...

2016年10月19日

Web制作

障害者差別解消法の改正法案にみるウェブアクセシビリティ

2024年4月からは、民間のウェブサイトに関しても、障害のある人を含むすべての人が情報にアクセスしや...

2024年2月26日

Web制作

子要素にaタグを含む親要素にhover処理をする

現状のCSSではaタグを持つ親要素のdivにスタイルを定義することができません。今回は同じ要素のボッ...

2016年12月14日

Web制作

WordPressでショートコードを使って外部PHPファイルを読み込む方法

WordPressでサイトを構築している方には馴染みのあるショートコード。例えばお問い合わせのプラグ...

2024年7月12日

  • カテゴリー

  • 本日、 3人が閲覧しました

    RELATED SITES

    関連サイト

    • SAKAMOTO Blog
    Designed by WEBLIC合同会社