色々調べた結果、 いい感じな改行を実現するSCSS mixin。 こんな感じになった。 まず、 body { word-wrap: break-word; } これはURLとかの長い半角文字列が改行されずに親要素の横幅をこえてしまうのを防ぐためにする設定。 次の pre { overflow: auto; whit…

SassにKeywords Argumentsなんていうのがあるのを知った。 これがとても便利で例えば、 @mixin test($a: true, $b: true, $c: true) { @if $a { // ... } @if $b { // ... } @if $c { // ... } } こんなmixinがあったとして、 「$cだけfalseにしたい」 なん…

Compassで@include linear-gradientすると background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dd8099), color-stop(100%, #d86c89)); background-image: -webkit-linear-gradient(#dd8099 0%, #d86c89 100%); background-image…

ペケマークよく使うからSCSS+Compassで手軽に作れるようにしてみた。 とは言ってもIE8以下だとtransformが使えないのでしばらくは専らモバイル用。

画像だけサブドメイン・別ドメインで運用したりするとき、例えばこんな場合、 ローカル: ./images 本番環境: http://pic.xxx.com images_path = './images' ↑の設定でローカル開発中に生成されたスタイルシートは本番環境で使うことができない。 かと言ってi…

どんどん種類が増えていくテキストフィールドに対してスタイルを設定するのはナンセンスなので、input, textareaでテキストフィールドのスタイリングをして、その後ろに少数派のチェックボックス・ラジオボタン・ボタンのスタイルを記述していくと良さそげ。…