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

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

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

2016年12月14日

Web制作

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

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

2023年10月10日

Web制作

GoogleドキュメントOCRの力でサイト制作効率アップ!

こんにちは、丹羽です。サイト制作する際に、クライアントから支給された原稿がデータ化されていない場合や...

2023年7月20日

Web制作

初心者向け解説!内部リンクでサイト構造を強化し、SEO効果UP

先日、GoogleのX(旧Twitter)で内部リンクに関するヒントが投稿されていました。その内容を...

2024年8月8日

Web制作

重複コンテンツがSEOに与える影響は?

インターネットの世界では、同じ情報がたくさんあると、どの情報が一番大切かわからなくなることがあります...

2024年2月9日

  • カテゴリー

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

    RELATED SITES

    関連サイト

    • SAKAMOTO Blog
    Designed by WEBLIC合同会社