0. はじめに Microsoft社がオープンソースで開発している高機能エディタVisual Studio Code。 Visual Studioよりも軽く、他のエディタと比較してもプラグインが豊富、かつ、導入が便利であるため重宝しています。そしてSublime Textなどと同じで複数のプラットフォームで稼働させることができます。 この記事では、HTML(JavaScript、CSSを含む)を編集するにあたり必要となる機能をセットアップする方法をまとめてようと思います。対象のVisual Studio Codeのバージョンは 1.62.0(Octover 2021) です。 1. セットアップ 用意する機能は大きく分けて次の3種類。 1. エディタとしての基本機能を改善 2. コードを書きやすくするプラグインの導入 3. 作成したHTMLのプレビュー表示 1-1. エディタとしての基本機
VS Code で、ドキュメント内の空白文字を可視化させて、判別し易くしてみるにはどうすれば良いか? 一例として、ちょっとまとめてみました。 もともとは、下記のようなつぶやきを見つけたので、 Visual Studio Codeを使っている方でeditor.renderWhitespaceを有効にした場合に出てくる「・」をわかりやすくする方法知りませんか? Atomみたいに色が変わるとか? #code #visualstudio — 高木徹 (@TTrpbm) 2016年12月30日 このように返してみたら、 @ttrpbm editor.renderWhitespace と直接関係なく、トグル操作になってしまいますが、この拡張機能はいかがでしょ? Whitespace+ Config で色の変更もできます。https://t.co/IbtwtApVFq — Kazuyuki Sato (
Winでは基本的にフォントレンダリングをCSSで制御することは出来ません。また、スマートフォンのブラウザもほとんど制御できず、基本的にグレースケールで表示されることが多いようでした。 MacではSafariのみがグレースケールですね、これが原因で「Safariで文字が細く見えてしまう」現象が起こっています。 デバイスのdpiによる見え方 このまま各ブラウザでアンチエイリアスを揃える設定しても良いのですが、1x, 2xの解像度による見え方を見ていきましょう。(今回はThunderbolt Display = 109ppi, MBP Retina Display = 220ppiで検証・比較。実際に表示した画面をスマホのカメラで加工が無いようにして撮りました。) 109ppi(Thunderbolt Display) 220ppi(MBP Retina Display) 以下のことがわかります
外部サイトへのリンクや、pdfのダウンロードボタンのクリック数を計測したいとき、ソースコードにイベントトラッキングというタグを埋め込む必要があります。その手順についてまとめました。 手順 Step1 計測したいタグをソースコードから探しましょう。ここでは例として、「http://example.com/」 という外部サイトへリンクする以下のaタグを使用します。
ブログのドメインをwww有り、無しのどちらかに統一させたり、サブドメインを利用したり、新しいドメインに引っ越しをした時に役立つリダイレクトに関する.htaccssの設定を紹介します。 CMSでよく見かけるパラメータ(.php?username=namae&page=2)付きをすっきりしたURLにするのも便利です。 Htaccess File Tutorial and Tips. 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。無断翻訳・まとめ記事の転載をしているあのブログの注意喚起を海外のブロガーから聞くのでご注意ください。 リダイレクトの前にやっておきたい.htaccessファイルの設定 .htaccessファイルの準備 「.htaccess」ファイルはテキストエディタで編集します。また、Apacheサーバーのphp.iniでmod_
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く