HTML
フロントエンドの開発をしている時に自分が書いた HTMLの要素 や CSS セレクタやプロパティが実際にどのように組まれて表示されているかを確認するために Chrome DevTools を立ち上げてインスペクト機能や Elements を見ながら確認をする必要がある. しかし…
Webページをある程度コーディングし,ブラウザで表示の確認をした時にその場で CSS のちょっとした手直しをしたい時がある. その時に Chrome の dev ツールをよく立ち上げていたが,不意にリロードをしてしまったり,タブを閉じるとせっかく修正したコード…
Rails の ERB で View のコードを書いている時にカスタムデータ属性( custom data attributes )を使いたい時がある. developer.mozilla.org HTML なら素直にdata-*という形式で書けば良いが, Rails ではどのように書くかを調べてみても中々見つけられなか…
「Vuetify.js」のキャッチアップをしている過程で,どうやら「CSS Flexbox」のキャッチアップも必要だと思い,進めているのですが CSS が崩れているかのチェックや実際はどのようなレイアウトでスタイルされているのかを確認するのが少し面倒になってきまし…