CSS
-
メニューに複数のアコーディオンを設置
メニュー内にアコーディオンを複数設置した時に、バラバラの動きをさせるのにてこずったのでメモ。 クラスをつけてやればいいじゃないか！ たとえばこんな ul要素の中…
-
スクロールしたらクラスをつける
ページをスクロールしたら表示させたいor非表示にしたい。そんな時のためのjsをメモ。 スクロールしてヘッダーの背景に色をつけてみる headerタグにクラス .…
-
疑似クラス nth-of-type をアレンジしてみた
ベースとなるhtml + css 横山裕 丸山隆平 大倉忠義 渋谷すばる 錦戸亮 安田章大 村上信五 n番目だけ色を変える 横山裕 丸山隆平 大倉忠義 渋谷すば…
-
jquery.matchHeight.jsで高さをそろえてみた
横並びの要素の高さがそろわないモヤモヤを解消してくれる jquery.matchHeight.js 便利です。愛用してます。 使い方は簡単！ 高さをそろえたい要…
-
cssで三角をつくろう
::before や ::after の疑似要素で三角つけること、けっこうあります。 アイコンとして画像をつかってもいいけど、 cssで三角がつくれれば意外と簡…
-
ページ内移動をスムーズにしたい
ページ内リンクがスルスル～～と移動してくれると見ていて気持ちいいですよね。 そんなスムーズスクロールのおはなし。 cssだけで出来ちゃったりする？ cssのみで…
-
配色に困ったときに便利なサイト
デザインはほとんどやらないコーダーですが、 だからこそ配色には迷います。 Randam material palette generatorを使おう 配色に迷っ…
-
Bootstrapのカスタマイズ
Bootstrapって便利ですよね。 かゆいところに手が届くbootstrapですが、ちょっとだけカスタムしたいこともあります。 Bootstrapの最新バージ…
-
セレクタ名ネーミング問題について
コーディングしていると、クラス名・ID名を考えているうちに何が何だかわからなくなることないですか？？ やすこはよくあります・・・ ネーミングはニガテですか？ c…
-
inputタグ カスタムしてみた その4
前回書いた記事 inputタグ カスタムしてみた inputタグ カスタムしてみた その2 inputタグ カスタムしてみた その3 の続編を自分の備忘録として…