CSS CSSで改行コード<br>を無効化（消す）する方法
レスポンシブサイトを作る時とかに、PC表示の時は改行を入れたいけどスマホ表示の時は改行を無くしたい。
そんな時はCSSで<br>を消して対応しよう！！
例えば、こんなHTMLの時...
H...
CSS 
CSS 【CSS】:notで複数の要素を指定する方法
CSSでスタイリングしていると、「最初の要素以外」とか「特定class以外」にスタイルを当てたい時がある。
そんな時に使うのが疑似要素の「:not」です。
例えばリストの最初の要素以外を指定する時は「...
javascript 【jQuery】iOS・iPadOSでスクロールすると発生するリサイズ処理を止める方法
iPhone（iOS）のSafariでスクロールするとリサイズ処理が走るのやめて欲しい。
実機でしか確認できないので、忘れる時があるから困っちゃう。
この厄介なリサイズ処理問題の原因は、スクロールす...
javascript 【jQuery】offset().topエラーになる原因
jQueryでトップからの位置を取得する「offset().top」ですが、
chromeの開発ツールで確認するとたまにエラーになる時がある。
ちゃんと取得してたはずなのに、なんでこんな表示が出てる...
CSS 【CSS】ボヤけた画像をパキッとさせる方法
書き出したサイズより小さく表示してるのに、なぜか画像がボヤける。
そんなボヤけた画像をCSSで即解決する方法をお教えします！
CSSのテンプレートに追加しとくと今後検索しなくて済む。
img {
...
javascript 【jQuery】スクロールの上下方向を検知・判定する方法
ページを作成しているとスクロールで変化させたいことって結構あります。
スクロールしたら特定の位置で固定したり要素が見えたら表示したり。
今回は上下にスクロールしたらを検知・判定のご紹介です。
まずはデ...
CSS 【CSS】「fixedで固定されない⁉」を速攻解決する方法！
固定させたい要素「header」とかロゴやドロワーメニューに「position:fixed」したのに固定されない時の解決方法のご紹介です。
親要素に「transform: translate3d(0,...
javascript 【jQuery】フォームの入力チェック|バリデーション
フォームのバリデーションって作るの結構手間だよね。
チェックする項目が多いと時間かかるしプラグインを使っても良いけど、自分で作った方が修正も手軽だしなんたってカスタマイズしやすいじゃん！
だからコピペ...
CSS cssアニメーションがカクカクするのを防ぐ方法
CSSアニメーションのカクカクした動きを指摘された時、すぐ対処できる方法をご紹介！
「will-change」でGPUを使って高速処理
「will-change」を使うとアニメーションする前にブラウザ...
javascript jQueryで後ろからｎ番目を取得する方法
jQueryを使って後ろからｎ番目は取得方法が無いのでCSSの「:nth-last-child(n)」を利用して指定します。
疑似クラスで最初、最後、n番目や奇数、偶数を指定｜CSS
jQuery
...
CSS ホバーした時にCSSだけで出来る様々な画像切り替え方法｜その２
CSSだけでホバーした時に、様々な画像切り替え方法のご紹介。
前回ご紹介した画像切り替え方法が検索ロボットに気に入ってもらえたので
もっともっと沢山のホバー演出をコピペで出来るように作りたいと思います...
javascript コピペで簡単！高機能スライダー[Swiper.js v6]の使い方｜Javascript
自力でスライダーを設置するのは簡単だが、スライダーの「当たり前」機能を付けるのがすごい手間だったりする。
「レスポンシブ対応」や「スワイプやマウスオーバーでの操作」、「スライドの数が増えた時のスクリプ...
CSS 【CSS】iOS風すりガラスエフェクトを背景に実装｜Fire fox、IE11対応｜backdrop-filter
特定エリアだけ背景がぼやけて表示されるCSSについてのご紹介です。
「backdrop-filter: blur(12px)」を使えば特定エリアの背景のみをぼかす（blur）させることができます。
で...
CSS 【CSS】特定ブラウザだけに効くCSSの書き方｜IE10以下、IE11、Firefox、Chrome、Safari、EDGE、Opera
特定ブラウザだけに適応するCSSの書き方のご紹介です。
「IE11だけ表示がズレる」とか「FireFoxだけフォームが変」とか、「Safari」のみに対応した書き方とか、「Opera」。。。オペラはな...
javascript jQueryで要素をコピーする方法
jQueryには便利な「clone()」関数というのがある。
この「clone()」を使って簡単にDOMをコピーすることができるんです。
下のHTMLからjQueryを使ってDOMを取得します。
jQ...