search

ampproject / ampstart

AMP Start source code and templates .
https://ampstart.com/
Apache License 2.0
419 stars 152 forks source link

Get Started Quickly Templates: CSS Too Complicated #799

Closed ronnievsmith closed 6 years ago

ronnievsmith commented 6 years ago

ISSUE: 3,500 lines of CSS (when formatted for IDE viewing/development) in the Gallery Quick Start Template is too much. 3,800 lines of CSS in the E-Commerce template.

RECOMMENDED SOLUTION: Provide a simple getting started template to make AMP-HTML more accessible.

image

image

cathyxz commented 6 years ago

@rhroyston Could you provide more context on what would a good "getting started" template look like for your use case? For example, for basic styling of commonly used components, there's also: https://ampstart.com/components, for just a bare bones boilerplate amp, there's this codelab. ampbyexample.com should have basic (no styling) usage examples for each component. Is there something in between that would work better for your needs?

ronnievsmith commented 6 years ago

I reviewed the info you shared. Thank you. re https://ampstart.com/components, I initially didn't see where to copy/paste from but did figure out I needed to click the "HTML" chevron to get the actual HTML code. Maybe auto expand that first one to highlight that the HTML is hidden until expanded? (or maybe it's just me!). Anyways, thanks for the response. I simply found the getting started templates (gallery, e-commerce) overwhelming and left it alltogether. I'll circle back on my next project though. Thanks again.

camelburrito commented 6 years ago

Also @rhroyston The zip file will contain un-minified CSS as well that should make it easier for you to edit. The minification saves bytes and keeps things well under 50K.