A REFERENCE TO HTML5 TAGS – 8 HTML and HTML5 Cheat Sheet Anthology for Web Designer

33 Cheat Sheet Anthology for Web Designers For Free

Don't be shellfish...Share on Facebook0Tweet about this on TwitterShare on Google+5Pin on Pinterest41Share on StumbleUpon1Share on Reddit0

Are you a professional graphic / web designer? Or an aspiring designer and ready to accept the challenges in the world of creativity, colors, imaginativeness and fantasy.

Then before you go to the world of perspective design make sure you are fully equipped with this very helpful 33 Cheat Sheet Anthology for Graphic/Web Designers Arsenal.This list will help you master all the shortcuts for all the application software design you used.
We have bunch of list for HTML5, Color Reference, CSS and CSS3 Photoshop Cheat Sheet.

[box type=”note” align=”aligncenter” width=”600″ ] [/box]

10 HTML and HTML5 Cheat Sheet Anthology for Web Designer

1). A REFERENCE TO HTML5 TAGS

Like a lot of other web developers, I am also going to start learning HTML5. It’s time to get maximum benefit of HTML5 based browsers for our websites. Here I want to share a very useful cheatsheet on HTML5. It must be in your archive.

A REFERENCE TO HTML5 TAGS – 8 HTML and HTML5 Cheat Sheet Anthology for Web Designer

A REFERENCE TO HTML5 TAGS – 8 HTML and HTML5 Cheat Sheet Anthology for Web Designer

2). HTML Cheat Sheet

The HTML cheat sheet is a one-page A4 printable document, designed to provide a quick reference for HTML.

HTML Cheat Sheet - 8 HTML and HTML5 Cheat Sheet Anthology for Web Designer

HTML Cheat Sheet - 8 HTML and HTML5 Cheat Sheet Anthology for Web Designer

3). HTML5 Canvas Cheat Sheet

The information is pretty much just a copy of what is found in the WHATWG specs, just condensed and hopefully a bit easier to read. There are virtually no explanations, however, and no examples other than some graphics for compositing values and a few oth

HTML5 Canvas Cheat Sheet - 8 HTML and HTML5 Cheat Sheet Anthology for Web Designer

HTML5 Canvas Cheat Sheet - 8 HTML and HTML5 Cheat Sheet Anthology for Web Designer

4). HTML Character Entities Cheat Sheet

The HTML Character Entities cheat sheet is designed to act as a reference sheet, listing the various character codes in HTML.

HTML Character Entities Cheat Sheet - 8 HTML and HTML5 Cheat Sheet Anthology for Web Designer

HTML Character Entities Cheat Sheet - 8 HTML and HTML5 Cheat Sheet Anthology for Web Designer

5). Color Codes Matching Chart HTML

Note that the conversions in this color codes chart are best described as “nominal”. They will produce an invertible conversion between the RGB code and a subset of CMYK; that is, one can take an RGB color code and convert to certain CMYK colors, and from

Color Codes Matching Chart HTML - 8 HTML and HTML5 Cheat Sheet Anthology for Web Designer

Color Codes Matching Chart HTML - 8 HTML and HTML5 Cheat Sheet Anthology for Web Designer

6). HTML Cheat Sheet for Transition to HTML 5

A great quick reference for the transition from HTML 4 to HTML 5. Designed to help authors create polyglot HTML documents, this can also help in creating HTML 4 and XHTML documents, in addition to upgrading to HTML 5.

HTML Cheat Sheet for Transition to HTML 5 - 8 HTML and HTML5 Cheat Sheet Anthology for Web Designer

HTML Cheat Sheet for Transition to HTML 5 - 8 HTML and HTML5 Cheat Sheet Anthology for Web Designer

7). HTML5 Cheat Sheet from HTML5In24Hours

HTML5 Cheat Sheet from HTML5In24Hours

HTML5 Cheat Sheet from HTML5In24Hours - 8 HTML and HTML5 Cheat Sheet Anthology for Web Designer

HTML5 Cheat Sheet from HTML5In24Hours - 8 HTML and HTML5 Cheat Sheet Anthology for Web Designer

8). HTML5 Cheat Sheet ‘ Browser Support

HTML5 Cheat Sheet ‘ Browser Support

HTML5 Cheat Sheet ' Browser Support - 8 HTML and HTML5 Cheat Sheet Anthology for Web Designer

HTML5 Cheat Sheet ' Browser Support - 8 HTML and HTML5 Cheat Sheet Anthology for Web Designer

6 Color Reference Cheat Sheet Anthology for Web Designer

1). Color Reference Hexagon Mouse Pad

Keep your colors right at hand using this mouse pad.

Color Reference Hexagon Mouse Pad - 6 Color Reference Cheat Sheet Anthology for Web Designer

Color Reference Hexagon Mouse Pad - 6 Color Reference Cheat Sheet Anthology for Web Designer

2). RGB Hex Colour Chart

