CSS3

CSSプリプロセッサー（SASSやLESSなど）を使用せずに日々CSSを書いている方こんにちは！
日々CSSを記述している中で、セレクタや同じプロパティを繰り返し膨大なCSSファイルを作成していませんか？

CSSの ...

どうしても影（ドロップシャドウ）をつけたい方こんにちわ。
そうでもない方も参考までにみてってよ！

先日こんな依頼がありました。
「吹き出しに影（ドロップシャドウ）をつけて欲しい」
ふむ、出っ張った部 ...

先日回ってきたデザインに、これがありました。
ボタンの縁がグラデーションで両端を丸くするデザイン。
border-imageにlinear-gradient()を指定して、
border-radiusを指定した ...

最近は「残業しない！」をモットーに仕事をしています。
みなさんこんにちは。

overflowを設定した要素をiphoneでスクロールしてみたら
手を離した瞬間に止まった！？
そんな時は「-webki ...

flexを制するものはCSSを制す！まぁいいすぎですね、しかしCSSを制す為の一歩にはなる！
と、言うわけで前回の
CSSのこれからはflexの時代だ！flexboxを使いこなすためのプロパティ一覧
に続いて「 ...

float はもう古い、grid はまだ早い
まさに flex の時代！！（言い過ぎ）
けど、まぁ、flexbox の需要が高まってそうなのでまとめてみた。

そもそもflexboxってなに？

flexboxと ...

モーダルやドロワーを表示した際に背景部分のスクロールはできれば固定したい！
モーダル内にinput要素を作ったけどiPhoneでフォーカスがずれる！
などなどをサクッと解決したのが今回の方法です。

See ...

簡単に言うと変数が使えるようになる機能です
あらかじめよく使う値を変数に入れておけば、CSS内で自由に呼び出して使うことができます。

ブラウザの対応状況はCan I use
残念ながらIE11が非対応（20 ...

IEにて、指定した幅を超えても文章が改行されず、幅が広がっていく現象に遭遇、
解決したので、その内容を忘備録的に残す。

HTML<table class="u-border1">
& ...

仕事中に遭遇するこんな書き方
「.post div.itemwrap ul li p {}」
「#systemWrap section {}」
まぢやめて。

ダメなCSSのセレクタ指定方法明確な理由がない ...