The Best Cheat Sheets, Guides & Docs for Web Designers and Web Developers

Bradley Nice

·

Follow

Published in

Level Up!

·

5 min read

·

Nov 4, 2017

--

6

Listen

Share

by Bradley Nice, Content Manager at ClickHelp.com — software documentation tool

No web designer or web developer can remember everything. So they should constantly consult some websites and cheat sheets. Today I’ve compiled a whole lot of cheat sheets, guides & docs to save time and efforts for them. In this post you’ll find useful links and printables for web languages, CMS and graphic editors. Please, enjoy!

Web Languages

HTML — HyperText Markup Language

• HTML Vocabulary (Web)
• Beginner’s HTML Cheat Sheet (.png)

• HTML5 Tag Cheatsheet (PDF & .png)

• HTML5 Cheat Sheet (.png)

• HTML5 Visual Cheat Sheet (.jpg)

• HTML5 Tags Cheat Sheet (.png)

• HTML5 Browser Support (.png)

• HTML Canvas Cheat Sheet (.jpg)

• HTML5 Canvas Cheat Sheet (.png)

• The Mega HTML5 Cheat Sheet (.jpg)

• HTML Cheat Sheet (New HTML5 Tags Included) (PDF & jpg)

• Beginner’s HTML Cheat Sheet (PDF)

• HTML5 Visual Cheat Sheet (PDF)

CSS — Cascading Style Sheets

• CSS Vocabulary (Web)
• Media Queries Cheat Sheet (Web)
• fontfamily.io — Check Compatabilty of Default Local Fonts (Web)
• The Ultimate CSS Cheat Sheet Including CSS3 Tags (PDF)

• The Mega CSS3 Cheat Sheet Infographic (PDF & .jpeg)

• CSS Cheat Sheet (PDF)

• CSS Cheat Sheet (.jpg)

Popular CSS Frameworks

• Master Cheatsheet for Bootstrap 3 (PDF)

• Complete Font Awesome Icon Reference Cheatsheet (Web)

• Bootstrap 3 Glyphicons Cheatsheet (Web)

• Foundation 5 Cheatsheet (Web)

JavaScript & jQuery

• Beginner’s essential jQuery Cheat Sheet (.png)

• jQuery Quick API Reference (Web)
• jQuery 1.7 Visual Cheat Sheet (PDF)

• Javascript Cheatsheet (Web)

• jQuery Cheatsheet (Web)

• JavaScript Regular Expression Cheatsheet (Web)
• jQuery 1.3 Cheat Sheet (.png)

• jQuery 1.9 The Mega Cheat Sheet (.jpg)

PHP

• PHP Cheatsheet (Web)

• PHP Date & Timestamp Converter (Web)
• PHP Cheat Sheet by Dave Child (png & PDF)

• PHPUnit Cheat Sheet (PNG & PDF)

• Quick Reference Chart (PDF)

• WordPress PHP Cheatsheet (jpg)

• PHP Help Cheatsheets (PDF)

CMS Cheatsheets

WordPress

• Official WordPress Code Reference (Web)
• WordPress Codex (Web)
• Complete WordPress Cheat Sheet (PDF)

• WordPress Template Tags (PDF)

• WordPress Plugin API Cheat Sheet (PDF)

• WordPress Visual Cheat Sheet (PDF)

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)

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 (PDF)

• GitHub Visual Cheatsheet (PNG)
• A List of Cool Features of Git and GitHub (Web)
• Git Pretty Flowchart (PDF)

Sublime Text

• Sublime Text 3 OSX Cheatsheet (Web)

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 Web Developer’s SEO Cheatsheet (PDF)
• On-Page SEO Cheatsheet (Web)

Graphic Editors

Sketch

• Sketch 3 Visual Cheatsheet (PNG)
• Keyboard Shortcuts for Sketch App (Web)

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 Chrome Extension (CE)
• Visual Web Design Checklist (Web)
• Launch Check List for Professional WordPress Websites (Web)
• Web Accessibility Checklist (Web)
• IxD — Interaction Design Checklist (Web)

If you know any other useful materials, please, suggest, and I’ll add them to the list.

Have a nice day!

Bradley Nice,
Content Manager at ClickHelp.com — best online documentation tool for SaaS vendors