VSCodeでHTMLを楽に編集する環境設定

HTML や CSS の整形,自動補完,ライブプレビュー(リアルタイムプレビュー)など,編集にあたって必須と言っても過言ではない環境は,すべて VSCode とコミュニティの力で実現することができます.


CSS疑似要素にSVGを指定する方法

CSS 疑似要素の ::before や ::after は文字だけでなく,SVG を指定することもできます.


!important な CSS を上書きする

デフォルトの CSS を上書きしたくても !important で宣言されてしまっている場合,どうやって上書きすれば...と思っていましたが,結構簡単にできるんですね.


Node.js 上のウェブサイトで HTML, CSS 等を読み込む

Node.js で HTML ファイルからレンダリングするのは難しいことではありませんが,Python + Flask のときと同じ感じで書いたらはまりました.


Bootstrap でサイト構築の高速化

Bootstrap v4.0 を使ってホームページを作り直しました.コンテンツが大したことないためにメリットを最大限に活かしきれてないのが悲しいですが,これはめちゃいいです.


HTML の記述で謎に思ったこと 8 選

HTML を始めて書いた頃には,なぜどんなときに必要なのか,どうしてそう書いてるのかがわからないような記述がたくさんありました.今でもありますが.


CSSで鉛直方向に位置を調整する

CSS で左右中央にする場合は margin, width や text-align を指定すればいいですが,上下中央にする場合は height を指定しても何も起きません.


TOPへ戻るボタンをJavascriptとCSSで追加する

TOP までスクロールする操作はめんどくさく,ユーザーエクスペリエンスの低下に繋がるかもしれないので,CSS と JavaScript を使って TOP に戻るボタンを追加しました.