An Extensive Collection of Cheatsheets for Web Designers - Market Blog

8/10/2019 An Extensive Collection of Cheatsheets for Web Designers - Market Blog

1/11


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

Market Blog

15

Tweet

Share

Resources October 23, 2014

An Extensive Collection of Cheatsheets forWeb Designers

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, coveringalmost 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/category/resources/http://market.envato.com/http://marketblog.envato.com/category/resources/https://www.facebook.com/sharer/sharer.php?u=http://marketblog.envato.com/resources/extensive-collection-cheatsheets-web-designers/http://twitter.com/home?status=Currently%20reading%20http://marketblog.envato.com/resources/extensive-collection-cheatsheets-web-designers/http://marketblog.envato.com/http://market.envato.com/


2/11


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

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

CSS Vocabulary Web

Media Queries Cheat Sheet Web

Responsive Web Design Cheatsheet PDF

fontfamily.io Check Compatabilty of Default Local Fonts Web

Popular CSS Frameworks

Master Cheatsheet for Bootstrap 3 PDF

Complete Font Awesome Icon Reference Cheatsheet Web

Bootstrap 3 Glyphicons Cheatsheet Web

View

View

View

View

View

View

View

View
http://glyphicons.bootstrapcheatsheets.com/http://fortawesome.github.io/Font-Awesome/cheatsheet/http://creativealive.com/master-cheat-sheet-twitter-bootstrap-3-pdf-download/http://fontfamily.io/http://blog.uxpin.com/4596/responsive-web-design-cheat-sheet/http://mac-blog.org.ua/css-3-media-queries-cheat-sheet/http://apps.workflower.fi/vocabs/css/enhttp://overapi.com/css/


3/11



Foundation 5 Cheatsheet Web

HTML HyperText Markup Language

HTML Vocabulary Web

HTML5 Tag Cheatsheet PDF

HTML Elements Index Web

JavaScript & jQuery

jQuery Quick API Reference Web Web

Javascript Cheatsheet via OverAPI.com Web Web

JavaScript Regular Expression Cheatsheet Web

Emmet Cheatsheet Web

PHP

PHP Cheatsheet via OverAPI.com Web

PHP Date & Timestamp Converter Web

Markdown

Markdown Quick Reference Cheatsheet Web

Printable Markdown Cheatsheet PDF

CMS Cheatsheets

View

View

View

View

View

View

View

View

View

View

View

View
http://themespectre.com/a-printable-markdown-cheat-sheet-notecard-sized/https://github.com/adam-p/markdown-here/wiki/Markdown-Cheatsheethttp://codular.com/datehttp://overapi.com/php/http://docs.emmet.io/cheat-sheet/https://www.debuggex.com/cheatsheet/regex/javascripthttp://overapi.com/javascript/http://oscarotero.com/jquery/http://meiert.com/en/indices/html-elements/http://websitesetup.org/html5-cheat-sheet/http://apps.workflower.fi/vocabs/html/enhttp://sudheerdev.github.io/Foundation5CheatSheet/


4/11



WordPress

Official WordPress Code Reference Web

WordPress Codex Web

Copy/Paste WordPress Cheatsheet PDF Web

Ghost

Ghost Cheatsheet Web

Ghost Developer Guides Web

Joomla!

Joomla! Official Documentation Web

Joomla! 3.x Templates Cheatsheet PDF

MODx Revolution

MODx Revolution Documentation Web

MODx Revolution's Cheatsheets PDF

Concrete5

Concrete5 Official Docs Web

Concrete5 Cheatsheet Web

View

View

View

View

View

View

View

View

View

View

View
http://www.weblicating.com/doku/doku.php?id=cheatsheet/#.VDo9tBYf7Schttp://www.concrete5.org/documentationhttp://forums.modx.com/index.php/topic,48252.0.htmlhttp://rtfm.modx.com/http://www.joomlack.fr/en/joomla-documentations-tutorials/joomla-3-x-templates-cheatsheethttp://docs.joomla.org/http://docs.ghost.org/http://stupidcodez.com/ghost-cheatsheet/http://www.buildyourownblog.net/wordpress-cheat-sheet.pdfhttp://codex.wordpress.org/https://developer.wordpress.org/reference/


