https://ecmemo.net/safari-sticky-problem
safariでは”position: -webkit-sticky;”を追加しましょう
css
【css】::placeholderを個別に指定
https://developer.mozilla.org/ja/docs/Web/CSS/::placeholder
【jquery/css3】イカした仕掛けのjquery、css3の動きの表現
jquery
css3
【css】cssだけでハンバーガーメニューを実装！
【design】ディズニー直伝！Webデザインでアニメーションの基本原理を応用する方法
【css】たった1行のCSS！よく見かけるWebレイアウトを実現する凄技テクニック10個
【css】超便利！よく使用されるWebページのレイアウトやUI要素91種類をシンプルなCSSで実装するコードのまとめ -CSS Layout
CSS Layoutはこちら（https://csslayout.io/patterns）
紹介記事（コリス）
【css】複数行でも3点リーダーを出す方法
https://qiita.com/yoshida-hi/items/055c36e015f0bf8fe4f6
IE未対応（2020.5.18時点）
p {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}
【css】全面メニュー展開時に中身をスクロールさせない方法
https://qiita.com/ShintaroKoizumi/items/82107fe292f3847d634e
後ろの要素にoverflow:hidden;を付与する
【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%;}
}