These are the HTML5 tags I think are most frequently used. A complete list of elements can be found at:
Mozilla's HTML element reference
|Defines the header of the page or section. Often contains the logo, the title or the navigation.|
|Defines the footer of a page or section.|
|A section with navigation links.|
|Represents content, which is intended to be used independently. Each |
|Represents a generic section of a document. Each |
|Respresents content, which is not necessary to understand the rest of the content.|
|Defines the main content of the page. It must be unique for this page and can be used only once per page.|
|An image, a diagram or a code snippet, many times with a |
|Defines included vector graphics.|
Here are some great beginner level tutorials to get started with HTML:
Getting to know HTML
HTML - Learning the Web
Dive Into HTML5
The following list shows some very useful CSS selectors. An extensive list can be found here:
|The adjacent selector will select only the element that is immediately prededed by the former element.|
|This symbol targets every following sibling of an element.|
|The attribute selector targets every element having a specific attribute.|
|The negation pseudo class selects every element except for the one specified.|
|This selector is used to target specific elements in a stack.|
Codrops CSS Reference
This is a great CSS Reference, including all properties, pseudo-classes and functions.
Getting to know CSS
A tutorial explaining the basic principles of CSS.
CSS - Learning the Web
A great CSS explanation resource and reference by Mozilla.
An article about CSS animation for beginners.
A Visual Guide to CSS3 Flexbox Properties
This is an in-depth article about CSS flexbox.
Using Flexbox Today
This article shows what CSS flexbox can be used for.
A quick and easy way of event handling and manipulating the DOM.
Bounce.js lets you create beautiful CSS3 powered animations.
This library will improve the User Experience of your form input fields.
Dynamics.js is another great animation library.
Pace.js lets you create automatic page load progress bars.
This is a book by Addi Osmani targeted at professional developers.