10/30/2014

An Extensive Collection of Cheatsheets for Web Designers - Market Blog

Market Blog

Resources

October 23, 2014

An Extensive Collection of Cheatsheets for

Web Designers
15

Tweet

Share

It doesnt matter how many years of experience you have of a programming language,
framework or CMS, you will always need to, from time to time, refer to the official
documentation or, and more than likely, a handy quick reference cheatsheet, as its
literally impossible to remember and know absolutely everything.
In this post I have collected an avalanche of useful cheatsheets, references, guides,
checklists and docs, covering almost all aspects of web design, that will not only help to
improve your productivity, but will also help to solve some of those frustrating
programming issues that often arise (Im looking at you PHP!).
Just click on the view button beside each resource and either save the PDF or
bookmark the page.

http://marketblog.envato.com/resources/extensive-collection-cheatsheets-web-designers/

1/11

10/30/2014

An Extensive Collection of Cheatsheets for Web Designers - Market Blog

Cheatsheets for Web Designers

For speed and efficiency, Ive categorized all of the cheatsheets and checklists for you.
So just click on one of the links below and you will be taken directly to the relevant
selection. Of course, if you want to just browse, just keep on scrolling down.
CSS

HTML

JavaScript

PHP

Markdown

WordPress

Ghost

Joomla

ModX

Concrete5

Drupal

Browsers

Git

Sublime Text

Newsletters

Social Media

SEO

Licenses

Graphic Editors

Checklists

Web Languages
CSS Cascading Style Sheets
CSS Cheatsheet via OverAPI.com

Web

View

CSS Vocabulary

Web

View

Media Queries Cheat Sheet

Web

View

Responsive Web Design Cheatsheet

PDF

View

fontfamily.io Check Compatabilty of Default Local Fonts

Web

View

Master Cheatsheet for Bootstrap 3

PDF

View

Complete Font Awesome Icon Reference Cheatsheet

Web

View

Bootstrap 3 Glyphicons Cheatsheet

Web

View

Popular CSS Frameworks

http://marketblog.envato.com/resources/extensive-collection-cheatsheets-web-designers/

2/11

10/30/2014

An Extensive Collection of Cheatsheets for Web Designers - Market Blog

Foundation 5 Cheatsheet

Web

View

HTML Vocabulary

Web

View

HTML5 Tag Cheatsheet

PDF

View

HTML Elements Index

Web

View

jQuery Quick API Reference Web

Web

View

Javascript Cheatsheet via OverAPI.com Web

Web

View

JavaScript Regular Expression Cheatsheet

Web

View

Emmet Cheatsheet

Web

View

PHP Cheatsheet via OverAPI.com

Web

View

PHP Date & Timestamp Converter

Web

View

Markdown Quick Reference Cheatsheet

Web

View

Printable Markdown Cheatsheet

PDF

View

HTML HyperText Markup Language

JavaScript & jQuery

PHP

Markdown

CMS Cheatsheets
http://marketblog.envato.com/resources/extensive-collection-cheatsheets-web-designers/

3/11

10/30/2014

An Extensive Collection of Cheatsheets for Web Designers - Market Blog

WordPress
Official WordPress Code Reference

Web

View

WordPress Codex

Web

View

Copy/Paste WordPress Cheatsheet PDF

Web

View

Ghost Cheatsheet

Web

View

Ghost Developer Guides

Web

View

Joomla! Official Documentation

Web

View

Joomla! 3.x Templates Cheatsheet

PDF

View

MODx Revolution Documentation

Web

View

MODx Revolution's Cheatsheets

PDF

View

Concrete5 Official Docs

Web

View

Concrete5 Cheatsheet

Web

View

Ghost

Joomla!

MODx Revolution

Concrete5

http://marketblog.envato.com/resources/extensive-collection-cheatsheets-web-designers/

4/11

10/30/2014

An Extensive Collection of Cheatsheets for Web Designers - Market Blog

Drupal 7
Drupal Community Docs

Web

View

Drupal 7 Database Cheatsheet

PDF

View

Drupal jQuery Cheatsheet

PDF

View

Drupal 7 Translation Cheatsheet

PDF

View

Chrome Devtools Cheatsheet

Web

View

Firebug Keyboard and Mouse Shortcuts Cheatsheet

Web

View

Git Cheatsheet via Git-Tower

PDF

View

Git Cheatsheet via GitHub Training

PDF

View

GitHub Visual Cheatsheet by Zack Rusin

PNG

View

A List of Cool Features of Git and GitHub

Web

View

Git Pretty Flowchart

PDF

View

Commonly Used Sublime-Text Command Cheatsheet

Web

View

Sublime Text 3 OSX Cheatsheet

Web

View

Browser Dev Tools

Git & GitHub

Sublime Text

http://marketblog.envato.com/resources/extensive-collection-cheatsheets-web-designers/

5/11

10/30/2014

An Extensive Collection of Cheatsheets for Web Designers - Market Blog

Email & Newsletters

MailChimp Merge Tags Cheatsheet

Web

View

Campaign Monitor Template Cheatsheet

PDF

View

Social Media Dimensions Cheatsheet

PSD

View

Social Media Cheatsheet

PDF

View

The Web Developer's SEO Cheatsheet via Moz.com

PDF

View

On-Page SEO Cheatsheet

Web

View

Punctuation, Symbols & Operators in Search

Web

View

Web

View

Sketch 3 Visual Cheatsheet by Manuel Ebert

PNG

View

Keyboard Shortcuts for Sketch App

Web

View

Social Media

SEO

