VSCodeに関するnorip44のブックマーク (3)

  • 【Figma】開発モード:できること総まとめ|相原典佳

    Figma2022年夏〜23年夏の新機能を扱うシリーズ」、今回は開発モード編です。 この記事は、2022年に自費出版で発売した『ちょっとできる人向けFigma』のための追加コンテンツです。 この記事単体で読んでもらえるようにもしています! ※2023年8月末時点の変更点や新機能を扱っていますが、間違い・アップデートなどありましたらお知らせください! 『ちょっとできる人向けFigma』の該当箇所……p27 「開発モード」はFigma歴史の中でもけっこう大きな追加アップデートです。今まで「インスペクト」として存在していた機能を引き継ぎつつ、大きく機能が追加されました! 開発モードを有効にするには、ツールバー右の「</>」アイコン状のトグルスイッチをONにしましょう。 プライマリーカラーの水色が緑になる記事の後半で言及しますが、この「開発モード」は2023年末までは追加料金無しで利用で

    【Figma】開発モード:できること総まとめ|相原典佳
    norip44
    norip44 2023/09/21
    Figmaの開発モードの機能をだいたいまとめました。開発モード時と非開発モード時の比較や、Figma for VS Codeについても紹介してます! また、来年からの開発モードの料金も扱っています。
  • 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