5/11



Drupal 7

Drupal Community Docs Web

Drupal 7 Database Cheatsheet PDF

Drupal jQuery Cheatsheet PDF

Drupal 7 Translation Cheatsheet PDF

Browser Dev Tools

Chrome Devtools Cheatsheet Web

Firebug Keyboard and Mouse Shortcuts Cheatsheet Web

Git & GitHub

Git Cheatsheet via Git-Tower PDF

Git Cheatsheet via GitHub Training PDF

GitHub Visual Cheatsheet by Zack Rusin PNG

A List of Cool Features of Git and GitHub Web

Git Pretty Flowchart PDF

Sublime Text

Commonly Used Sublime-Text Command Cheatsheet Web

Sublime Text 3 OSX Cheatsheet Web

View

View

View

View

View

View

View

View

View

View

View

View

View
http://www.cheatography.com/martinprins/cheat-sheets/sublime-text-3-osx/http://csnipp.com/s/66/-List-of-commonly-used-sublime-text-commandshttp://justinhileman.info/article/git-pretty/https://github.com/tiimgreen/github-cheat-sheethttps://github.com/blog/104-visual-cheat-sheethttps://training.github.com/kit/downloads/github-git-cheat-sheet.pdfhttp://www.git-tower.com/blog/git-cheat-sheet/http://getfirebug.com/wiki/index.php/Keyboard_and_Mouse_Shortcutshttp://anti-code.com/devtools-cheatsheet/http://hojtsy.hu/files/Drupal7TranslationCheatSheetv2.pdfhttp://www.wizzlern.nl/drupal/drupal-jquery-cheat-sheethttp://www.wizzlern.nl/drupal/drupal-7-database-cheat-sheethttps://www.drupal.org/documentation


6/11



Email & Newsletters

MailChimp Merge Tags Cheatsheet Web

Campaign Monitor Template Cheatsheet PDF

Social Media

Social Media Dimensions Cheatsheet PSD

Social Media Cheatsheet PDF

SEO

The WebDeveloper's SEO Cheatsheet via Moz.com PDF

On-Page SEO Cheatsheet Web

Punctuation, Symbols & Operators in Search Web

Software Licenses

TLDRLegal Software Licenses Explained in Plain English Web

Graphic Editors

Sketch

Sketch 3 Visual Cheatsheet by Manuel Ebert PNG

Keyboard Shortcuts for Sketch App Web

View

View

View

View

View

View

View

View

View

View
http://sketchshortcuts.com/https://dribbble.com/shots/1522880-Sketch-3-Cheat-Sheethttps://tldrlegal.com/https://support.google.com/websearch/answer/2466433?hl=en&rd=1http://www.rickeliason.com/cheat-sheets/seo-cheat-sheet/http://d2eeipcrcdle6.cloudfront.net/seo-cheat-sheet/SEOCheatSheet_2-2013.pdfhttp://thepinkgroup.co.uk/social-media-cheat-sheet/https://github.com/seanmacentee/Social-Media-Dimensions-Cheatsheethttps://campaignmonitor.com/assets/files/templates/CampaignMonitor_cheatsheet.pdfhttp://kb.mailchimp.com/merge-tags/all-the-merge-tags-cheatsheet


7/11



Adobe Photoshop

Adobe Photoshop Keyboard Shortcuts (AZERTY) JPG

Adobe Photoshop Keyboard Shortcuts (QWERTY) JPG

Adobe Photoshop Reference Cheatsheet via Cheetyr Web

Adobe Illustrator

Adobe Illustrator Keyboard Shortcuts (QWERTY) JPG

Adobe Illustrator Keyboard Shortcuts (AZERTY) JPG

Adobe Illustrator Reference/Cheatsheet via Cheetyr Web

