systematic-css

Recommendations

Info

csstylehttp://www.csstyle.ioSass/PostCSS-based methodology by Dave GeddesHow we do CSS at Ghosthttp://dev.ghost.org/css-at-ghost/by Paul DavisGithub's CSShttp://markdotto.com/2014/07/23/githubs-css/by Mark OttoGoogle HTML/CSS Style Guidehttp://google-styleguide.googlecode.com/svn/trunk/htmlcssguide.xmlCSS at Grouponhttp://mikeaparicio.com/2014/08/10/css-at-groupon/by Mike AparicioCSS at Lonely Planethttp://ianfeather.co.uk/css-at-lonely-planet/by Ian FeatherMultilayer CSShttp://operatino.github.io/MCSS/en/by Mail.ruMedium’s CSS is Actually Pretty F***ing Goodhttps://medium.com/@fat/b8e2a6c78b06Mobile Firsthttp://abookapart.com/products/mobile-firstby Luke WroblewskiModular CSS Naming Conventionshttp://thesassway.com/advanced/modular-css-naming-conventionsby John W. LongReferences 67
Object-Oriented CSS Frameworkhttp://oocss.orgby Nicole SullivanOOCSS + Sasshttp://ianstormtaylor.com/oocss-plus-sass-is-the-best-way-to-css/by Ian Storm TaylorResponsive Web Designhttp://abookapart.com/products/responsive-web-designby Ethan MarcotteSass-Based CSS Architecture and Methodologyhttp://docssa.infoby Matthieu Larcher and Fabien ZibiScalable and Modular Architecture for CSShttp://smacss.comby Jonathan SnookScaling Down the BEM Methodology for Small Projectshttp://www.smashingmagazine.com/2014/07/17/bem-methodology-for-small-projects/by Maxim ShirshinSUIT CSShttp://suitcss.github.ioby Nicolas GallagherTrello's CSShttp://blog.trello.com/?p=2227https://gist.github.com/bobbygrace/9e961e8982f42eb91b80by Bobby GraceReferences 68
Page 1 and 2:
SystematicCSSKieran Potts
Page 3 and 4:
Contents1 Introduction6 The princip
Page 5 and 6:
There is hope. The Shadow DOM - par
Page 7 and 8:
Web design methodologies benefit al
Page 9 and 10:
The principlesof good CSSAll web de
Page 11 and 12:
vary from project to project. But o
Page 13 and 14:
to figure out exactly what things t
Page 15 and 16:
Defensive programmingIn many of the
Page 17 and 18:
Now, in a large project it is entir
Page 19 and 20: Single responsibility principleIt i
Page 21 and 22: }color: hsl(0, 0%, 100%);*.shout {f
Page 23 and 24: And that's very handy. Once a class
Page 25 and 26: Take CSS. The easiest, most practic
Page 27 and 28: of the default presentation of HTML
Page 29 and 30: Class namesIn the Systematic CSS we
Page 31 and 32: We can work out from their names an
Page 33 and 34: (which renders a navigation menu).
Page 35 and 36: Classes added to a document for the
Page 37 and 38: LayoutThe first stage of a new web
Page 39 and 40: --display--float--position--top, bo
Page 41 and 42: Usage:Modifiers are explained in gr
Page 43 and 44: ElementsThe next stage is to set th
Page 45 and 46: @media screen and (min-width: 37.5r
Page 47 and 48: WidgetsHTML's extensive suite of na
Page 49 and 50: HomeAboutLearnExtendShareSearchSear
Page 51 and 52: January 2015NextMonTueWedThuFriSatS
Page 53 and 54: Modifiers can also be used to targe
Page 55 and 56: Lorem ipsum dolor sit amet...10 Jan
Page 57 and 58: ModifiersWhen something needs to be
Page 59 and 60: Element modifiersHTML's native elem
Page 61 and 62: Modifiers can also target specific
Page 63 and 64: Now there is much less risk that th
Page 65 and 66: Dynamic modifiers - any class that
Page 67 and 68: In large projects I will have one s
Page 69: ReferencesAtomic Designhttp://bradf
show all

systematic-css

Create successful ePaper yourself

Delete template?

Save as template?