アマゾン Amazonで既存カタログの情報を更新＜CSV＞
最低限必要な項目は2項目＋修正項目 ①出品者SKU（item_sku） ②アップデート・削除（update_delete） ②は「PartialUpdate」 「カテゴリー別在庫ファイルテンプレート(日本語)」で「必須項目＋修正したい項目＋...
アマゾン 
Bootstrap4 Bootstrap4で設置が簡単なスライダーは標準のスライダー
Bootstrap4に用意されているスライダー、シンプルなスライダーで良ければ設置が簡単。 基本タグ CDNで確認バージョン・・・単体で動きます
Bootstrap4 Bootstrap4でインラインフレーム（Iframe）をレスポンシブに埋め込む
Bootstrap4ではYoutube動画やインラインフレームをレスポンシブで表示するクラスが用意されています。 <div>でくくり「embed-responsive」とアスペクト比「embed-responsive-16by9」のクラスを...
Bootstrap4 Bootstrap4で固定ヘッダーと固定フッターを利用する
レスポンシブでの固定ヘッダーや固定フッター、Bootstrap4では専用クラスを利用して簡単に実現できます。 最上部に固定（Fixed top） 最下部に固定（Fixed bottom） 最上部に達すると固定（Sticky top） スクロ...
フレームワーク Bootstrap（ブートストラップ）で表示崩れ＜スタイルシートを読み込まない＞
ここのところBootstrap（ブートストラップ）3、4で作成したサイトの表示崩れが出ています。ブラウザでの初回表示でBootstrap（ブートストラップ）のスタイルシートを読み込まないようで表示崩れ。 ブラウザを再読み込み（リロード）する...
jQuery・js・PHP 楽天やヤフーストアの新着情報などに使えるカルーセルスライダー「slick」の便利なオプション
レスポンシブデザインで便利なスライダー「slick」、楽天やヤフーショッピングなどの新着などでカルーセルとして使う場合の便利なオプションをまとめてみました。 ※CDNでの導入方法は過去記事を参考にしてください。 流れるように動かす 画面サイ...
Bootstrap4 レスポンシブで使うカルーセルスライダーなら「slick」が便利
レスポンシブで使うカルーセルスライダーならシンプルな「slick」がおすすめです。 ダウンロードサイト ※「Download Now」はリンク切れの場合は「View On Github」からダウンロードが可能。 今回はヤフーショッピングサイ...
jQuery・js・PHP 設置がとても簡単になった画像拡大スクリプト「Lightbox2」
サムネイル画像(縮小画像)がクリックされた際に、その場で拡大画像を表示させるスクリプト、定番は「Lightbox」。昔はいろいろ設置が面倒だったんですがCDNの利用が広まりとっても簡単になりました。 CDNの読み込み ダウンロードはこちら ...
CSS・HTML Font Awesome も CDNが便利
フレームワークにWEBフォント、CDNで使うのが便利なんですがFont Awesome も CDNが便利です。 Font AwesomeのCDNを読み込み フリーで使える一覧を探す ここで探せます
Bootstrap4 ひとつでほとんど対応できるスライダー「Swiper.js」
スライダーはいろいろなものがありますが現在一番便利なのは「Swiper.js」、jQueryに依存しないといのが素晴らしい。 いろいろなフレームワークを使う現在jQueryに依存しないというのはトラブルが少なく、パラメータが豊富でシンプルな...