Spectre: AMP support

Created on 18 Aug 2017  路  8Comments  路  Source: picturepan2/spectre

Spectre could be compatible with AMP by slightly modifying the code: removing !important, replacing <img> with <amp-img> and removing inline style="" from HTML. I made the AMP components page demo: https://repl.it/KPR2/3 or fullscreen: http://s.cssdeck.com/labs/full/x5pjudqw/noframe

Would you like to add an official AMP flavor of the Spectre CSS framework?

Most helpful comment

All 8 comments

I don't get that hatred for AMP. Of course one can make a performant website without it, but in the real life almost all companies bloat their websites. AMP is a radical step to forbid web bloat and stick to lightweight solutions. It really improves loading web pages, you can try it on desktop using my AMP Browser.

@niutech I will not add an AMP flavor.

Finally I have made an AMP version of your framework: https://github.com/niutech/amp-spectre/

@niutech , Did you generate this version using an original fork? I mean the source files Sass, gulpfile.js, etc?
@picturepan2 could you express your opinion on why you should not pay attention to the AMP?

@AdsonCicilioti I generated AMP Spectre using this file: https://github.com/picturepan2/spectre/blob/master/dist/spectre.min.css
@leeoniya AMP v0.js is only 78.4 KB gzipped and it's served from the CDN, so it's downloaded only once for all AMP pages.

@niutech, the show/hide layout utility class din't work on elements with display:flex, like as navbar-sections.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

alighasemzadeh picture alighasemzadeh  路  4Comments

kwstaskara picture kwstaskara  路  3Comments

elias-garcia picture elias-garcia  路  4Comments

zibbizor picture zibbizor  路  4Comments

tomcam picture tomcam  路  4Comments