CSS, HTML

最近は、サイトのリニューアルに追われて
右往左往するミーティング参加者たちを横目に
ほぼ定時で帰る日々を過ごしています。
みなさんこんにちわ。

サイトをある程度運営していく上で、
個別のペー ...

CSS, HTML, web制作

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

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

CSS, HTML, web制作

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

CSS, HTML, web制作

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

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

CSS, HTML, web制作

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

CSS, HTML, web制作

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

そもそもflexboxってなに?

flexboxと ...

CSS, HTML, jquery

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

See ...

CSS, web制作

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

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

CSS, web制作

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

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

CSS, HTML, web制作

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

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

スポンサーリンク