Resources for intermediate skilled web developers
- 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.
- 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.
- 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 togrid
's 9% on caniuse.com. Untilgrid
is finalized and implemented/enabled for the public,flex
is a good replacement for legacy layout methodologies.