要素の横並びをリキッドレイアウト（%単位）で、ネガティブマージンを使って実装する方法
ホームページを作っていると頻繁に行うデザイン「横並び」。これをリキッドレイアウト+ネガティブマージンで実装する内容です。 2014年10月23日追記： 以降で述べる計算をそのまま使ったWebツールを作ってみました。ちょっ […]
カテゴリー: CSS 記事一覧
Compassのsingle-text-shadowに引数を渡すときの使い方。公式リファレンスの方法では使えない？
SASSと、そのフレームワークであるCompassを使ってテキストに影を付けようとしたときの話です。 テキストに影を付けたい場合、Compassが提供しているmixinsingle-text-shadowを使えばチョチョ […]
[Sass]４つの値を指定するだけでストライプ柄（縞模様）を実装するmixin
CSSでストライプ柄（縞模様）を実現させる方法を見つけたので、それをmixinにしてみました。 ストライプ柄のタイプ（斜め、横、円など） 色1 色2 線の太さ の４つの値を指定するだけで背景をストライプ柄にデザイン出来ま […]
SASSファイルをWindowsコマンドプロンプトから文字化けさせずにコンパイルする方法
SASSファイルをWindowsコマンドプロンプトからコンパイルすると、僕の環境では主に日本語が文字化けします。 SASSファイルから生成したCSSファイルを直接弄るワケでもないので特に問題は無いと思っていたのですが、C […]