125naroom
© 2024 125naroom
記事:34件
1ページ目
11
/
30
2023
【jQuery】スクロールして、指定した場所から出てきて、指定した場所で消える
指定した場所で出したいのですよー そして指定した場所で消したいのですねー 実装サンプル See the Pen 【jQuery】スクロールして、指定した場所から出てきて、指定した場所で消える、実装サンプル by 125n
jQuery
デザインのメモ
12
31
2022
【jQuery】規約を一番下までスクロールするとボタンが押せる
規約を一番下までスクロールするとボタンが押せるようにしたいのですができますかー? ふむふむなるほど、よく見かけますねー、活性化ですねー、できますよー。 もくじ 規約を一番下までスクロールするとボタンが押せる、実装 規約を
3
【jQuery】アコーディオン、エリア外からのアンカーでアコーディオンが開く、そしてアンカー場所へ移動する。
あのー、アンカーリンクのボタンを押したらアコーディオンが開いてその中にあるアンカーリンクの場所にスルスルーと移動させたいのですが可能ですかね? なんだかややこしそうですが、やってみましょうかー もくじ さっそく実装してみ
2
1
【jQuery】アコーディオン実装サンプル10選
jQueryのアコーディオン実装サンプルを作りました。サイト制作でよく使うものをまとめました。 いろいろありますねー いろいろあるのでまとめましたー アコーディオン、シンプル版 See the Pen アコーディオン、シ
5
【jQuery】下に固定要素を置くのでフッターの下を自動でズラす
ページの下に申し込みボタンをずっと表示させたいのですがフッターが隠れちゃうのですよねー、どうにかなりませんかねー? 自動でフッターの下をズラしちゃいましょうー もくじ さっそく実装してみる メモ さいごに さっそく実装し
19
2024
SPONSORED LINK
広告
google
10
2021
【jQuery】CDNの種類をまとめてみました
CDNってどれ使ったらいいのですかー? うーん、ちょっとまとめてみますねー もくじ CDNの種類、5選 CDNの使い方 CDNのメリットとデメリット メモ さいごに CDNの種類、5選 jQuery公式サイトに記載がある
28
【jQuery】タブを効率良く作ってみる(複数設置、プラグインなし)
1ページにタブを3個くらい置きたいのですがー おー、なるほどー。じゃあ、プラグインなしで作ってみますねー もくじ とりあえずタブを1個作ってみる(プラグインなし) タブを2個置いてみる(プラグインなし) タブを3個置いて
4
【jQuery】モーダルプラグイン『Remodal』の実装サンプル集
モーダルプラグイン『Remodal』の使い方と、制作に役立つ実装サンプルをまとめてみました。 シンプル設計で軽量なので簡単に使えます。以前はプラグインを使わずにモーダルにしていたのですが、あまりにも使い勝手がいいのでモー
9
17
【jQuery】ページ内リンクでスムーズスクロール(スクロール位置の調整も簡単にできる)
jQueryを使うとするするとスクロールして移動させることができます。 視覚的にもとても良いのでおすすめです。 また、グローバルメニューの固定などの影響で移動先が隠れてしまった(ズレた)時には簡単に調整することができます
【jQuery】アコーディオンでおしゃれなQ&Aを作ってみる
おしゃれなQ&Aを作りたいのですよねー こんなんどうでしょー もくじ アコーディオンでおしゃれなQ&Aを作ってみる メモ さいごに アコーディオンでおしゃれなQ&Aを作ってみる 今回のテーマ。 『
7
27
【jQuery】プラグインを使わずにモーダルを作ってみる
プラグインを使わずにモーダルってできますか? ふむふむ、やってみましょうー もくじ プラグインを使わないモーダルのサンプル プラグインを使わないモーダルのサンプル(同じページに複数設置) メモ さいごに 1.プラグインを
【jQuery】指定した場所までスクロールすると下からふわっと出てくる
あのー、下からふわっと出したいのですが、場所指定ってできますかー? 場所指定、できますよー もくじ 【サンプル】指定した場所までスクロールすると下からふわっと出てくる 【サンプル】指定した場所までスクロールすると上からふ
6
25
【jQuery】動画を全画面表示にして中央に表示する、スマホでも崩れない
動画をどーんと表示したいのですができますかー? できますよー もくじ 【サンプル】動画を全画面表示にして中央に表示する 【サンプル】動画を全画面表示にして中央に表示する、固定背景にしておしゃれにしてみる メモ さいごに
15
【jQuery】 ローディング、実装サンプル集
ローディングをまとめてみました。 おしゃれなサイトさんはローディングを組み込んでいるなー、と思う今日この頃です。 意外と簡単なのでお時間ありましたら組み込んでみてくださいませ。 ローディングを設定したいのですが難しいです
8
2020
【jQuery】クリッカブルマップ『RWD Image Maps』を使いこなせば、レスポンシブでもズレませーん
スマホだとクリッカブルがズレるのー! そんな時には、『RWD Image Maps』を使いましょうー もくじ(実装サンプル) 【サンプル】まるでクリッカブルしてみた もくじ(使い方) 『RWD Image Maps』のダ
14
【jQuery】横並びの高さを揃える『matchHeight.js』実装サンプル集
横並びの要素の高さを揃えてくれるプラグイン『matchHeight.js』の使い方と、制作に役立つ実装サンプルをまとめました。 「flexboxの中にあるこの部分の高さを揃えたいのだけど!」って言う時にはとってもおすすめ
26
【jQuery】遅延表示『inview.js』と『lazysizes.js』を組み合わせて、『重いページよ、さようなら』
jQueryの遅延プラグイン『inview.js』と、画像の遅延表示ができる『lazysizes.js』を組み合わせるととてもいい感じだったので備忘録です。 ふわーっと 画像の読み込みを遅くして、コンテンツも遅くしてみま
【jQuery】スクロールして表示領域に入ったら要素をアニメーション表示させる『inview.js』の実装サンプル集
jQueryの遅延(少し遅らせて表示させる、最近よく見かけるあれです)プラグイン『inview.js』の使い方と、制作に役立つ実装サンプルをまとめました。 CSSのアニメーションと組み合わせることでサイト制作の幅がとって
21
【jQuery】iOS(Safari)だと100vhが少しはみ出てしまう対策
あ、iPhoneで見るとちょっとズレてます! そんな時はブラウザの高さを自動で取得しちゃえばOKですよー もくじ 画像を画面いっぱいに表示する(ブラウザサイズを自動で取得してiOS対策) 『slick』を使って全画面表示
jQueryslick
13
【jQuery】モバイルファーストが素敵な『fancybox3』実装サンプル集
Lightboxプラグイン『fancybox3』の使い方と、制作に役立つ実装サンプルをまとめました。 とってもモバイルファーストに設計されているのでとってもおすすめです。 モバイルファースト! 共有ボタンもあるのでとって
【jQuery】『slick』を使って全画面表示のスライドショー
slickを使って全画面表示のスライドショー! レスポンシブを考えて『background』で対応しましょう! もくじ 全画面表示、実装サンプル(background対応) 全画面表示、実装サンプル(background