jQuery・js・PHP

スポンサーリンク
EC

楽天やヤフーショッピングで毎月決まった日だけにバナーを表示する

毎月1日は楽天市場のワンダフルデー、毎月18日は楽天市場ご愛顧感謝デー、毎月5と0のつく日は楽天カード利用でポイント5倍。 ヤフーショッピング5のつく日はポイント5倍、ゾロ目の日はお得なクーポン開催・・・・・ バナーを貼るのも大...
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での導入方法は過去記事を参考にしてください。 流れるように動かす 画...
Bootstrap4

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

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