javascript 【jQuery】〇文字以上「…」をコピペで簡単設置！
ブログでよくある本文の省略機能だけど、自分で作ると結構手間だよね。
何かサービス作る時とかよく使うから、このページを覚えとくと便利！
じゃ～まずデモだよ。
15文字以上はカットしてその後点々デモ
15...
jQuery
javascript 
javascript 【jQuery】パーセントの計算方法
特定数Aは特定数Bの何パーセントか？
特定の値は全体の何パーセントか？
コーディングしていると、パーセントでの数値を求めたい時があります。
僕は根がバカなもので、中学校の数学の問題でも求め方が分からな...
CSS 【コピペOK！】ON/OFFスイッチのデザイン７個｜iOS風スイッチもあるよ！
フォームやインタラクティブなサイトで使えるON/OFFのトグルスイッチのデザイン7つのご紹介。
シンプルなものなので様々な所で利用できるトグルスイッチ７つを作ってみたので
ぜひぜひコピペして利用してく...
javascript 【jQuery】コピペでスクロール値を常に画面に表示させる
スクロールアニメーションを作る時に、スクロール値をコンソールで確認するのも良いけど
そうするとHTMLやCSSがブラウザ上で編集しずらくなる。
それなら画面にスクロール値だけ表示しておけば便利じゃん...
javascript 【jQuery】特定クラスがリストの何番目にあるかを取得！
リストの特定クラスが何番目にあるのかの取得方法をご紹介。
var number = $('.sample').index('ul li');
「$('.sample')」に番号を取得したい特定のクラ...
javascript 【jQuery】iOS・iPadOSでスクロールすると発生するリサイズ処理を止める方法
iPhone（iOS）のSafariでスクロールするとリサイズ処理が走るのやめて欲しい。
実機でしか確認できないので、忘れる時があるから困っちゃう。
この厄介なリサイズ処理問題の原因は、スクロールす...
javascript 【jQuery】offset().topエラーになる原因
jQueryでトップからの位置を取得する「offset().top」ですが、
chromeの開発ツールで確認するとたまにエラーになる時がある。
ちゃんと取得してたはずなのに、なんでこんな表示が出てる...
javascript 【jQuery】スクロールの上下方向を検知・判定する方法
ページを作成しているとスクロールで変化させたいことって結構あります。
スクロールしたら特定の位置で固定したり要素が見えたら表示したり。
今回は上下にスクロールしたらを検知・判定のご紹介です。
まずはデ...
javascript jQueryで後ろからｎ番目を取得する方法
jQueryを使って後ろからｎ番目は取得方法が無いのでCSSの「:nth-last-child(n)」を利用して指定します。
疑似クラスで最初、最後、n番目や奇数、偶数を指定｜CSS
jQuery
...
javascript jQueryで要素をコピーする方法
jQueryには便利な「clone()」関数というのがある。
この「clone()」を使って簡単にDOMをコピーすることができるんです。
下のHTMLからjQueryを使ってDOMを取得します。
jQ...
javascript 【jQuery】「エンターキー(Enter)が押されたらを取得する方法
メール送信時や、様々なインプット要素でボタンを押させずに「エンター(Enter)」で次へ行けると
めちゃスムーズ。
そんなスムーズにインプットしてもらうための方法のご紹介です。
３つありますが、どれも...
javascript 【jQuery】コピペで実装！アコーディオンメニュー３選
アコーディオンメニューをコピペで実装できるサンプル３つを用意しました。
３つ共にアコーディオンメニューは、数を増減しても同じように機能します。また「position:absolute」で高さを無くし...
javascript 【jQuery】リンク(aタグ)を無効化＆少し待ってからリンク先へ飛ぶ方法
リンクをクリックしても、飛ばないようにする方法と
リンクをクリックした後、少し待ってから遷移する方法のご紹介です。
まずは、クリックしても飛ばないようにする方法です。
リンク（aタグ）を無効化する
H...
CSS 【jQuery】CSS変数をjQueryで利用する方法
CSSで指定したCSS変数をjQueryで利用する方法のご紹介です。
jQueryで変数作っちゃっても良いけど、そうできない時もある。
例えば、、、、ん～あるかなぁ。
jQueryで変数作れない時は、...
CSS Yes/No診断テストをjQueryで作りました！ダウンロードですぐに利用可能
いつも当ブログを見てくださりありがとうございます！
「Yes/No診断テスト」を自由に使っていただけるよう、jQueryで作成しました。
Yes/No診断テスト
再配布以外は著作権フリーで利用可能です...