CSS

メニューに複数のアコーディオンを設置
2019年10月24日
コーディング
/ /
メニュー内にアコーディオンを複数設置した時に、バラバラの動きをさせるのにてこずったのでメモ。 クラスをつけてやればいいじゃないか！ たとえばこんな ul要素の中の li があったとして、 <li…
スクロールしたらクラスをつける
2019年10月17日
コーディング
/ /
ページをスクロールしたら表示させたいor非表示にしたい。そんな時のためのjsをメモ。 スクロールしてヘッダーの背景に色をつけてみる headerタグにクラス .bg_white をつけて背景を白にしよ…
疑似クラス nth-of-type をアレンジしてみた
2019年9月26日
コーディング
/ /
疑似クラスが使いこなせると便利です。 ベースとなるhtml + css 横山裕 丸山隆平 大倉忠義 渋谷すばる 錦戸亮 安田章大 村上信五 <div class="memberwrap…
jquery.matchHeight.jsで高さをそろえてみた
2019年9月12日
コーディング
/ / /
横並びの要素の高さがそろわないモヤモヤを解消してくれる jquery.matchHeight.js 便利です。愛用してます。 使い方は簡単！ $(function() { $('.hoge&#…
cssで三角をつくろう
2019年9月11日
コーディング
/
::before や ::after の疑似要素で三角つけること、けっこうあります。 アイコンとして画像をつかってもいいけど、 cssで三角がつくれれば意外と簡単！ cssで三角作るって、むつかしいん…
ページ内移動をスムーズにしたい
2019年9月5日
コーディング
/ /
ページ内リンクがスルスル～～と移動してくれると見ていて気持ちいいですよね。 そんなスムーズスクロールのおはなし。 cssだけで出来ちゃったりする？ cssのみでスムーズスクロールの実装が出来ます。 h…
配色に困ったときに便利なサイト
2019年9月4日
おすすめサイト
/
デザインはほとんどやらないコーダーですが、 だからこそ配色には迷います。 Randam material palette generatorを使おう 配色に迷った時にはこちらのサイトを使っています。 …
Bootstrapのカスタマイズ
2019年9月3日
おすすめサイト
/ /
Bootstrapって便利ですよね。 かゆいところに手が届くbootstrapですが、ちょっとだけカスタムしたいこともあります。 Bootstrapの最新バージョンは4.3 2019年9月現在の最新バ…
セレクタ名ネーミング問題について
2019年9月2日
おすすめサイト
/
コーディングしていると、クラス名・ID名を考えているうちに何が何だかわからなくなることないですか？？ やすこはよくあります・・・ ネーミングはニガテですか？ codic というサイトをみつけました。 …
inputタグ カスタムしてみた
2019年8月26日
コーディング
/ / /
フォームをオリジナルで設置する・・・ なかなかないことだけど、その都度忘れてる「inputタグのカスタム」 自分の備忘録としてここに記事にします。 placeholderのテキストの色を変えたい。 今…