CSS, HTML, web制作

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

web制作, WordPress

先日VMにWordPressをインストールした時にトップページ以外が404で「なんでじゃー」ってなりました。
同じようなことが起きた方、こんにちわ
WordPressをインストールした際のトラブル、
「トップペ ...

CSS, HTML, web制作

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

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

jquery, web制作

「${}ってなんだろう」って方こんにちわ。
「知ってるよ。」って方には基本的な内容かもしれませんがお付き合いください。
${}を知ってしまったらもう使いたくてしょうがなくなること請け合いです。

${}って何? ...

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のセレクタ指定方法明確な理由がない ...

スポンサーリンク