jQuery・js・PHP

スポンサーリンク
jQuery・js・PHP

スライダー/カルーセル「Flickity」が突然不具合(表示されない)<CDNの盲点>

レスポンシヴ対応のスライダー「flickity」、jQueryに依存しないのでCDNで使えばHTMLファイル1つで動きます。 このファイル一つで動くのは楽天やヤフーショッピングのページ作りにはとても便利なので多用していました。 公式サイ...
Bootstrap4

カウントダウンタイマー<jQueryプラグイン「yycoutdown」>

楽天のスーパーセールやお買い物マラソン、ヤフーショッピングなどのセールに使えるカウントダウンの付いたページ。 そんなページを使う時に便利なのがjQueryプラグイン「yycoutdown」。 jQueryカウントダウンタイマー【デザイン...
jQuery・js・PHP

jsファイルの読み込みでjQueryのCDNも読み込む

楽天やヤフーでのひと気システム(にぎわい演出システム&自動更新)。売り上げやランキング、レビューなんかを自動更新するシステムなんですが一度提供元にHTMLファイルを提出するとFTPで送られてくるHTMLは修正できません。(修正には追加料金が...
スポンサーリンク
Bootstrap4

スライダー「Slider Pro」がIE(Internet Explorer)で動かない

万能スライダー「Slider Pro」、動きも安定しているのでよく使います。今回もBootstrap4に組み込んだんですが IE(Internet Explorer)で動かないとの連絡が・・・・。 「Slider Pro」はCDNでの読み...
Bootstrap4

スクロールで要素をふわっと表示させる「jquery.inview.js」ブートストラップ4CDNバージョン

スクロールで要素をアニメーションさせ、アニメーション設定もCSSで簡単にできる「jquery.inview.js」、レスポンシブの1枚ページの利用頻度が高くなってきているので便利なJSです。 でもちょっと「jquery」のバージョンなどの...
jQuery・js・PHP

シンプルなハンバーガーメニューの定番<Drawer/ドロワー>

一昔前は効果が薄いと言われたハンバーガーメニュー、3本線ハンバーガーの形がメニューとして認知されこの頃見直されています、逆にスマホでは必需品? 左、右、上などからニュロっと出てくるドロワーメニューですがシンプルなものがいい、そんなニーズに...
Bootstrap4

アイフォン(iPhone)のiframe(インラインフレーム)と相性が良かったスライダー<Flickity>

スライダーをインラインフレームで読み込む、そんなページでアイフォンで不具合が・・・・・ アイフォンとインラインフレームはとても相性が良くない、悩みの種ですね。「Netscape Navigator」全盛期にはマイクロソフトの「IE」の我が...
jQuery・js・PHP

楽天やヤフーストアの新着情報などに使えるカルーセルスライダー「slick」の便利なオプション

レスポンシブデザインで便利なスライダー「slick」、楽天やヤフーショッピングなどの新着などでカルーセルとして使う場合の便利なオプションをまとめてみました。 ※CDNでの導入方法は過去記事を参考にしてください。 流れるように動かす aut...
Bootstrap4

レスポンシブで使うカルーセルスライダーなら「slick」が便利

レスポンシブで使うカルーセルスライダーならシンプルな「slick」がおすすめです。 ダウンロードサイト ※「Download Now」はリンク切れの場合は「View On Github」からダウンロードが可能。 今回はヤフーショッピングサイ...
jQuery・js・PHP

設置がとても簡単になった画像拡大スクリプト「Lightbox2」

サムネイル画像(縮小画像)がクリックされた際に、その場で拡大画像を表示させるスクリプト、定番は「Lightbox」。昔はいろいろ設置が面倒だったんですがCDNの利用が広まりとっても簡単になりました。 CDNの読み込み <!-- lig...
スポンサーリンク
タイトルとURLをコピーしました