20 front-end development Documentation and guidelines (1)

1. CSS Vocabulary

A great Point-and-click little app. Speed with all the different parts of CSS syntax and what the proper n Ame for them is.

2. Liquidapsive

A very simple informational layout which, by the means of a select box, lets you choose between, responsive, adaptive, liquid, a nd Static, so you can be what is the difference between the four layout types.

I Imagine this would is nice even to show to clients and so they can and how things adjust using the different. 3. Superhero.js

A collection of the best articles, videos, and presentations on helping to maintain a large JavaScript code base.

Included are some general principle-type stuff, sources in testing, tools, performance, security, and more. 4. Howtocoffeescript.com

A cheat sheet for learning and remembering Coffescript syntax.

5. The HTML landscape

This is pretty interesting. It's a describes of the "perceptible differences" between three HTML SPECIFICATIONS:WHATWG, And the HTML5.1 ' s.

Might is a little overly technical, but you might is able to find some the new interesting here. 6. The Elements of HTML

A Nice comprehensive one-page chart of HTML and XHTML elements which indicates which specification the elements to.

This is the looks really good for doing the find out when and/if a element has been deprecated or made obsolete in HTML5 . 7. JavaScript Equality Table

A nice little 3-tiered chart which helps you understand JavaScript ' s Double-and triple-equals.

The conclusion? "Use three equals unless you fully understand the conversions this take place for two-equals." 8. Web Accessibility Checklist

A useful but not overwhelming reference to help you check off various the items on your projects for accessiblity.

A lot of this is pretty simple, but it doesn ' t hurt to always take a final look, in addition to doing accessibility Ting. 9. Static Web apps-a Field Guide

According to the description: "This guide would introduce you to the world of static Web applications and offer solutions T O Common challenges encountered while building them. "

The idea was to promote a architecture that eases common development problems. Learn Regular Expressions in about minutes

An extensive doc/tutorial introducing regular expressions.

I ' m guessing it would take much longer than the claimed ' minutes ' to really get something out of this, but certainly wo Rth a look. Open Web CSS Reference

This is a really comprehensive and Little-known CSS property and feature reference.

Alphabetical and includes links to the spec for everything listed. CSS Values

This is one of my own side projects. It ' s an easy way to look up a CSS property and quickly view the possible values. For example, if your forgot what values are acceptable for somethng to like obscure.

In addition to values, the most recent update includes browser support for each property, charts by powered. Es6features

From Microsoft developer Luke Hoban, a overview of the new stuff in the ECMAScript 6 spec.

As the repo points out, "implementation of this features in major JavaScript engines are underway now", so it would to be use Ful to start getting familiar with this stuff. relevant Spec Links

I often have trouble finding the right place in the spec for researcing something. This is a nice brief little summary from Mozilla of the links and you'll need to be aware of in relation to the spec.

overapi.com

Cheat Sheet Madness, folks.

This is seems to have everything. The cheat sheets would link to the relevant authoritative resources (MDN, php.net, etc). javascript:the Right Way

A JavaScript Guide ' intended to introduce new developers and help experienced ones to JavaScript ' s best practices. '

The HTML5 JavaScript API Index

A really comprehensive one-stop place to search for HTML5 API info.