カテゴリー
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 […]

カテゴリー
Code Templates

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

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

カテゴリー
Code Templates

reset.min.css / styles.scss

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

カテゴリー
Code Templates

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

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

カテゴリー
Brackets Code Templates

.brackets.json / brackets.json Brackets環境設定

.brackets.json CSSソースコメントの削除。(ルートフォルダに設置) brackets.json HTML Hintの忠告を消す。(C:\Users***\AppData\Roaming\Brackets) […]