VSCodeとHTMLに関するnorip44のブックマーク (2)

  • VSCodeで画像(imgタグ)のwidthとheightを自動入力する方法 | 教えて!おねだーりん

    どうも上かるびです。 imgタグのwidth/heightの値を入力することでレイアウトシフトが防げる、というのは割と有名なお話です。 ただそのwidth/heightの値をどうやって取得しているのかってあまり話題にならないですよね。 今回はVSCode上で簡単に画像(imgタグ)のwidthとheightを取得できる方法をご紹介します。 ネコーダー いくつか条件があるから気をつけてね! VSCodeのデフォルト機能で取得できる 私も2021年の暮れ頃に初めて知ったのですが、VSCodeのデフォルト機能で画像のwidth/heightの値を取得できます。 Update image sizes - VS Code Can Do That - Workshopburkeholland.gitbook.io 上記公式ページにやり方が書いてあります。 手順だけ日語で説明すると以下になります。 i

    VSCodeで画像(imgタグ)のwidthとheightを自動入力する方法 | 教えて!おねだーりん
    norip44
    norip44 2022/02/14
    知らなかったし分かりやすいし、「実際どうなの」面までケアされている! ありがたい!
  • VSCode に必ず入れておきたい拡張機能 - Qiita

    普段使用しているエディタはPhpStormですが、PHP以外を書くときはVSCodeはとても便利なので重宝しています。 私が個人的におすすめする拡張機能を紹介します。 他にも良い拡張機能があればコメントにて教えてもらいたいです。 この記事があなたのお役に立てれば幸いです。 VSCode 関連記事 VSCode の初期設定 拡張機能の探し方 マーケットプレイスが用意されているので、ここからお好みの拡張機能を探すと良いでしょう。 Featured: おすすめ、注目されている拡張機能 Trending: 急上昇の拡張機能 Most Popular: 最も人気のある拡張機能 Recently Added: 最近追加された拡張機能 まだ評価されてない追加されたばかりのものが多いので追加する場合はご注意ください 基 Material Theme VSCodeの数あるテーマの中の一つです。 歯車のアイ

    VSCode に必ず入れておきたい拡張機能 - Qiita
    norip44
    norip44 2020/04/19
    必要かどうかを検討したうえで入れてみるといいですね。好みに合わない機能もあるでしょうし。
  • 1