jQ フローティングボタン
TOPから高さ取得でボタン出現追従してからフッターの前で止まる。 footer の中に入れることがポイント。論としては、fixedで配置しているボタンを非表示にしクラスを付与したら出現及び停止するロジック。 ▼出現するまで見えなくしておく ...
jQ CSS Swiper
slickよりjQに依存しない分良いという説。。 ただしカスタマイズするならどちらにしても少し手間だったが、、、デメリットは公式が英語表記だという点らしい。が！ブログもたくさんあるので大丈夫だとか。。。 以下はとーっても参考になるけど、バー...
jQ アコーディオン
アコーディオンを作るにしてもなかなか思うようにいかない、、 ちなみに初歩的な話だが、CSSとSCSSは拡張子が違う。。。
CSS 色々な見出しCSS
ボーダーや万歳、色々あるね！
CSS 要素をposition:absoluteで中央に配置
上下左右中央 p{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, ...
CSS CSSテキスト強調丸点
h3 { font-size: 32px; letter-spacing: 10px; line-height: 2; font-weight: bold; } .dot-text { padding-top: .4em; backgrou...
CSS CSSを使って縁取り文字
text-strokeのコード <div class="fuchidori>縁取り</div> .fuchidori { color: #000; -webkit-text-stroke: 1px #FFF; text-stroke: 1p...
ツール ジェネレーター
色々ジェネレーターはこちら▼ 丸丸 ボーダー背景 シンプルな矢印 角丸対応テーブル 台形 三角形・矢印
HTML HTMLのimgタグのwidthとheight
実質必須なのに未設定の人が多いとのことで、、、レイアウトシフトなるものが発生するとのこと。画像カクカク現象そう。 ▼結論 リキットレイアウトには適していないし、固定すべきところはすべきだし、、という点で つけない余地もある。 ちなみにW3C...
フォント フォント？WEBフォント！
完全にはわからないんだけどね、参考に調べてみよう！ likefont Googlefont 日本語対応してなかったんだ？現在では少なからず日本語対応しているらしい(2015の記事) スマホを意識したフォント指定