mgtnsn.com
  • HTML / CSS
  • JS / jQuery
  • PHP / WordPress
  • EC
  1. home ブログTOP
  2. カテゴリ:JavaScript / jQuery

[JS] JavaScriptの基本構文まとめ(if, for, 配列, 計算, 日付, etc…)

JavaScriptの基本的な文法のまとめです。 他の言語のまとめはこちら: JavaScript(JS)の基本構文まとめ(当記事) PHPの基本構文まとめ Shopify Liquidの基本構文まとめ 変数宣言 条件分 […]

2023-04-22

[JS] iframeで読み込んだ要素の高さ指定(レスポンシブ対応)

<iframe> で外部のHTMLを埋め込むとき、スクロールを発生させないためには <iframe> にコンテンツ分の高さ指定が必要です(デフォルトは150px)。しかしその外部HTMLがレスポン […]

2023-03-05

YouTubeをbackground-size:coverっぽく表示させる方法(YouTube API + jQuery)

要素に背景画像を置くとき、幅or高さの長いほうに合わせて画像を引き伸ばすには background-color: cover; というCSSを使います。(最近だと object-fit:cover; も有効です) 今回は […]

2023-03-04

スライダープラグイン「Swiper」の基本の使い方

「Swiper」は、レスポンシブ対応のスライダープラグインです。スライダープラグインは数多くありますが、「Swiper」はjQuery等のライブラリを使わず、それ単体で動作するのが特徴です。当記事では、Swiperを使う […]

2022-10-15

スライダープラグイン「slick」の基本の使い方

「slick」は、レスポンシブ対応のjQueryスライダープラグインです。当記事では、slickを使うために最低限押さえておきたいポイントをまとめます。 公式サイト : https://kenwheeler.github […]

2022-08-13

[jQuery] スクロールして、要素が画面内に入ったか・出たかを判定する

タイトルの通りです:)判定の考え方にも色々あるため(要素が1pxでも入っていればいいのか?画面の中央に来たくらいがいいのか?など)、そのあたりも網羅していきたいと思います。 色々な判定の組み合わせ一覧 画面:下 × 要素 […]

2022-07-17
  1. home ブログTOP
  2. カテゴリ:JavaScript / jQuery
  • CSS
  • futureshop
  • Git
  • Google フォーム
  • JavaScript
  • jQuery
  • PHP
  • Shopify
  • slick
  • Swiper
  • WordPress
  • YouTube
  • スライダー
  • ターム
  • タクソノミー
  • 当サイトについて
  • プライバシーポリシー
© mgtnsn.com