Handy Checklists

Web Developer Checklist Web

Web Developer Checklist Chrome Extension CE

Visual Web Design Checklist Web

Launch Check List for Professional WordPress Websites Web

Web Accessibility Checklist Web

Handy References

Can I useSupport tables for HTML5, CSS3, etc Web

Findguidelin.es Quicklinks to Style Guides Web

View

View

View

View

View

View

View

View

View

View

View

View

View
http://findguidelin.es/http://caniuse.com/http://a11yproject.com/checklist.htmlhttp://code.tutsplus.com/articles/a-launch-check-list-for-professional-wordpress-websites--cms-20565http://webdesignerschecklist.com/https://chrome.google.com/webstore/detail/web-developer-checklist/iahamcpedabephpcgkeikbclmaljebjphttp://webdevchecklist.com/http://www.cheetyr.com/illustratorhttp://ensombrecer.deviantart.com/art/Illustrator-Keyboard-Shortcuts-AZERTY-403640167http://ensombrecer.deviantart.com/art/Illustrator-Keyboard-Shortcuts-QWERTY-405039540http://www.cheetyr.com/photoshophttp://ensombrecer.deviantart.com/art/Photoshop-Keyboard-Shortcuts-QWERTY-404872260http://ensombrecer.deviantart.com/art/Photoshop-Keyboard-Shortcuts-AZERTY-403695927


8/11



What to read next:

Resources

Professional & Responsive HTML Newsletter Templates for YourBusiness

Resources

Customizing the WordPress Admin for Clients

Resources

50 Creepy Design Resources for Halloween

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

by Sufyan b.

by Prenten
http://marketblog.envato.com/author/apaulandrew/http://marketblog.envato.com/author/apaulandrew/http://marketblog.envato.com/author/apaulandrew/http://marketblog.envato.com/author/apaulandrew/http://marketblog.envato.com/resources/50-design-resources-halloween/http://marketblog.envato.com/category/resources/http://marketblog.envato.com/resources/customizing-wordpress-admin-clients/http://marketblog.envato.com/category/resources/http://marketblog.envato.com/resources/professional-responsive-html-newsletter-templates-business/http://marketblog.envato.com/category/resources/


9/11



15 Comments

Danielle

Amazeballs!

Luis Gimenez

Yesss https://support.google.com/web...

Nice post!

Paul Andrew Mod

Thanks Luis, just added it to SEO :-)

aditya menon

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

Yokocapolo

Brilliant resource, could you please add the Emmet cheat sheet?

http://docs.emmet.io/cheat-she...

Paul Andrew Mod

Done :-)

Yokocapolo

Thank you =)

Dan Michael

The best thing I have seen online all day! Well done Paul :)

by Paul A.
http://disqus.com/disqus_sTEbu9VWqI/http://disqus.com/disqus_sTEbu9VWqI/http://disqus.com/disqus_70kbgIbgPp/http://disqus.com/disqus_70kbgIbgPp/http://disqus.com/disqus_70kbgIbgPp/http://disqus.com/disqus_70kbgIbgPp/http://disqus.com/yokocapolo/http://disqus.com/disqus_70kbgIbgPp/http://disqus.com/zreedee/https://support.google.com/websearch/answer/2466433?hl=en&rd=1http://disqus.com/disqus_xPQz4y6Ot3/http://disqus.com/disqus_xPQz4y6Ot3/http://marketblog.envato.com/resources/extensive-collection-cheatsheets-web-designers/#comment-1658281003http://marketblog.envato.com/author/apaulandrew/http://disqus.com/disqus_sTEbu9VWqI/http://disqus.com/yokocapolo/http://disqus.com/disqus_70kbgIbgPp/http://disqus.com/yokocapolo/http://disqus.com/adityamenon/http://disqus.com/disqus_70kbgIbgPp/http://disqus.com/zreedee/http://disqus.com/disqus_xPQz4y6Ot3/http://marketblog.envato.com/resources/extensive-collection-cheatsheets-web-designers/#comment-1656966077http://marketblog.envato.com/resources/extensive-collection-cheatsheets-web-designers/#comment-1658314271http://marketblog.envato.com/resources/extensive-collection-cheatsheets-web-designers/#comment-1658408495http://marketblog.envato.com/resources/extensive-collection-cheatsheets-web-designers/#comment-1657436678http://marketblog.envato.com/resources/extensive-collection-cheatsheets-web-designers/#comment-1658314271http://docs.emmet.io/cheat-sheet/http://marketblog.envato.com/resources/extensive-collection-cheatsheets-web-designers/#comment-1657436678http://marketblog.envato.com/resources/extensive-collection-cheatsheets-web-designers/#comment-1657496706http://marketblog.envato.com/resources/extensive-collection-cheatsheets-web-designers/#comment-1658133720http://marketblog.envato.com/resources/extensive-collection-cheatsheets-web-designers/#comment-1658307016https://support.google.com/websearch/answer/2466433?hl=en&rd=1http://marketblog.envato.com/resources/extensive-collection-cheatsheets-web-designers/#comment-1658133720http://marketblog.envato.com/resources/extensive-collection-cheatsheets-web-designers/#comment-1658281003


