FLS blog

share the best free resources

Cheatsheets for Web Designers

Category : Help · by Nov 24th, 2014

It doesn’t matter how many years of experience you have of a programming language, framework or CMS, you will always need a handy quick reference cheatsheet. Here’s a collection of useful cheatsheets, references, guides, checklists and docs, covering almost all aspects of web design.

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

Popular CSS Frameworks

Master Cheatsheet for Bootstrap 3 PDF View
Complete Font Awesome Icon Reference Cheatsheet Web View
Bootstrap 3 Glyphicons Cheatsheet Web View
Foundation 5 Cheatsheet Web View

HTML – HyperText Markup Language

HTML Vocabulary Web View
HTML5 Tag Cheatsheet PDF View
HTML 5 Cheat Sheet Infographic PDF View
HTML5 Cheatsheet Web / PDF View
HTML Elements Index Web View
HTML Canvas Web / PDF View

JavaScript & jQuery

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

CMS Cheatsheets


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

MODx Revolution Documentation Web View
MODx Revolution’s Cheatsheets PDF View


Concrete5 Official Docs Web View
Concrete5 Cheatsheet Web View

Drupal 7

Drupal Community Docs Web View
Drupal 7 Database Cheatsheet PDF View
Drupal jQuery Cheatsheet PDF View
Drupal 7 Translation Cheatsheet PDF View

Browser Dev Tools

Chrome Devtools Cheatsheet Web View
Firebug Keyboard and Mouse Shortcuts Cheatsheet Web View

Git & GitHub

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

Sublime Text

Commonly Used Sublime-Text Command Cheatsheet Web View
Sublime Text 3 OSX Cheatsheet Web View

Email & Newsletters

MailChimp Merge Tags Cheatsheet Web View
Campaign Monitor Template Cheatsheet PDF View

Social Media

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

Software Licenses

TLDRLegal – Software Licenses Explained in Plain English Web View

Graphic Editors


Sketch 3 Visual Cheatsheet by Manuel Ebert PNG View
Keyboard Shortcuts for Sketch App Web View

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

Adobe Illustrator Keyboard Shortcuts (QWERTY) JPG View
Adobe Illustrator Keyboard Shortcuts (AZERTY) JPG View
Adobe Illustrator Reference/Cheatsheet via Cheetyr Web View

Handy Checklists

Web Developer Checklist Web View
Web Developer Checklist Chrome Extension CE View
Visual Web Design Checklist Web View
Launch Check List for Professional WordPress Websites Web View
Web Accessibility Checklist Web View
Usability Checklist Web View
IxD – Interaction Design Checklist Web View

Handy References

Can I use… Support tables for HTML5, CSS3, etc Web View
Findguidelin.es – Quicklinks to Style Guides Web View


How to Switch from HTTP to HTTPS Web, PDF View

Marin Petrov is a young freelancer and designer from Sofia, Bulgaria. As a founder of FrelancerStuff and owner of PMD Studio, he enjoys posting and sharing his experiences in freelancing and design with others.

(2) comments

    Marin Petrov
    8 years ago · Reply

    Благодаря за споделянето. Надявам се да е полезна статията.

Leave a Reply

Your email address will not be published.