VSCodeから"Wrap Individual Lines with Abbreviation"が消えてたので一行ずつに適用する方法を調べた

VSCode

やり方タグで囲いたい範囲を選択 Ctrl + Shift + pを押す Wrap with Abbreviationを選択タグ名* と入力、エンターキーを押すこれで選択した各行が、4で入力したタグで囲われているかと思います。例下のような3行の文字列それぞれにliタグをつけたい。 …

#Visual Studio Code #VSCode

2021-09-23

position: fixedを指定した要素を、画面幅いっぱいにしようとしたら、leftとrightに0を指定するだけで解決した

CSS

position:fixedを指定した要素を、画面幅いっぱいに広げる方法を紹介しています。結論 position: fixedを指定した要素のleftおよびrightプロパティに0を指定する実際に書いたコード https://codepen.io/itsumoonazicode/pen/OJgwazw どうしてleftとrightに…

#CSS

2021-09-21

眠りが浅い

その他

最近（ここ1年ぐらい）ずっと悩んでいることがある。深い睡眠が取れない。寝ても4時間、早いときには2時間ほどで目が覚める。一度起きて、水を飲んだり用を足したりして、再度入眠の準備をしなければいけない。とてもストレスを感じている。このせいで最近…

2021-09-18

jQueryでスティッキーヘッダーをつくる

jQuery

スクロールによってグローバルナビゲーション等が隠れるのを避けるために、ヘッダー要素を固定する「スティッキーヘッダー」をjQueryで実装します。実際に完成したもの実装したコードの流れ変数を定義するイベントを定義する処理を間引く（debounce） …

#jQuery

2021-09-10

【正規表現】VSCodeで複数行にまたがる検索をする

正規表現 VSCode

Visual Studio Codeの検索機能で正規表現を使用するとき、複数行にまたがる文字列を検索対象に入れるにはどうするかを紹介する記事です

#正規表現 #VSCode

2021-09-06

【CSS】テーブルのレスポンシブ対応に、position: stickyを使ってみる

CSS

見出しセル（th）をposition: stickyで固定して、テーブルレイアウトのレスポンシブ対応をしようという記事です。 HafHというウェブサイトの下記ページ「プラン比較」の部分にインスパイアを受けました。これをテーブルレイアウトでできないものかと思い、本…

#CSS #HTML5

2021-09-04

Live Previewのホットリロードを、保存時に走らせるように変更する

VSCode

はじめに Visual Studio Codeの拡張機能「Live Preview」のホットリロードに関する設定を変更しようと思います。初期設定では、'On All Changes in Editor'となっています。この設定では、文字を打ったりctrl + sで保存したり等、「エディタ上で発生する変…

#VSCode

2021-08-25

ブログをリニューアルしました。

その他

ブログをリニューアルしました。その報告記事になります。リニューアルとはいっても、見た目はほとんど変わっていません。唯一大きな変更点といえば、Google AnalyticsのバージョンをGA4に変えたことぐらいですかね…。当ブログは、あまり記事更新の頻度が…

2021-05-22

【修正版】【jQuery】Chromeのコンソールエラー "[Intervention] Unable to preventDefault inside passive event listener due to target being treated as passive." を解消する

jQuery

※以前書いた記事「【jQuery】Chromeのコンソールエラー "[Intervention] Unable to preventDefault inside passive event listener due to target being treated as passive." をjQueryのコードをそのままに解決した」の修正版となります。サンプルとして、…

#jQuery

2021-05-17