WEB制作
【css】スマホで背景をfixedにしたい時の回避方法
iosでは背景のfixedが効かない
回避方法として、背景をつけたい要素(body、divなど)に疑似要素::beforeに背景を指定して、position:fixedで表示
【jquery】slickのオプションautoplayを止める方法
オプションの”infinite”はautoplayを止める値ではなかった!!(衝撃)
手動でスライドさせていった際にループをさせないオプションとのこと、、、
なのでautoplayを最後で止めるには下記リンク先のような記述が別途必要
【tool】Unicode文字変換ツール
カスタムtwitterボタンの文言などに使用
【scss】一瞬でcssからscss,sassに変換!コンバーターツール
そのまんまの名称「CSS 2 SASS/SCSS CONVERTER
http://css2sass.herokuapp.com/
運用途中から引き継いだサイトや、何人かのメンバー運用してるうちにcssだけで更新してしまった時なんかに便利かと
cssをコピペしてボタン押すだけ簡単!
【Atom】Atom上での検索(全件含む)と置換について
・Cmd+F — 現在のバッファ内での検索
・Cmd+Shift+F — プロジェクト全体での検索
【CSS】リンクをクリックした後に出る枠線を消したい!
これを記述するだけで消える
a:focus, *:focus { outline:none; }
【mac】MACで一括リネームする方法
ファインダーからできる
【jquery】もっと見るボタンでリストを表示
2個づつ表示
https://codepen.io/m_t_of/pen/YaROLY
シンプル
【jquery】inview.jsでスクロースで特定位置での表示を実装
メモ
- 表示だけじゃなく特定位置にきたらjsを実行するプラグイン
- 基本は、位置に来たらclass付与でアニメーションが楽
- この「jQuery.inview.js」というプラグインの利点は、とにかくシンプルにイベントとして返すだけなので、逆に実行する内容でいろいろと応用が効くのでとても有用ではないでしょうか。最近のサイトではアニメーションが当たり前になってきているので、動きはシンプルでもいいのでアニメーション表示する事に挑戦してみてはいかがでしょうか。