読者です 読者をやめる 読者になる 読者になる

素人趣味のWeb制作ブログ

素人趣味でやってるWeb制作とかプログラミングとかそっち系の話題についてのブログです。

素人趣味でやってるWeb制作とかプログラミングとかそっち系の話題についてのブログです。

いい感じに改行を行いたい

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

ベンダープレフィックスを良い感じにしてくれるautoprefixerを試した

CSS

autoprefixerが良さそげだったので試してみた。 検証にはgruntで使えるgrunt-autoprefixerを使った。 普通に試してみる .box { background-size: cover; } まずはオプションなしで↑を変換すると試してみると次のようになった。 .box { -webkit-background-si…

linear-gradientの記述を極限まで減らす

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…

CSSでペケマーク

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

入力フィールドのスタイル設定のメモ

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

はてなブログのシンタックスハイライトの色を変更する

シンタックスハイライトの色を変えたいので頑張ってみる。