Bootstrap3 Bootstrap4、Bootstrap3でガター幅（余白/カラムの隙間）を調整する
Bootstrapの基本 カラム自体にmarginはなく余白はカラムのpaddingで指定されている。 カラムのpaddingは左右15px. Bootstrapのカラムとカラムの間の余白スペースは15px＋15pxで30pxになる。 カラ...
Bootstrap3 
ヤフー Yahoo!ストアのPCトップぺージ、スマホトップページ、トリプル＜リダイレクト設定＞
Yahoo!ストアでトリプルを使用する場合、パソコン版ストアトップページ、スマートフォン版ストアトップページ、トリプルでのパソコン版ストアトップページ、トリプルでのスマートフォン版ストアトップページの4つを持つことが可能です。 お客様が迷子...
アプリケーション 使いやすく必要十分なオフィスソフト＜LibreOffice＞で「Base」を使えるようにする
ECサイトの仕事が多くなるとCSV編集が多くなります、以前はいろいろ他の仕事で使っていたマイクロソフトAccess（アクセス）というアプリケーションで編集していたんですがこの頃はもっぱらCSV専用のエディター、ちょっとまとめて編集したいとき...
jQuery・js・PHP 静的なページにメールフォームを設置する
サイトに必ず必要なお問い合わせフォーム、ワードプレス（WordPress）サイトならば鉄板の「Contact Form 7 」というプラグインを使えば簡単に設置できます。 問題は静的なページの場合です、サーバー側で用意されていればいいんです...
楽天 スマホサイト自動作成サービスを解約したのでページを変更して欲しいという依頼が多くなっています
楽天やヤフーショッピングでお店のスマホページを自動で作成してくれるサービスはいろいろあります。 この種のサービスは有料ですので「利用する」、「利用しない」はお店次第、サービス内容もすばらしいと思います。 ただ、ここのところスマホページ自動作...
Bootstrap4 Bootstrap4でHTMLパーツの共有化＜ヘッダー、サイド、フッター＞
静的HTMLよく使われるjQueryでのHTMLパーツの共通化。インラインフレームよりも便利なのでよく利用します。 インラインフレームはボーダーやスクロール、高さなどいろいろ面倒なので好きではありません。 今回はBootstrapでこのパー...
Bootstrap4 Bootstrap4イメージの配置（Aligning images）の新設
イメージを左右に配置 イメージの中央揃え （.mx-auto.d-block 使用） イメージの中央揃え （.text(-{breakpoint})-center 使用） 【Bootstrap3.xとの変更箇所】 .float-none が...
Bootstrap4 Bootstrap4のフォームコントロール（Form controls）
Bootstrap3では.form-control ＋ .input-lg等でしたがBootstrapでは.form-control ＋.form-control-lgｎに変更された。 .input-{size} ⇒ .form-contr...
Bootstrap4 Bootstrap4モバイルフレンドリーの為の＜要素の表示/非表示＞
要素の表示/非表示 デバイスごとに要素を表示および非表示にするためのレスポンシブ表示クラスを使用できるようになりました。同じサイトの全く異なるバージョンを作成するのではなく、代わりに各画面サイズに応じて要素を非表示にする。 画面サイズ クラ...
楽天 楽天ショップもレスポンシブ化へ＜楽天GOLD＞
楽天市場では、楽天が用意した標準のトップページを使っているお店とゴールドという独自のスペースに作ったトップページを使っているお店があります。 そしてスマホページにも標準のトップページを使っているお店とゴールドという独自のスペースに作ったトッ...