HTMLのli要素でアイコンフォントを使って、かつ改行時にインデントを揃えるCSS
アイコンフォントを使って li 要素の list-style をカッコよくします。 li要素の list-style でアイコンフォントを一覧の頭に表示するには、以下のように擬似要素を使ってできます。 この例では Material Icon…
Webpack (v4) で複数のJavaScriptファイル、CSSファイルを分けてビルドする
webpackは便利ですが設定などは慣れが必要です。 僕は面倒なので、毎度自分の過去のプロジェクトからコピーして使っています。 その内容から抜粋してブログの記事にしています。 想定としてはSinglePageApplicationとしてはア…
CSSで固定長のブロックの横に可変長のブロックを置く方法
ちょうどこのダイアリの、サイドバーと記事みたいな配置がしたい。サイドバーの幅は固定長で、記事の幅は可変長に。実際にこのダイアリを表示したままブラウザのウィンドウ幅を変えてみると良い。ブラウザのウィンドウ幅を変えてもサイドバーの幅は変わらず、…