カテゴリー
Code Templates

Flexbox CSS コードまとめ

1. 親要素にflexプロパティの指定 2. 子要素同士の間の幅の半分の数をmarginに指定 3. 子要素 指定したmarginの倍の数をflex-basisから引く 4. 親要素にマイナスmarginを指定 子要素の […]

カテゴリー
Code Templates

jTruncSubstr jQueryプラグイン コードまとめ

レビュー投稿など文字数が多い場合に、特定の文字数以上は非表示にして、表示非表示を切り替えることができるプラグイン。 1. jQueryの読み込み https://developers.google.com/speed/l […]

カテゴリー
Design Photoshop

Photoshop 画像修正 背景の要らない要素を消す

手順 レイヤー作成 ペンツール 範囲選択 スポット修復ブラシ 修復ブラシ スポット修復ブラシ レイヤーマスク 1.レイヤー作成 背景レイヤーを複製。(Cmd+J) 2. ペンツール 「ペンツール」で消したい範囲を囲む。パ […]

カテゴリー
Code Templates

スムーススクロール 特定のリンク aタグを除外する

スムーススクロールのjs スムーススクロールのスクリプトでは#で始まるaタグの場合すべてスクロールが効いてしまう。 #だけのaタグの場合(アンカー先がない、モーダルや表示スクリプトなど)、ページトップ(#)へスクロールし […]

カテゴリー
Code WordPress

.htaccess httpからhttpsにリダイレクト

.htaccess Options +SymLinksIfOwnerMatchはCPIサーバー用の設定。 WordPress設定 [設定]メニュー→[一般]。「WordPress アドレス (URL)」と「サイトアドレス […]

カテゴリー
Code WordPress

WordPressサイトのhttps化後、読み込みcssがhttpから変わらないときのプラグイン

CPIサーバーでWordPressサイトをhttps化したが、読み込みリンク(css、jsのリンク)がhttpから変わらないときに、プラグインを使用して解決した。 SSL Insecure Content Fixer h […]

カテゴリー
Code Templates

reset.min.css / styles.scss

reset.min.css styles.scss font-family: ヒラギノ font-family: 游ゴシック font-family: Noto Sans

カテゴリー
Code EC-CUBE

EC-CUBE カート数量変更 セレクトボックス選択時にサブミット

カートの中身ページにて、数量選択後、変更ボタンを押下でサブミットされるところ、数量(セレクトボックス)をプルダウンして選択で、サブミットされるように変更。 JavaScriptのonChangeイベントを使用し、セレクト […]

カテゴリー
Code

iPhone Chrome 文字サイズがページ読み込み後に小さくなるとき

iPhoneのChromeブラウザーでページ読み込み後にフォントサイズが小さくなる。 設定で「テキストサイズの変更」通常に戻す。iPhoneのChromeで文字サイズが小さくなったり大きくなった場合の対処法

カテゴリー
Code Templates

Swiper.js スライダー コードまとめ

Swiper.js https://swiperjs.com/api/ ページネーション、アローのクリック後にオートプレーが止まるとき。My swiper with Swiper.js stop autoplay aft […]