カテゴリー: JavaScript
-
親要素の幅ぴったりになるようフォントサイズを調整してくれるJavaScriptライブラリ「Fitty」
Fittyは、親要素の幅に合わせてフォントサイズを自動調整してくれるJavaScriptライブラリです。日本語…
-
横幅の狭いデバイスでもレイアウトが崩れないようにページ全体を縮小表示できるJavaScriptライブラリ「Viewport Extra」
Viewport Extraは、幅の狭いスマホでもはみ出したりレイアウトが崩れないように、ページ全体を縮小表示…
-
inputタグにクレジットカード番号や電話番号などのフォーマットを適用できるJavaScriptライブラリ「Cleave.js」
Cleave.jsは、inputタグにクレジットカードや電話番号、日付などのフォーマットを適用できるJavaS…
-
JavaScriptで参照しているページのURL全体やURL内の一部を取得する方法
JavaScriptでURLの情報を取得する方法をご紹介いたします。 URLの情報を取得するにはlocatio…
-
スクロールと動画を連動させることができるJavaScriptライブラリ「ScrollyVideo.js」
ScrollyVideo.jsは、スクロールと動画を連動させられるJavaScriptライブラリです。スクロー…
-
ローディング画面などを初回アクセス時のみ表示させる方法
サイトへのアクセスが初回の時だけ何らかの処理を行う方法をご紹介いたします。 例えば、ローディング画面を初回アク…
-
jQueryのスライダープラグイン「slick」でスライダーの一時停止処理を実装する方法
slickで実装されたスライダーで、ボタンをクリックしたらスライダーを一時停止できるようにする方法をご紹介いた…
-
フォームで入力可能な残りの文字数をカウントして表示できるjQueryプラグイン「maxlength plugin」
maxlength pluginは、フォームのinputやtextareaのmaxlengthを読み取って、残…
-
Cookieの同意を促すポップアップを簡単に実装できるjQueryプラグイン「jQuery Cookie Consent Plugin」
jQuery Cookie Consent Pluginは、Cookie使用への同意ボタンをポップアップ表示で…
-
WordPressの投稿一覧を無限スクロール化できるJavaScriptプラグイン「Infinite Scroll」
Infinite Scrollは次のページのコンテンツを読み込んで、無限スクロールを実現するJavaScrip…
-
右クリック・ドラッグ&ドロップ・スマホでの長押しを無効化して画像保存を禁止する方法
PCだと右クリックやドラッグ&ドロップ、スマホでは長押しによる画像の保存を禁止する方法をご紹介いたしま…
-
直前に開いていたページに戻るリンクを実装する方法
直前に開いていたページに戻るためのリンクを実装する方法をご紹介いたします。 ブラウザの戻るボタンを使えば良い話…