10/11



Ryan Mortier

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

Paul Andrew Mod

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

Saijo George

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/

Paul Andrew Mod

Thanks Saijo :-)

Spencer Merritt

Amazing time saving resource!!!

Karan Desai

Amazing job! Thanks a ton Paul!!

Willen de Souza

This is GOLD. Thank you very much ...
http://disqus.com/disqus_sTEbu9VWqI/http://disqus.com/willendesouza/http://disqus.com/karandesai/http://disqus.com/spencermerritt/http://disqus.com/disqus_70kbgIbgPp/http://disqus.com/PPCInformer/http://disqus.com/disqus_70kbgIbgPp/http://disqus.com/ryanmortier/http://disqus.com/disqus_sTEbu9VWqI/http://marketblog.envato.com/resources/extensive-collection-cheatsheets-web-designers/#comment-1658438178http://marketblog.envato.com/resources/extensive-collection-cheatsheets-web-designers/#comment-1657434763http://marketblog.envato.com/resources/extensive-collection-cheatsheets-web-designers/#comment-1657461219http://marketblog.envato.com/resources/extensive-collection-cheatsheets-web-designers/#comment-1650778608http://marketblog.envato.com/resources/extensive-collection-cheatsheets-web-designers/#comment-1654679033http://findguidelin.es/http://www.cheetyr.com/http://saijogeorge.com/best-marketing-tools/http://www.designerslist.info/http://www.webdesignrepo.com/http://beaqn.in/webdesign/http://marketblog.envato.com/resources/extensive-collection-cheatsheets-web-designers/#comment-1650778608http://marketblog.envato.com/resources/extensive-collection-cheatsheets-web-designers/#comment-1651874127http://marketblog.envato.com/resources/extensive-collection-cheatsheets-web-designers/#comment-1654676612http://justinhileman.info/article/git-pretty/full/http://marketblog.envato.com/resources/extensive-collection-cheatsheets-web-designers/#comment-1651874127


11/11


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

Email Address

Privacy Policy

Photographing the Constantly

Changing City of New York

Truly amazing...

Customizing the WordPress Admin for

Clients

Paul and Alex,You

should check out this plugin from Vasyl,

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

Simple Methods for Speeding Up

WordPress

Envato trying to censor me but

I also use that plugin and it works nice

Our Little Monsters Halloween Contest

is Now Live!

Little Monsters? Sounds

like a Lady Gaga competition :D

Follow us

Email Newsletters

