2019-01-01から1年間の記事一覧
サイドバー、エディタ、ターミナルそれぞれへの切り替え サイドバーにフォーカスする サイドバーを閉じる エディタにフォーカスする ターミナルにフォーカスする ターミナルを閉じる ターミナルからファイルやフォルダを開く(現在開いてるウィンドウに) フ…
下記、"active"の部分を任意の文字列に変えると、HTML内のどこに、指定したCSSがあるのかを探すことができる。 class((?:\s|")?)(.*?)((?:\s|")+)active((?:\s|")+)(.*?)((?:\s|")?) 下記は検証用マークアップ。class内にあるactiveという文字列と完全一致し…
font-sizeの初期値はmediumである CSS Fonts Module Level 3 初期値のmediumは、ブラウザ既定の初期値である16pxと同一であるということになるが、 これはブラウザ側の仕様になるためW3Cの仕様書には記載が無い。(16pxなどという記述はどこにも出てこない。…
TL;DR remは<html>(ルート)要素で使われているフォントサイズを基準とする emは親要素で用いられているフォントサイズを基準とする font-sizeのブラウザの既定値はmedium(16px) 目次 TL;DR 目次 em font-size: 1em;を指定した要素は、その親要素で用いられてい</html>…
※2021.05.22:本記事の修正版となる記事を作成しました。 TL; DR jQueryのコードをaddEventListenerで囲む addEventListenerの第3引数でpassive: falseを設定する jQueryの.onから取れるoriginalEventはaddEventListenerで渡されるオブジェクトを取れる 発生…
TL,DR CMSの編集画面から設定したページリンクを、JSでaタグに設定していきたい 設定したいaタグは特定のクラスがついたdivタグの中に必ず収まっている CMSから設定したリンクは、全てaタグに設定する(フィルタリングなどは行なわない) 各div内のaタグをな…
TL,DR tableタグを囲むdivにoverflow-x: autoを設定する。 floatを利用して左右に分けていたものをflexでつくりなおす。 横スクロールさせるには、あらかじめtableの長さを多めに設定する必要がある。 目次 TL,DR 目次 やりたいこと 実際にやったこと 縦並び…
やること このサイトにあることを実行したいが、jQueryではなくVanilla JSで実装したい スマホでも動く!スクロール判定でCSSアニメーションの作り方 | 株式会社Cruw(クルー) サイト内に出てくるjQueryのコードをVanillaに置き換えつつ、何をやっているコ…
TL,DR 実現したいこと:2カラムのリストを縦に並べるときに、最後の列だけ1カラムになったりすることがあるが、そのときでも間延びせずにレイアウトしたい justify-contentのspace-aroundやspace-evenlyでは最後の列が1カラムになると、その要素が真ん中に配…
業務でHTMLのマークアップをやっているとテーブルタグによく出くわします。 その割に修正作業のときに何度もぐぐっているので、改めて自分でマークアップをしてみようかなというエントリーです。 今回、参考の対象にしたのは下記のサイトです。 こちらの「会…