さりげないパララックスとか素敵
レイアウトと配色が印象的
【WEB design】2020年5月参考にしたいインタラクティブサイト
【css】スマホとPCで要素の順番を変えるflex-boxのorderプロパティ
https://qiita.com/saksak/items/6ade0be65ad83733e993
.main{ display: flex; flex-flow: row wrap; }
.main div{width: 50%;}
.main .item1{order: 1;}
.main .item2{order: 3;}
.main .item3{order: 4;}
.main .item4{order: 2;}/*このセルの位置を操作*/
@media (max-width: 768px) {
.main{display: block;}
.main div{width: 100%;}
}
【js】2回目にサイトに訪れたときに何か処理をする
[JavaScript] 初回アクセス時に1回だけポップアップ（モーダル）を表示したい
【jquery】ヘッダー固定でスクロールヒントを表示させる方法
【js】いろいろ駆使してローディングを作ってみた
↑こんな感じのローディングイメージを作るのに四苦八苦したので備忘録的に書きます。
いろいろな動きが重なっているので、複数の処理を順番にやっていけばいいかなと思って、$when().done“Velocity.js”を使ってなんとかしました。
animetionを順番に処理するメソッド
Velocity.jsで拡大の動きをなめらかにするために搭載
これがないとsvgでも拡大するときギザギザしちゃう
https://liginc.co.jp/web/js/jquery/150136
easingなど動きについて
拡大について
実際使わなかったけど参考にしたもの
【jquery】超簡単！tableの指定セルを固定してスクロールさせるプラグインfixed_midashi
使い方
https://blog.apar.jp/program/4342/
fixed_midashiのズレを解消するにはbox-sizingを解除する
https://qiita.com/nbfujiwara/items/271d04e64f579e8ac1f2
ダウンロード↓
【google】Googleカスタム検索の簡単実装
https://www.webdesignleaves.com/pr/plugins/googleCustomSearch_01.html
- Googleのアカウントを作成
- https://cse.google.co.jp/cse/allここで検索設定
自作のformでも実装可能
検索結果ページにタグを挿入
検索のinput要素のname=”q”で簡単に行ける
【atom】エディターのatomで簡単インデント一括設定のやりかた
- command + Aキーを押して、全選択します。
- command + shift + Pキーを押します。すると、ダイアログが開きます。
- ダイアログに「auto」と入力します。
- 候補の中から「auto indent」を選び、Enterキーを押します。
- コードに対して自動的にインデントが挿入されます。
【css】calcで横並びコンテンツをきれいに配置する方法
【css】iphoneでinputボタンにcssが効かない時の対処、たった一行！
これを一行いれるだけ！
input[type="submit"]{
-webkit-appearance: none; //←これ！
}