Subscribe
http://market.envato.com/https://help.disqus.com/customer/portal/articles/1657951?utm_source=disqus&utm_medium=embed-footer&utm_content=privacy-btnhttps://disqus.com/websites/?utm_source=envatomarketblog&utm_medium=Disqus-Footerhttp://disqus.com/http://redirect.disqus.com/url?url=http%3A%2F%2Fmarketblog.envato.com%2Fcompetitions%2Flittle-monsters-halloween-contest-now-live%2F%3As3q91-cnGNSvRZZ8NmBRXZPWVO4&imp=496t62p3gbs4du&prev_imp&forum_id=3158535&forum=envatomarketblog&thread_id=3147074023&major_version=metadata&thread=3121056684&zone=thread&area=discoveryhttp://redirect.disqus.com/url?url=http%3A%2F%2Fmarketblog.envato.com%2Fcompetitions%2Flittle-monsters-halloween-contest-now-live%2F%3As3q91-cnGNSvRZZ8NmBRXZPWVO4&imp=496t62p3gbs4du&prev_imp&forum_id=3158535&forum=envatomarketblog&thread_id=3147074023&major_version=metadata&thread=3121056684&zone=thread&area=discoveryhttp://redirect.disqus.com/url?url=http%3A%2F%2Fmarketblog.envato.com%2Ftips%2Fsimple-methods-speeding-wordpress%2F%3AaDlFwrzA9073hqV6_Maib5UtUNk&imp=496t62p3gbs4du&prev_imp&forum_id=3158535&forum=envatomarketblog&thread_id=3147074023&major_version=metadata&thread=3162937643&zone=thread&area=discoveryhttp://redirect.disqus.com/url?url=http%3A%2F%2Fmarketblog.envato.com%2Ftips%2Fsimple-methods-speeding-wordpress%2F%3AaDlFwrzA9073hqV6_Maib5UtUNk&imp=496t62p3gbs4du&prev_imp&forum_id=3158535&forum=envatomarketblog&thread_id=3147074023&major_version=metadata&thread=3162937643&zone=thread&area=discoveryhttp://redirect.disqus.com/url?url=http%3A%2F%2Fmarketblog.envato.com%2Fresources%2Fcustomizing-wordpress-admin-clients%2F%3AWR96Z1nUszXSPUKVz0xWm40qQRE&imp=496t62p3gbs4du&prev_imp&forum_id=3158535&forum=envatomarketblog&thread_id=3147074023&major_version=metadata&thread=3111745901&zone=thread&area=discoveryhttp://redirect.disqus.com/url?url=http%3A%2F%2Fmarketblog.envato.com%2Fresources%2Fcustomizing-wordpress-admin-clients%2F%3AWR96Z1nUszXSPUKVz0xWm40qQRE&imp=496t62p3gbs4du&prev_imp&forum_id=3158535&forum=envatomarketblog&thread_id=3147074023&major_version=metadata&thread=3111745901&zone=thread&area=discoveryhttp://redirect.disqus.com/url?url=http%3A%2F%2Fmarketblog.envato.com%2Finspirations%2Fphotographing-constantly-changing-city-new-york-2%2F%3Ak2wBP43SRQEnMo_zVkatr4hSMrI&imp=496t62p3gbs4du&prev_imp&forum_id=3158535&forum=envatomarketblog&thread_id=3147074023&major_version=metadata&thread=3079081532&zone=thread&area=discoveryhttp://redirect.disqus.com/url?url=http%3A%2F%2Fmarketblog.envato.com%2Finspirations%2Fphotographing-constantly-changing-city-new-york-2%2F%3Ak2wBP43SRQEnMo_zVkatr4hSMrI&imp=496t62p3gbs4du&prev_imp&forum_id=3158535&forum=envatomarketblog&thread_id=3147074023&major_version=metadata&thread=3079081532&zone=thread&area=discoveryhttp://themeforest.net/legal/privacyhttp://marketblog.envato.com/feed/https://plus.google.com/u/0/b/112592709425670873637/112592709425670873637/postshttp://twitter.com/envatomarkethttp://www.facebook.com/envatomarket

An Extensive Collection of Cheatsheets for Web Designers - Market Blog

Documents

Transcript of An Extensive Collection of Cheatsheets for Web Designers - Market Blog