製品・サービスのご紹介 よくある質問をリッチリザルト対応で表示する
「よくあるご質問」はすごく大切ネットショップに限らず、WEBサイトにとってFAQ(よくあるご質問)は非常に大切です。ユーザーは問い合わせフォームや電話をかける手...
ミフネWEB-神戸
製品・サービスのご紹介 
カラーミーショップ カラーミーショップ制作会社紹介に掲載いただきました
昨日よりカラーミーショップ「制作会社のご紹介」（リンク先のページは削除されたようです）に掲載していただくことになりました。これからも「ユーザーにとって使いやすく...
製品・サービスのご紹介 商品一覧の並び替えをページ移動なしで行うカスタマイズ
カラーミーショップの商品一覧（カテゴリ・グループ）と検索結果ページには、標準で並び替え機能が実装されています。この並び替えは普通にURLリンクなので、並び替えを...
WEB制作 全般 兄弟要素をもたない要素を指定する疑似クラス、:only-child
only-childの指定範囲はセレクタ名の通りで、:only-child疑似クラスを使用すると、兄弟要素を持たない要素を指定することができます。個人的にはリス...
WEB制作 全般 配列内の要素すべてが条件に一致しているかチェックするArray.every()
ある文字列が複数の条件にマッチするか調べる良い方法がないかと考えていたら、ARRAY.every()を使うのが一番スマートのようでしたので備忘録。every()...
WEB制作 全般 JavaScriptのレスポンシブ
CSSで@media screenをつかってレスポンシブなデザインを作るように、JavaScriptでもメディアクエリにあわせた設定が可能です。window.m...
WEB制作 全般 Firefoxブラウザで:hasセレクタを試す方法
「画期的な発明、hasセレクタ」でご紹介した新しいCSSセレクタである「:has()」ですが、今のところFirefoxが対応していません。その為、実際のサイト制...
らくうるカート らくうるカートの置き換えタグ（変数）の使い方 商品一覧編
商品一覧（カテゴリ、キャンペーン）のテンプレート作成・カスタマイズで使用する独自タグについて、まとめます。商品検索結果ページでもほぼ同じタグを使用してテンプレー...
WEB制作 全般 select要素のoptionを操作するときのJavaScript
たまに使うと忘れているので自分用メモ。選択されているoption要素のvalueではなく要素自体（テキスト）を取得手順直接optionを指定することはできないの...
独自タグ (smarty) ページナビゲーションのカスタマイズ
カラーミーショップでは、商品一覧ページや検索結果ページが複数ページにわたる場合、各ページに直接移動できるようにページナビゲーションを表示できるように独自タグが用...
WEB制作 全般 input[type=number]の矢印を消したい時のCSS
input要素の入力値を数値に指定する type="number" に設定すると、ブラウザの既定スタイルで上下の矢印が表示されます。これを消したいときに設定する...
WEB制作 全般 画期的な発明、:hasセレクタ
これまでのcssは、先にある要素 → 後にある要素 の順番(親→子、兄→弟、隣)で詳細度を高めるしかありませんでした。それを逆向き(子要素 -> 親要素)に指定...