AMP has many limitations for CSS - it needs to be inlined, cannot exceed 50KB and cannot include !important
, filter
, nor JavaScript. Which CSS frameworks can be safely used with AMP?
AMP has many limitations for CSS - it needs to be inlined, cannot exceed 50KB and cannot include !important
, filter
, nor JavaScript. Which CSS frameworks can be safely used with AMP?
This is a community wiki, you can expand it if you have something to add.
These CSS-only frameworks are compatible with AMP (sorted by size):
In order to use one of them in an AMP HTML page, get the minified CSS file, remove any !important
or filter
if they exist, paste the inlined CSS code into <style amp-custom>
inside <head>
and replace any <img>
with <amp-img>
inside <body>
.
Burada görebileceğiniz 1bx.uk adında bir tane oluşturdum ve yayınladım ... https://1bx.uk
İyi belgelenmiş ve özellikle şunlar için oluşturulmuştur: AMP.
İşletmemizde kullandıkça iyi desteklenecektir
Bu çerçeve bireysel olarak uyarlanabilir.
Amp CSS Çerçevesi, Bootstrap'e dayanmaktadır.
Buraya bakın: https://ampcssframework.com
Eksik olabilir: http://basscss.com/v7/docs/guides/ui/
veya scss olarak
https : //github.com/basscss/basscss-sass
.. evet o kadar aktif değil ama ilginç olabilir, sözdizimi kısa ve basit görünüyor, ayrıca bağımsız olarak yeniden kullanılabilir bileşenler