The RGB Hex colour chart is a very large (183kB) PNG file, and is sized to fit on a standard A4 piece of paper. It shows the 216 so-called “web safe” or “non-dithering” colours (there are actually only 22 web safe colours, but those are revolting).

RGB Hex Colour Chart - 6 Color Reference Cheat Sheet Anthology for Web Designer

RGB Hex Colour Chart - 6 Color Reference Cheat Sheet Anthology for Web Designer

3). Web safe color chart

Web safe color chart

Web safe color chart - 6 Color Reference Cheat Sheet Anthology for Web Designer

Web safe color chart - 6 Color Reference Cheat Sheet Anthology for Web Designer

4). Color Reference Guide

Color Reference Guide

Color Reference Guide - 6 Color Reference Cheat Sheet Anthology for Web Designer

Color Reference Guide - 6 Color Reference Cheat Sheet Anthology for Web Designer

5). Megapixels Chart

ach colored box represents a certain number of megapixels. The numbers along the top and left side are print dimensions in inches at 300ppi (pixels per inch). Most books and magazines require 300ppi for photo quality. For example, the chart shows that you

Megapixels Chart - 6 Color Reference Cheat Sheet Anthology for Web Designer

Megapixels Chart - 6 Color Reference Cheat Sheet Anthology for Web Designer

6). Pantone Colour Bridge CMYK Cheat Sheets

Convert your colours to different profiles with Pantone recommendations.

Pantone Colour Bridge CMYK Cheat Sheets - 6 Color Reference Cheat Sheet Anthology for Web Designer

Pantone Colour Bridge CMYK Cheat Sheets - 6 Color Reference Cheat Sheet Anthology for Web Designer

10 CSS and CSS3 Cheat Sheet Anthology for Web Designer

1). CSS3 Cheat Sheet (PDF)

In this post we present a printable CSS 3 Cheat Sheet (PDF), a complete listing of all the properties, selectors types and allowed values in the current CSS 3 specification from the W3C. Each property is provided in a section that attempts to match it with

CSS3 Cheat Sheet (PDF) - 10 CSS and CSS3 Cheat Sheet Anthology for Web Designer

CSS3 Cheat Sheet (PDF) - 10 CSS and CSS3 Cheat Sheet Anthology for Web Designer

2). WebKit CSS3 Cheat Sheet

Webkit CSS3 Cheat Sheet PDF From Sencha

WebKit CSS3 Cheat Sheet - 10 CSS and CSS3 Cheat Sheet Anthology for Web Designer

WebKit CSS3 Cheat Sheet - 10 CSS and CSS3 Cheat Sheet Anthology for Web Designer

3). CSS 2.1 and CSS 3 Help Cheat Sheets

Today we are glad to release two useful cheat sheets that will help you quickly look up the right CSS 2.1-property or an obscure CSS 3 property. The style sheets contain most important properties, explanations and keywords for each property. The help shee

CSS 2.1 and CSS 3 Help Cheat Sheets - 10 CSS and CSS3 Cheat Sheet Anthology for Web Designer

CSS 2.1 and CSS 3 Help Cheat Sheets - 10 CSS and CSS3 Cheat Sheet Anthology for Web Designer

4). Most Practical CSS Cheat Sheet Yet

The cheat sheet comes in landscape and portrait form and is designed to be printed on an A4 (standard) sheet of paper. You can post it on your wall, tape it to your desk, or put it in your pocket for those rare moments when you need to know how the box mo

Most Practical CSS Cheat Sheet Yet - 10 CSS and CSS3 Cheat Sheet Anthology for Web Designer

Most Practical CSS Cheat Sheet Yet - 10 CSS and CSS3 Cheat Sheet Anthology for Web Designer

5). CSS Cheat Sheet (V2)

The second version of the CSS Cheat Sheet, a quick reference guide for CSS, listing selector syntax, properties, units and other useful bits of information.

CSS Cheat Sheet (V2) - 10 CSS and CSS3 Cheat Sheet Anthology for Web Designer

CSS Cheat Sheet (V2) - 10 CSS and CSS3 Cheat Sheet Anthology for Web Designer

6). CSS Shorthand Cheat Sheet

Get help with some of the CSS elements that are so easy to forget.

CSS Shorthand Cheat Sheet - 10 CSS and CSS3 Cheat Sheet Anthology for Web Designer

CSS Shorthand Cheat Sheet - 10 CSS and CSS3 Cheat Sheet Anthology for Web Designer

7). CSS3 Color Names

Color names also known as color keywords, named colors and named color keywords in which their is 147 color names that are defined in the CSS3 color specification. Now the 147 color names also include the 17 standard color names.

CSS3 Color Names - 10 CSS and CSS3 Cheat Sheet Anthology for Web Designer

CSS3 Color Names - 10 CSS and CSS3 Cheat Sheet Anthology for Web Designer

8). CSS3 Cheat Sheet

For many of the CSS3 examples, older versions of Internet Explorer are the lone holdout with a limited number of workarounds, however these features degrade gracefully and may still be useful on new projects as long as this limitation is kept in mind.

