• Home
  • blog
  • 20+ Docs and Guides for Front-end Developers (No. 6)

20+ Docs and Guides for Front-end Developers (No. 6)

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.

DevTools Challenger

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.

The HTML & CSS Workmanship Manual

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’.

ECMAScript 6 Cheatsheet

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.

React Cheat Sheet

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).

Six Speed

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.”

U.S. Web Design Standards

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.

ECMAScript 6 — New Features: Overview & Comparison

Continue reading %20+ Docs and Guides for Front-end Developers (No. 6)%