2x画像とも言うけど、これをHTMLやCSSで設定する際に今までは電卓叩いてた。その他にも、ボックスに収まるように数値計算をする必要がある場面が多くあるよね。電卓を使わなくても、なんとSublimeText3のEmmetプラグインで数値計算ができる!ので紹介するよ。プロから直接学べるプログラミングスクールの紹介!PHPコースあり!SublimeText3のEmmetプラグインEmmetはHTMLやCSSの入力を超絶楽にしてくれるツール(記法)。詳しくは当ブログの人気記事であるこれを読んでくだされ。LiveStyleを使ったことがないの?HTMLやPHPを書いていることが多いとみっちです。EmmetとLiveStyleを使ってHTMLコーディングする方法を紹介します。Emmethesaibase.comパッケージコントロールでEmmetプラグインをサクッとインストールしてくれい。Pacage」を選択して、「Emmet」と入力して一瞬。Emmetプラグインで数値計算では、早速やってみよう。alt=&quot;&quot;&gt;と入力してみる。ここでは、width内の「679/2」という記述が計算したい箇所。alt=&quot;&quot;&gt;となったと思う。alt=&quot;&quot;&gt;とすれば、なんと四捨五入される。感じの使い方ができるわけだね。この数値計算は、HTMLファイルだけでなく、CSSファイルでも使えるので、是非活用したい。なんかフォントを変えたりと面倒そうな方法しか見つからなかった。「スラッシュ」や「バックスラッシュ」と入力して変換するのが手っ取り早そう。¥いやー、これで電卓捨てられるね!プロから直接学べるプログラミングスクールの紹介!PHPコースあり!Webデザインスクールの「WebCamp」が手がけるママのためのWebデザインコース1ヶ月の短期集中でWebデザイナーを目指せます。仕事復帰を希望する主婦やママさんにオススメです。【参考記事】WebCampなら1ヶ月の短期集中でWebデザイナーを目指せる自己流でプログラミングを覚えようとすると、環境設定でつまづく、書いたプログラムがなぜ動かないか解決できず、多大な時間を浪費してしまいがちです。担当の指導者(メンター)が付いてくれるTechAcademyなら、分からないことをどんどん質問して解決できます!コードレビューしてもらえるのも素晴らしい点ですね。行っており、フリーランス独立する道を探すこともできそうです。「独立・開業はちょっと...」という方へは、当社の制作案件をお手伝いして頂く道も開けます。HTMLこの記事が気に入ったらいいねしよう!最新記事をお届けします。ツイート1シェアはてブPocket10feedly6え!?まだimgタグのwidthとheightを手入力してるの?imgタグの数値を自動入力させる方法おと風景に「効果音ラボ」さんがサウンドクリエイターとして登場!RECOMMENDこちらの記事も人気です。iPhoneを回転させた際に文字サイズが拡大されてしまう場合の...HTML2019.1.18CSSで未使用のセレクタを見つけて削除しちゃうよ!不要な記述をなくしてフ...HTML2015.12.5HTMLのマンツーマン講師に行ってきました!HTML2016.5.11フロントエンドの開発におっさんは疲れちゃったよというお話HTML2017.1.13WordPressの導入やカスタムなど、初心者〜中級者を対象にサポートし...HTML2016.1.13インターネットエクスプローラー(IE)対応に追われた日々よ、さようならABOUTこの記事を書いた人とみっち数年前までバンド活動してました。活動するよ!現在はブログを運営して暮らしています。サウンドクリエイター、Webクリエイター。)とし、現在は本庄市に住み法人化しました。6人で会社やってます。※自然の音からデスメタルまで聴きます。2018.02.06このブログの管理者とみっち数年前までバンド活動してました。活動するよ!現在はブログを運営して暮らしています。サウンドクリエイター、Webクリエイター。)とし、現在は本庄市に住み法人化しました。6人で会社やってます。※自然の音からデスメタルまで聴きます。