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運用ガイド!子テーマの重要性を解説

ホームページの制作に予算制限がある中で、自社のスタッフがWordPressを使ってサイトを構築するこ...

2024年7月30日

Web制作

Webサイト導線設計の考え方

効果的な導線設計はWebサイトの成功に欠かせません。この記事では、Webサイト担当者が、ターゲットに...

2023年11月28日

Web制作

iPhoneでTwitterのウィジェットがはみ出る…

こんにちは、丹羽です。WEBLICでは様々なお客さんのサイト運用をお手伝いしています。先日弊社がお手...

2016年10月11日

Web制作

JavaScriptで作られたページはGoogleにインデックスされるの?

Google検索エンジンはどこを見ているの?ソースとDOMの違いWebページには"ソース"と"DOM...

2024年11月7日

Web制作

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

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

2016年12月14日

  • カテゴリー

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

    RELATED SITES

    関連サイト

    • SAKAMOTO Blog
    Designed by WEBLIC合同会社