Make組ブログ

Python、Webサービスや製品開発、ライブラリー開発についてhirokikyが書きます

css

HTMLのli要素でアイコンフォントを使って、かつ改行時にインデントを揃えるCSS

css

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

Webpack (v4) で複数のJavaScriptファイル、CSSファイルを分けてビルドする

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

CSSで固定長のブロックの横に可変長のブロックを置く方法

css

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