Despite of years of practice and coding, it’s impossible for any designers to remember and know absolutely everything required for their work. The technology and trend is never constant. Whether it’s a programming language, CMS or any other framework, they need to refer the official document and a handy cheatsheet for best outcome in any design and development work.
In this today’s post, here we have collected the best cheatsheets that any web designers will need. Have a look at it below and enjoy your work!
1. CSS – Cascading Style Sheets
CSS Cheatsheet
Click here for the cheatsheet.

CSS Vocabulary
Click here for the cheatsheet.

fontfamily.io – Check Compatabilty of Default Local Fonts
Click here for the cheatsheet.

2. Popular CSS Frameworks
Complete Font Awesome Icon Reference Cheatsheet
Click here for the cheatsheet.

Foundation 5 Cheatsheet
Click here for the cheatsheet.

3. HTML – HyperText Markup Language
HTML Vocabulary
Click here for the cheatsheet.

HTML Elements Index
Click here for the cheatsheet.

4. JavaScript & jQuery
jQuery Quick API Reference Web
Click here for the cheatsheet.

JavaScript Regular Expression Cheatsheet
Click here for the cheatsheet.

Emmet Cheatsheet
Click here for the cheatsheet.

5. PHP
PHP Cheatsheet
Click here for the cheatsheet.

PHP Date & Timestamp Converter
Click here for the cheatsheet.

6. WordPress
Official WordPress Code Reference
Click here for the cheatsheet.

WordPress Codex
Click here for the cheatsheet.

7. Joomla!
Joomla! Official Documentation
Click here for the cheatsheet.

8. Drupal 7
Drupal Community Docs
Click here for the cheatsheet.

9. SEO
On-Page SEO Cheatsheet
Click here for the cheatsheet.

Punctuation, Symbols & Operators in Search
Click here for the cheatsheet.

10. Adobe Photoshop
Adobe Photoshop Keyboard Shortcuts (AZERTY)
Click here for the cheatsheet.

Adobe Photoshop Keyboard Shortcuts (QWERTY)
Click here for the cheatsheet.

11. Adobe Illustrator
Adobe Illustrator Keyboard Shortcuts (QWERTY)
Click here for the cheatsheet.

Adobe Illustrator Keyboard Shortcuts (AZERTY)
Click here for the cheatsheet.