Software Licenses
TLDRLegal Software Licenses Explained in Plain English

Graphic Editors
Sketch

http://marketblog.envato.com/resources/extensive-collection-cheatsheets-web-designers/

6/11

10/30/2014

An Extensive Collection of Cheatsheets for Web Designers - Market Blog

Adobe Photoshop
Adobe Photoshop Keyboard Shortcuts (AZERTY)

JPG

View

Adobe Photoshop Keyboard Shortcuts (QWERTY)

JPG

View

Adobe Photoshop Reference Cheatsheet via Cheetyr

Web

View

Adobe Illustrator Keyboard Shortcuts (QWERTY)

JPG

View

Adobe Illustrator Keyboard Shortcuts (AZERTY)

JPG

View

Adobe Illustrator Reference/Cheatsheet via Cheetyr

Web

View

Web

View

CE

View

Visual Web Design Checklist

Web

View

Launch Check List for Professional WordPress Websites

Web

View

Web Accessibility Checklist

Web

View

Can I use Support tables for HTML5, CSS3, etc

Web

View

Findguidelin.es Quicklinks to Style Guides

Web

View

Adobe Illustrator

Handy Checklists
Web Developer Checklist
Web Developer Checklist Chrome Extension

Handy References

http://marketblog.envato.com/resources/extensive-collection-cheatsheets-web-designers/

7/11

10/30/2014

An Extensive Collection of Cheatsheets for Web Designers - Market Blog

Have I Missed Any?

There are a multitude of cheatsheets and references out there, and Im sure that I have
missed a few, so if I have missed, please let me know in the comments below and I will
add them to the post.

Paul Andrew
I'm Paul Andrew, content lead on Market Blog.
More

What to read next:

Resources

Professional & Responsive HTML Newsletter Templates for Your

Business
by Sufyan b.

Resources

Customizing the WordPress Admin for Clients

by Prenten

Resources

50 Creepy Design Resources for Halloween

http://marketblog.envato.com/resources/extensive-collection-cheatsheets-web-designers/

8/11

10/30/2014

An Extensive Collection of Cheatsheets for Web Designers - Market Blog

by Paul A.

15 Comments

Market Blog

Login

Share Favorite

Sort by Best

Join the discussion

Danielle

a day ago

Amazeballs!
3

Reply Share

Luis Gimenez

a day ago

Yesss https://support.google.com/web...
Nice post!
2

Reply Share

Paul Andrew

Mod

> Luis Gimenez a day ago

Thanks Luis, just added it to SEO :-)

aditya menon

Reply Share

2 days ago

Holy mother of god. Absolutely fantastic. THANKS for collecting it all in one place!!
2

Reply Share

Yokocapolo

2 days ago

Brilliant resource, could you please add the Emmet cheat sheet?
http://docs.emmet.io/cheat-she...
2

Reply Share

Paul Andrew

Mod

> Yokocapolo a day ago

Done :-)

Reply Share

Yokocapolo > Paul Andrew

a day ago

Thank you =)

Dan Michael

Reply Share

2 days ago

The best thing I have seen online all day! Well done Paul :)
http://marketblog.envato.com/resources/extensive-collection-cheatsheets-web-designers/

9/11

10/30/2014

An Extensive Collection of Cheatsheets for Web Designers - Market Blog

Reply Share

Ryan Mortier

6 days ago

Here is another Git related one: http://justinhileman.info/arti...

2

Reply Share

Paul Andrew

Mod

> Ryan Mortier 4 days ago

Brilliant Ryan. Git Pretty has just been added :-)

Saijo George

Reply Share

6 days ago

Epic resource Paul. Here are a few more that could be considered
Web Design :
http://beaqn.in/webdesign/
http://www.webdesignrepo.com/
http://www.designerslist.info/
SEO
http://saijogeorge.com/best-ma... ( I am obviously biased about this :D )
Cheatsheet for Cheatsheets
http://www.cheetyr.com/
Quicklinks to Style Guides
http://findguidelin.es/
2

Reply Share

Paul Andrew

Mod

> Saijo George 4 days ago

Thanks Saijo :-)

Reply Share

Spencer Merritt

2 days ago

Amazing time saving resource!!!

1

Reply Share

Karan Desai

2 days ago

Amazing job! Thanks a ton Paul!!

1

Reply Share

Willen de Souza

a day ago

This is GOLD. Thank you very much ...

Reply Share

http://marketblog.envato.com/resources/extensive-collection-cheatsheets-web-designers/

10/11

10/30/2014

An Extensive Collection of Cheatsheets for Web Designers - Market Blog

WHAT'S THIS?

ALSO ON MARKET BLOG

Photographing the Constantly

Changing City of New York

Customizing the WordPress Admin for

Clients

1 comment a month ago

6 comments 17 days ago

KeenThemes Truly amazing...

Lanauze Designs Paul and Alex,You

should check out this plugin from Vasyl,

https://wordpress.org/plugins/... I use

Simple Methods for Speeding Up

WordPress

Our Little Monsters Halloween Contest

is Now Live!

5 comments 2 days ago

1 comment 14 days ago

pastyn Envato trying to censor me but

Sam Berson Little Monsters? Sounds

I also use that plugin and it works nice

like a Lady Gaga competition :D

Subscribe

Add Disqus to your site

Privacy

Follow us

Email Newsletters
Subscribe to receive inspiration, news, and ideas in your inbox.

Email Address
Subscribe
Privacy Policy

http://marketblog.envato.com/resources/extensive-collection-cheatsheets-web-designers/

11/11