Skip to content

Instantly share code, notes, and snippets.

@distransient

distransient/intermediateDevelopment.md

Last active February 25, 2016 01:07
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save distransient/ed8b4e0c88523d989291 to your computer and use it in GitHub Desktop.
Save distransient/ed8b4e0c88523d989291 to your computer and use it in GitHub Desktop.
Download ZIP
Resources for intermediate skilled web developers
Raw
intermediateDevelopment.md

Intermediate Developer Resources

Resources for intermediate skilled web developers

Accessibility

  • A11yproject's Web Accessibility Checklist - "A beginner's guide to web accessibility" Everything on a11yproject.com is very helpful for working to make a website more accessible for users from your grandparents, to those dealing with one or more out of a variety of kinds of disabled.
  • W3C's Guidelines For Contrast - "Ensuring that a contrast ratio of at least 4.5:1 exists between text" a11yproject.com goes in depth on this, but it's helpful to examine standards documents on these kinds of things.

Interaction

  • W3C's Html5 Forms Chapter - Modern methods for form validation. You might not need a form validation library anymore thanks to the new forms chapter. However, based on your browser support requirements, you might need a polyfill to use these new features, but polyfills are a good way to future-proof your website.

Presentation

  • Chris Coyier's Guide To Flexbox - Less painful css layouts. Although the Grid Layout Module may be better suited to large-scale layouts (it's less prone to reflows as content loads), flex receives better (eg, more than basically none at all) support at 96% on caniuse.com compared to grid's 9% on caniuse.com. Until grid is finalized and implemented/enabled for the public, flex is a good replacement for legacy layout methodologies.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment