An Extensive Collection of Cheatsheets for Web Designers - Market Blog

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

of 11

Transcript of 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

    10/30/2014 An Extensive Collection of Cheatsheets for Web Designers - Market Blog

    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/
  • 8/10/2019 An Extensive Collection of Cheatsheets for Web Designers - Market Blog

    2/11

    10/30/2014 An Extensive Collection of Cheatsheets for Web Designers - Market Blog

    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/
  • 8/10/2019 An Extensive Collection of Cheatsheets for Web Designers - Market Blog

    3/11

    10/30/2014 An Extensive Collection of Cheatsheets for Web Designers - Market Blog

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

    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/
  • 8/10/2019 An Extensive Collection of Cheatsheets for Web Designers - Market Blog

    4/11

    10/30/2014 An Extensive Collection of Cheatsheets for Web Designers - Market Blog

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

    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/
  • 8/10/2019 An Extensive Collection of Cheatsheets for Web Designers - Market Blog

    5/11

    10/30/2014 An Extensive Collection of Cheatsheets for Web Designers - Market Blog

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

    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
  • 8/10/2019 An Extensive Collection of Cheatsheets for Web Designers - Market Blog

    6/11

    10/30/2014 An Extensive Collection of Cheatsheets for Web Designers - Market Blog

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

    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
  • 8/10/2019 An Extensive Collection of Cheatsheets for Web Designers - Market Blog

    7/11

    10/30/2014 An Extensive Collection of Cheatsheets for Web Designers - Market Blog

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

    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/10/2019 An Extensive Collection of Cheatsheets for Web Designers - Market Blog

    8/11

    10/30/2014 An Extensive Collection of Cheatsheets for Web Designers - Market Blog

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

    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/
  • 8/10/2019 An Extensive Collection of Cheatsheets for Web Designers - Market Blog

    9/11

    10/30/2014 An Extensive Collection of Cheatsheets for Web Designers - Market Blog

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

    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
  • 8/10/2019 An Extensive Collection of Cheatsheets for Web Designers - Market Blog

    10/11

    10/30/2014 An Extensive Collection of Cheatsheets for Web Designers - Market Blog

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

    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
  • 8/10/2019 An Extensive Collection of Cheatsheets for Web Designers - Market Blog

    11/11

    10/30/2014 An Extensive Collection of Cheatsheets for Web Designers - Market Blog

    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