コーディング

  • HOME
  • コーディング
スクロールしたらクラスをつける
2019年10月17日
コーディング
/ /
ページをスクロールしたら表示させたいor非表示にしたい。そんな時のためのjsをメモ。 スクロールしてヘッダーの背景に色をつけてみる headerタグにクラス .bg_white をつけて背景を白にしよ…
疑似クラス nth-of-type をアレンジしてみた
2019年9月26日
コーディング
/ /
疑似クラスが使いこなせると便利です。 ベースとなるhtml + css 横山裕 丸山隆平 大倉忠義 渋谷すばる 錦戸亮 安田章大 村上信五 <div class="memberwrap…
IE11で背景が表示されないとき
2019年9月17日
コーディング
IE対応ってコーディングしてると永遠につきまとう難題だと思っています。 難題には立ち向かわねばなりません。 ググればたくさん出てくる詳しい説明は置いといて、解決策だけご提案！ 背景が表示されない！ そ…
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…
inputタグ カスタムしてみた
2019年8月26日
コーディング
/ / /
フォームをオリジナルで設置する・・・ なかなかないことだけど、その都度忘れてる「inputタグのカスタム」 自分の備忘録としてここに記事にします。 placeholderのテキストの色を変えたい。 今…
Swiper 文字サイズ問題について
2019年8月23日
コーディング
/ /
PCやブラウザのデベロッパーツールで確認したときにはうまく出来てるのに、実機（iPhone）で見ると文字サイズが変わってしまう！！ スライダー・カルーセルとしておなじみの Swiper いろんなオプシ…
疑似要素と疑似クラス
2019年8月21日
コーディング
/ / /
疑似要素？疑似クラス？ cssの勉強をはじめて最初のうちはなにがなんだかよくわからない疑似モノ・・・ きちんとした日本語で書かれているページはたくさんありましたが、どうも日本語の理解力が乏しいのでピン…
画面の下にひょっこり出てくるフッター
2019年8月19日
コーディング
/ /
ページの一番下にあるはずのフッターを、 少しだけスクロールしたら画面の下にひょっこり表示させたいことありますよね。 ひょっこりするフッターつくってみよう htmlは普通に作成してOK！ <foo…