旧ブラウザ(IE7/IE8)は、javascriptを用いていますが、最新のブラウザではレスポンシブ・非レスポンシブに対応しjavascriptオフでも機能。マルチブラウザ対応
cssの容量は20kb以下、旧ブラウザ(IE7/IE8)へのハックを合わせても25kb以下ですので、50kb制限のあるAMPへの対応も有識者であれば問題なく機能します。
Reset.cssやNormalize.cssは通常のサイト利用目的であれば組み込んでいる為不要。
今回AMPへの対応を念頭に置いて開発しています。
その為、極限までcss容量を抑えている為制限一杯まで残り25kbはデザインに注力できます!
環境 Mac OS Sierra10.12.6
safari,firefox,chrome,Microsoft Edge,IE7~11
https://youtu.be/jxNoy75DA4Y
コーダー歴も来年で10年目となります。cssを見れば玄人も納得する内容となっているので、一言。画像は極力用いずに特殊記号で代用させ、デザイン上使う場合圧縮してスプライト加工を施しbase64でミニマム処理。important不使用。フォントサイズとレスポンシブは柔軟な相対指定✌️
ソースコードという製品の特性上返品対応は行なっておりませんので、ご不明な点がありましたら、購入前にご質問下さい。