CSS3 Cheat Sheet - 10 CSS and CSS3 Cheat Sheet Anthology for Web Designer

CSS3 Cheat Sheet - 10 CSS and CSS3 Cheat Sheet Anthology for Web Designer

9). CSS 2 Visual Cheat Sheet

This cheat sheet (3 pages) contains an essential reference to all CSS2 properties with detailed descriptions and some sample code. The simple visual style used to design this sheet allows you to find at a glance everything you are looking for.

CSS 2 Visual Cheat Sheet - 10 CSS and CSS3 Cheat Sheet Anthology for Web Designer

CSS 2 Visual Cheat Sheet - 10 CSS and CSS3 Cheat Sheet Anthology for Web Designer

10). CSS3 Compatibility table

CSS3 Compatibility table

CSS3 Compatibility table - 10 CSS and CSS3 Cheat Sheet Anthology for Web Designer

CSS3 Compatibility table - 10 CSS and CSS3 Cheat Sheet Anthology for Web Designer

9 Photoshop Cheat Sheet Anthology for Web Designer

1). Shortcut cheat sheet: Adobe Photoshop

Hey guys and gals! It’s time for the next 99designs Shortcut Cheat Sheet. This time it’s Adobe Photoshop ‘ perfect for pretty much anything except for logo design!

Shortcut cheat sheet: Adobe Photoshop - 9 Photoshop Cheat Sheet Anthology for Web Designer

Shortcut cheat sheet: Adobe Photoshop - 9 Photoshop Cheat Sheet Anthology for Web Designer

2). Photoshop CS5 Cheat Sheet

Here’s a Photoshop cheat sheet that focuses on important, useful functions, stuff that advanced users need to get their work done.

Photoshop CS5 Cheat Sheet - 8 Photoshop Cheat Sheet Anthology for Web Designer

Photoshop CS5 Cheat Sheet - 8 Photoshop Cheat Sheet Anthology for Web Designer

3). Photoshop Toolbox Refrences

This section of the site is a comprehensive Photoshop Toolbox reference. Click on a tool to view its video-manual

Photoshop Toolbox Refrences - 9 Photoshop Cheat Sheet Anthology for Web Designer

Photoshop Toolbox Refrences - 9 Photoshop Cheat Sheet Anthology for Web Designer

4). Adobe Photoshop CS4 Keyboard Shortcuts Cheat Sheet

All keyboard shortcuts organized into four pages, by menu, as well as alphabetically by key.

Adobe Photoshop CS4 Keyboard Shortcuts Cheat Sheet - 9 Photoshop Cheat Sheet Anthology for Web Designer

Adobe Photoshop CS4 Keyboard Shortcuts Cheat Sheet - 9 Photoshop Cheat Sheet Anthology for Web Designer

5). Adobe Photoshop CS3

All keyboard shortcuts organized into four pages, by menu, as well as alphabetically by key.

Adobe Photoshop CS3 - 9 Photoshop Cheat Sheet Anthology for Web Designer

Adobe Photoshop CS3 - 9 Photoshop Cheat Sheet Anthology for Web Designer

6). Adobe Photoshop CS2

All keyboard shortcuts organized into four pages, by menu, as well as alphabetically by key.

Adobe Photoshop CS2 - 9 Photoshop Cheat Sheet Anthology for Web Designer

Adobe Photoshop CS2 - 9 Photoshop Cheat Sheet Anthology for Web Designer

7). Adobe Photoshop CS

Adobe Photoshop CS

Adobe Photoshop CS - 9 Photoshop Cheat Sheet Anthology for Web Designer

Adobe Photoshop CS - 9 Photoshop Cheat Sheet Anthology for Web Designer

8). Photoshop Lasso Tool Cheatsheet

This month’s creative cheatsheet covers the Photoshop Lasso tool. We’ve distilled the basic functions of this widely used tool into a concise format that fits on a standard 3Ã�5 index card.

Photoshop Lasso Tool Cheatsheet - 9 Photoshop Cheat Sheet Anthology for Web Designer

Photoshop Lasso Tool Cheatsheet - 9 Photoshop Cheat Sheet Anthology for Web Designer

9). Photoshop Brush Tool Cheatsheet

Photoshop Brush Tool Cheatsheet

Photoshop Brush Tool Cheatsheet - 9 Photoshop Cheat Sheet Anthology for Web Designer

Photoshop Brush Tool Cheatsheet - 9 Photoshop Cheat Sheet Anthology for Web Designer

Conclusion

I hope you enjoy reading our 33 Cheat Sheet Anthology for Web Designers For Free. If you like this post please share it guys.

I am Anthony Pillos 22 years old from Philippines. I'm the founder of iapdesign website. I am working as a web developer/web designer. This is my life and my passion.

Leave a Reply

*

Next ArticleHow to Create an Oppa Gangnam Style Mascot in Photoshop by iAPDesign