javascript 【jQuery】VRトラッキングみたいに、カーソルを丸くしクリックアクションを追加する方法 カーソル(cursor)を矢印ではなく丸くし、クリックでポワンっと広がるアニメーションを追加する方法を説明! この~。。。なんて言うんだろう? 「カーソルが好きな形に変化するや~つ(仮名)」がサイト... 2022.02.23 javascriptjQueryサイト制作
javascript 【jQuery】〇文字以上「…」をコピペで簡単設置! ブログでよくある本文の省略機能だけど、自分で作ると結構手間だよね。 何かサービス作る時とかよく使うから、このページを覚えとくと便利! じゃ~まずデモだよ。 15文字以上はカットしてその後点々デモ 15... 2021.11.26 javascriptjQueryサイト制作
javascript 【jQuery】パーセントの計算方法 特定数Aは特定数Bの何パーセントか? 特定の値は全体の何パーセントか? コーディングしていると、パーセントでの数値を求めたい時があります。 僕は根がバカなもので、中学校の数学の問題でも求め方が分からな... 2021.09.23 javascriptjQueryサイト制作
CSS 【コピペOK!】ON/OFFスイッチのデザイン7個|iOS風スイッチもあるよ! フォームやインタラクティブなサイトで使えるON/OFFのトグルスイッチのデザイン7つのご紹介。 シンプルなものなので様々な所で利用できるトグルスイッチ7つを作ってみたので ぜひぜひコピペして利用してく... 2021.09.20 CSSjavascriptjQueryサイト制作
javascript 【jQuery】コピペでスクロール値を常に画面に表示させる スクロールアニメーションを作る時に、スクロール値をコンソールで確認するのも良いけど そうするとHTMLやCSSがブラウザ上で編集しずらくなる。 それなら画面にスクロール値だけ表示しておけば便利じゃん... 2021.09.13 javascriptjQueryサイト制作
javascript 【jQuery】特定クラスがリストの何番目にあるかを取得! リストの特定クラスが何番目にあるのかの取得方法をご紹介。 var number = $('.sample').index('ul li'); 「$('.sample')」に番号を取得したい特定のクラ... 2021.09.06 javascriptjQueryサイト制作
javascript 【jQuery】iOS・iPadOSでスクロールすると発生するリサイズ処理を止める方法 iPhone(iOS)のSafariでスクロールするとリサイズ処理が走るのやめて欲しい。 実機でしか確認できないので、忘れる時があるから困っちゃう。 この厄介なリサイズ処理問題の原因は、スクロールす... 2021.06.07 javascriptjQueryサイト制作
javascript 【jQuery】offset().topエラーになる原因 jQueryでトップからの位置を取得する「offset().top」ですが、 chromeの開発ツールで確認するとたまにエラーになる時がある。 ちゃんと取得してたはずなのに、なんでこんな表示が出てる... 2021.06.04 javascriptjQueryサイト制作
javascript 【jQuery】スクロールの上下方向を検知・判定する方法 ページを作成しているとスクロールで変化させたいことって結構あります。 スクロールしたら特定の位置で固定したり要素が見えたら表示したり。 今回は上下にスクロールしたらを検知・判定のご紹介です。 まずはデ... 2021.05.01 javascriptjQueryサイト制作
javascript jQueryで後ろからn番目を取得する方法 jQueryを使って後ろからn番目は取得方法が無いのでCSSの「:nth-last-child(n)」を利用して指定します。 疑似クラスで最初、最後、n番目や奇数、偶数を指定|CSS jQuery ... 2021.04.14 javascriptjQueryサイト制作
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サイト制作