It’s that time again to choose the tool or technology that you want to brush up on. If you feel like you’ve been working hard at building but maybe not learning as much as you’d like, I’ve got your back.
Please enjoy the sixth installment of our Docs and Guides series and don’t forget to let us know of any others that we haven’t yet included in this or a previous post.
1. DevTools Challenger
An interactive site that demonstrates how to use the new animation-related features present in Firefox Developer Edition.
2. The HTML & CSS Workmanship Manual
A good HTML/CSS styleguide to help developers write “durable, reliable” code, loosely inspired by NASA’s Workmanship Standards Program.
3. ECMAScript 6 Cheatsheet
I don’t think we can have too many ES6 learning resources, so here’s another one. ES6 is a huge step forward in JavaScript’s history and this reference will give you ‘everything about the latest version of the ECMAScript standard’.
4. React Cheat Sheet
React is officially the “current big thing” so this quick reference should be a big help. The page is filterable using a search form at the top and each feature includes a link to the official docs.
5. Six Speed
A chart that displays performance report information for different ES6 features relative to the ES5 baseline operations as rendered by various transpilers (Babel, Traceur, etc).
6. U.S. Web Design Standards
“Open source UI components and visual style guide to create consistency and beautiful user experiences across U.S. federal government websites.”
7. ECMAScript 6 — New Features: Overview & Comparison
Another nice ES6 learning resource. What’s really great about this one is the fact that it has two code examples for each feature, including how the same thing is accomplished in ES5.
Continue reading %20+ Docs and Guides for Front-end Developers (No. 6)%
by Louis Lazaris via SitePoint
No comments:
Post a Comment