CSS 【CSS】ボヤけた画像をパキッとさせる方法 書き出したサイズより小さく表示してるのに、なぜか画像がボヤける。 そんなボヤけた画像をCSSで即解決する方法をお教えします! CSSのテンプレートに追加しとくと今後検索しなくて済む。 img { ... 2021.06.01 CSSサイト制作
javascript 【jQuery】スクロールの上下方向を検知・判定する方法 ページを作成しているとスクロールで変化させたいことって結構あります。 スクロールしたら特定の位置で固定したり要素が見えたら表示したり。 今回は上下にスクロールしたらを検知・判定のご紹介です。 まずはデ... 2021.05.01 javascriptjQueryサイト制作
CSS 【CSS】「fixedで固定されない⁉」を速攻解決する方法! 固定させたい要素「header」とかロゴやドロワーメニューに「position:fixed」したのに固定されない時の解決方法のご紹介です。 親要素に「transform: translate3d(0,... 2021.04.28 CSSサイト制作
javascript 【jQuery】フォームの入力チェック|バリデーション フォームのバリデーションって作るの結構手間だよね。 チェックする項目が多いと時間かかるしプラグインを使っても良いけど、自分で作った方が修正も手軽だしなんたってカスタマイズしやすいじゃん! だからコピペ... 2021.04.25 javascriptjQueryサイト制作
CSS cssアニメーションがカクカクするのを防ぐ方法 CSSアニメーションのカクカクした動きを指摘された時、すぐ対処できる方法をご紹介! 「will-change」でGPUを使って高速処理 「will-change」を使うとアニメーションする前にブラウザ... 2021.04.17 CSSサイト制作
javascript jQueryで後ろからn番目を取得する方法 jQueryを使って後ろからn番目は取得方法が無いのでCSSの「:nth-last-child(n)」を利用して指定します。 疑似クラスで最初、最後、n番目や奇数、偶数を指定|CSS jQuery ... 2021.04.14 javascriptjQueryサイト制作
CSS ホバーした時にCSSだけで出来る様々な画像切り替え方法|その2 CSSだけでホバーした時に、様々な画像切り替え方法のご紹介。 前回ご紹介した画像切り替え方法が検索ロボットに気に入ってもらえたので もっともっと沢山のホバー演出をコピペで出来るように作りたいと思います... 2021.03.17 CSSサイト制作
javascript コピペで簡単!高機能スライダー[Swiper.js v6]の使い方|Javascript 自力でスライダーを設置するのは簡単だが、スライダーの「当たり前」機能を付けるのがすごい手間だったりする。 「レスポンシブ対応」や「スワイプやマウスオーバーでの操作」、「スライドの数が増えた時のスクリプ... 2021.03.14 javascriptサイト制作
CSS 【CSS】iOS風すりガラスエフェクトを背景に実装|Fire fox、IE11対応|backdrop-filter 特定エリアだけ背景がぼやけて表示されるCSSについてのご紹介です。 「backdrop-filter: blur(12px)」を使えば特定エリアの背景のみをぼかす(blur)させることができます。 で... 2021.03.11 CSSサイト制作
CSS 【CSS】特定ブラウザだけに効くCSSの書き方|IE10以下、IE11、Firefox、Chrome、Safari、EDGE、Opera 特定ブラウザだけに適応するCSSの書き方のご紹介です。 「IE11だけ表示がズレる」とか「FireFoxだけフォームが変」とか、「Safari」のみに対応した書き方とか、「Opera」。。。オペラはな... 2021.03.08 CSSサイト制作
javascript jQueryで要素をコピーする方法 jQueryには便利な「clone()」関数というのがある。 この「clone()」を使って簡単にDOMをコピーすることができるんです。 下のHTMLからjQueryを使ってDOMを取得します。 jQ... 2021.03.05 javascriptjQueryサイト制作
javascript 【jQuery】「エンターキー(Enter)が押されたらを取得する方法 メール送信時や、様々なインプット要素でボタンを押させずに「エンター(Enter)」で次へ行けると めちゃスムーズ。 そんなスムーズにインプットしてもらうための方法のご紹介です。 3つありますが、どれも... 2021.03.02 javascriptjQueryサイト制作
javascript 【jQuery】コピペで実装!アコーディオンメニュー3選 アコーディオンメニューをコピペで実装できるサンプル3つを用意しました。 3つ共にアコーディオンメニューは、数を増減しても同じように機能します。また「position:absolute」で高さを無くし... 2021.02.20 javascriptjQueryサイト制作
javascript 【jQuery】リンク(aタグ)を無効化&少し待ってからリンク先へ飛ぶ方法 リンクをクリックしても、飛ばないようにする方法と リンクをクリックした後、少し待ってから遷移する方法のご紹介です。 まずは、クリックしても飛ばないようにする方法です。 リンク(aタグ)を無効化する H... 2021.02.17 javascriptjQueryサイト制作
CSS 【jQuery】CSS変数をjQueryで利用する方法 CSSで指定したCSS変数をjQueryで利用する方法のご紹介です。 jQueryで変数作っちゃっても良いけど、そうできない時もある。 例えば、、、、ん~あるかなぁ。 jQueryで変数作れない時は、... 2021.02.14 CSSjavascriptjQueryサイト制作