Skip to content

Latest commit

 

History

History
71 lines (57 loc) · 3.79 KB

resources.md

File metadata and controls

71 lines (57 loc) · 3.79 KB

Here's a linked list of recommended resources, which were invaluable in creating these sites.

[Going to pull the resources here from Pinboard, with more context, as I find time: https://pinboard.in/u:caseygollan/t:abler]

  1. Accessible web design
  2. Content strategy
  3. Performance budgeting
  4. Code style
  5. Style guides

Accessible web design

Resource Recomendation
Floe (Flexible Learning For Open Education) Project Also check out their accessibility principles.
a11y project Checklists & design patterns from http://a11yproject.com & open #a11y Slack for discussion http://web-a11y.herokuapp.com (via @ckundo via @okaysee)
Docs by @Mozilla on making Accessible Rich Internet Apps (for heavily interactive projects) https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA (via @starakaj & @shashashasha)
A public/working draft of @18f's guide to accessibility:https://18f.github.io/accessibility/ (via @sawyerh via @shashashasha)
U.S. Web Design Standards by @USDS & @18f, reusable code meeting gov accessibility standards: https://playbook.cio.gov/designstandards/ (via @ChappellTracker)
And, of course, articles from @NNgroup on accessibility that aren't from the year 2000: http://www.nngroup.com/topic/accessibility/ (via @tinabeans)

Content strategy

Resource Recomendation
Nicely Said
Mailchimp Content Styleguide
Toast Redesign Case Study

Performance budgeting

Resource Recomendation
Performance Budget/Latency Testing
Google Page Speed
Speed Curve
Sitespeed

Code style

Use consistent and modular code style.

Resource Recomendation
CSS Guidelines
SMACSS
SASS (Syntactically Awesome Style Sheets)
BEM (Block Element Modifier) CSS
OOCSS (Object Oriented Cascading Style Sheets)
Atomic SASS
Periodic Table of Web Elements
Idiomatic CSS

Style guides

We're endeavoring to publish a cross-site style-guide which covers all site elements and theme variations.

Resource Recomendation
Atomic design
Styleguides.io
Style Guide Boilerplate
Jekyll Styleguide
Frontend styleguides w/ Jekyll
Mapbox Styleguide
Yelp Styleguide
US Web Design Standards
A List Apart styleguide