Soru:
AMP ile hangi CSS çerçevesi uyumludur?
niutech
2017-10-05 03:51:37 UTC
view on stackexchange narkive permalink

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?

Beş yanıtlar:
niutech
2017-10-05 03:51:37 UTC
view on stackexchange narkive permalink

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>.

Aşağıdakilerden hangisi herhangi bir değişiklik olmadan AMP ile uyumludur? Kaldırmak! Önemli bunlardan birçoğunu kıracak.
@DD Bunlar: [AMP Spectre] (https://niutech.github.io/amp-spectre/), [AMP Surface] (https://niutech.github.io/amp-surface/), [AMP MUI] (https://niutech.github.io/amp-mui/).
@DD Ayrıca [AMP Start] (https://ampstart.com/).
Simon Langham
2018-07-30 18:06:38 UTC
view on stackexchange narkive permalink

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 siteye ulaşılamıyor ** 1bx.uk’un sunucu IP adresi bulunamadı.DNS_PROBE_FINISHED_NXDOMAIN
Hdpsu2
2020-02-18 18:52:16 UTC
view on stackexchange narkive permalink

Bu çerçeve bireysel olarak uyarlanabilir.

https://www.ampcssframework.com

Hdpsu2
2020-02-29 15:27:37 UTC
view on stackexchange narkive permalink

Amp CSS Çerçevesi, Bootstrap'e dayanmaktadır.

Buraya bakın: https://ampcssframework.com

dev7ch
2018-11-24 02:46:59 UTC
view on stackexchange narkive permalink

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

Teşekkürler! [Küçültülmüş CSS] (https://unpkg.com/basscss@8.0.2/css/basscss.min.css) 10KB'dir, ancak AMP ile uyumlu olmak için "! Önemli" öğelerinin tümünü manuel olarak kaldırmanız gerekir.
[Lütfen yalnızca bağlantı yanıtlarını yazmayın] (http://meta.stackexchange.com/questions/225370/your-answer-is-in-another-castle-when-is-an-answer-not-an-answer) . Muhtemelen kaldırılacaklar.


Bu Soru-Cevap, otomatik olarak İngilizce dilinden çevrilmiştir.Orijinal içerik, dağıtıldığı cc by-sa 3.0 lisansı için teşekkür ettiğimiz stackexchange'ta mevcuttur.
Loading...