Bootstrap3 Bootstrapのナビゲーションバー（Navbar）をスクロールで出したい
Bootstrapのナビゲーションバー（Navbar）は 上に固定（標準） ・・・ 特に追加設定する必要なし（Bootstrap3では「.navbar-static-top」が必要） 最上部に固定 ・・・ 「.fixed-top」（Boot...
Bootstrap3 CSS・HTML 背景画像をレスポンシブに対応させる方法
背景画像をレスポンシブ対応させるにはBootstrap4でインラインフレーム（Iframe）をレスポンシブに埋め込む方法と同じ手法をCSSで使います。 背景画像が4:3のアスペクト比の場合 任意の画像の場合 padding-topを 高さ÷...
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」のバージョンなどの理...
CSS・HTML 背景画像を横にスクロールさせたい CSS animation＜レスポンシブ/要素に対して全画面＞
一部の要素で背景画像を全幅でループさせたい場合のスタイルシート。 <div class="bg-image-loop">～</div> や <section id="bg-image-loop">～</section> ※「bg-image...
ヤフー 楽天ゴールドでスマホ専用ページを作成する＜2018年7月25日以降の楽天RMSリダイレクト設定＞
楽天のスマホページはタグの制限があるので裏技などを使って頑張る訳なんですが限界が・・・ そもそもアイフォンでは通常のHTMLでもアイフレーム（iframe）のイレギュラー表示に苦労するのに裏技でアイフレーム（iframe）を使って大丈夫なの...
jQuery・js・PHP シンプルなハンバーガーメニューの定番＜Drawer/ドロワー＞
一昔前は効果が薄いと言われたハンバーガーメニュー、3本線ハンバーガーの形がメニューとして認知されこの頃見直されています、逆にスマホでは必需品？ 左、右、上などからニュロっと出てくるドロワーメニューですがシンプルなものがいい、そんなニーズに合...
CSS・HTML 要素の高さを変えたくない場合は、はみ出した文字を省略する「…」＜CSS/スタイルシート＞
レスポンシブのページやiframe（インラインフレーム）で表示させるページなどで、要素の高さを変えたく場合に文字数を省略させるCSS/スタイルシート。 ECサイトのランキングなどで商品名などを省略させたい場合などに使えます。 要素からはみ出...
Bootstrap4 アイフォン（iPhone）のiframe（インラインフレーム）と相性が良かったスライダー＜Flickity＞
スライダーをインラインフレームで読み込む、そんなページでアイフォンで不具合が・・・・・ アイフォンとインラインフレームはとても相性が良くない、悩みの種ですね。「Netscape Navigator」全盛期にはマイクロソフトの「IE」の我がま...
アマゾン Amazonのバリエーション登録＜親商品の入力必要項目/その他注意点＞
■親商品に最低限必要な項目は以下。 「商品管理番号」「商品名」「ブランド名」「メーカー名」「商品タイプ」「アップデート・削除」 ※「商品コード(JANコード等)」列、「商品コードのタイプ」列の入力は不要。 ・「親子関係の指定」BN列には「p...