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制作

HTTPS(常時SSL)が必要なワケ

GoogleはHTTPSのサイトを優遇すると発表をして数年経ちますが、これからは大企業のみならず、中...

2017年1月23日

Web制作

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

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

2016年10月19日

Web制作

iOS SafariでCSSのフォントサイズ効かない時に対処する方法

ちゃんとCSSでフォントサイズを指定しているのに、なぜかiOSのSafariでフォントサイズが効かな...

2024年7月19日

Web制作

メイリオフォントはCSSでイタリックが効かない!

先日ある案件でデバイスフォントを斜体にする必要がありました。普段は何も気にせずCSSでイタリックを設...

2017年4月3日

Web制作

アイコンを軽量化して、Webサイトの表示速度を速くする

Googleの調査によれば、ページの読み込み時間が1秒から3秒に増加すると、離脱率が32%増加すると...

2023年9月7日

  • カテゴリー

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

    RELATED SITES

    関連サイト

    • SAKAMOTO Blog
    Designed by WEBLIC合同会社