アイコンフォントを使って li 要素の list-style をカッコよくします。 li要素の list-style でアイコンフォントを一覧の頭に表示するには、以下のように擬似要素を使ってできます。 この例では Material Icons アイコンフォントを使っています。 ul { list-…

webpackは便利ですが設定などは慣れが必要です。 僕は面倒なので、毎度自分の過去のプロジェクトからコピーして使っています。 その内容から抜粋してブログの記事にしています。 想定としてはSinglePageApplicationとしてはアプリを作らずに、フレームワーク…

ちょうどこのダイアリの、サイドバーと記事みたいな配置がしたい。サイドバーの幅は固定長で、記事の幅は可変長に。実際にこのダイアリを表示したままブラウザのウィンドウ幅を変えてみると良い。ブラウザのウィンドウ幅を変えてもサイドバーの幅は変わらず…