125naroom
© 2024 125naroom
記事:34件
1ページ目
4
/
2024
【jQuery】 ローディング、実装サンプル集
ローディングをまとめてみました。おしゃれなサイトさんはローディングを組み込んでいるなー、と思う今日この頃です。意外と簡単なのでお時間ありましたら組み込んでみてくださいませ。 ローディングを設定したいのですが難しいですかー
jQuery
デザインのメモ
3
【jQuery】指定した場所までスクロールすると下からふわっと出てくる
あのー、下からふわっと出したいのですが、場所指定ってできますかー? 場所指定、できますよー 【サンプル】指定した場所までスクロールすると下からふわっと出てくる まずはスクロールですねー See the Pen 【jQue
2
【jQuery】アコーディオン実装サンプル10選
jQueryのアコーディオン実装サンプルを作りました。サイト制作でよく使うものをまとめました。 いろいろありますねー いろいろあるのでまとめましたー アコーディオン、シンプル版 See the Pen アコーディオン、シ
11
30
2023
【jQuery】スクロールして、指定した場所から出てきて、指定した場所で消える
指定した場所で出したいのですよー そして指定した場所で消したいのですねー 実装サンプル See the Pen 【jQuery】スクロールして、指定した場所から出てきて、指定した場所で消える、実装サンプル by 125n
12
31
2022
【jQuery】規約を一番下までスクロールするとボタンが押せる
規約を一番下までスクロールするとボタンが押せるようにしたいのですができますかー? ふむふむなるほど、よく見かけますねー、活性化ですねー、できますよー。 規約を一番下までスクロールするとボタンが押せる、実装 一番下までスク
27
SPONSORED LINK
広告
google
【jQuery】アコーディオン、エリア外からのアンカーでアコーディオンが開く、そしてアンカー場所へ移動する。
あのー、アンカーリンクのボタンを押したらアコーディオンが開いてその中にあるアンカーリンクの場所にスルスルーと移動させたいのですが可能ですかね? なんだかややこしそうですが、やってみましょうかー さっそく実装してみる Se
1
5
【jQuery】下に固定要素を置くのでフッターの下を自動でズラす
ページの下に申し込みボタンをずっと表示させたいのですがフッターが隠れちゃうのですよねー、どうにかなりませんかねー? 自動でフッターの下をズラしちゃいましょうー さっそく実装してみる See the Pen 【jQuery
10
2021
【jQuery】CDNの種類をまとめてみました
CDNってどれ使ったらいいのですかー? うーん、ちょっとまとめてみますねー CDNの種類、5選 jQuery公式サイトに記載がある5種類を紹介します。公式に載っているので安心ですね。 jQueryのCDN Googleの
28
【jQuery】タブを効率良く作ってみる(複数設置、プラグインなし)
1ページにタブを3個くらい置きたいのですがー おー、なるほどー。じゃあ、プラグインなしで作ってみますねー とりあえずタブを1個作ってみる(プラグインなし) 今回のテーマ。 See the Pen 【jQuery】タブを効
【jQuery】モーダルプラグイン『Remodal』の実装サンプル集
モーダルプラグイン『Remodal』の使い方と、制作に役立つ実装サンプルをまとめてみました。 シンプル設計で軽量なので簡単に使えます。以前はプラグインを使わずにモーダルにしていたのですが、あまりにも使い勝手がいいのでモー
9
17
【jQuery】ページ内リンクでスムーズスクロール(スクロール位置の調整も簡単にできる)
jQueryを使うとするするとスクロールして移動させることができます。視覚的にもとても良いのでおすすめです。また、グローバルメニューの固定などの影響で移動先が隠れてしまった(ズレた)時には簡単に調整することができます。
【jQuery】アコーディオンでおしゃれなQ&Aを作ってみる
おしゃれなQ&Aを作りたいのですよねー こんなんどうでしょー アコーディオンでおしゃれなQ&Aを作ってみる 今回のテーマ。 transitionで簡単なアニメーションをつけてみる。 See the Pen
7
【jQuery】プラグインを使わずにモーダルを作ってみる
プラグインを使わずにモーダルってできますか? ふむふむ、やってみましょうー プラグインを使わないモーダルのサンプル スマホでも問題ない。IEでも問題ない。完成ですー。 See the Pen 【jQuery】プラグインを
6
25
【jQuery】動画を全画面表示にして中央に表示する、スマホでも崩れない
動画をどーんと表示したいのですができますかー? できますよー 【サンプル】動画を全画面表示にして中央に表示する 動画の上にタイトルを置いてみます。スクロールできますー。 See the Pen 【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