De beste cheatsheets, gidsen en documenten voor webontwerpers en webontwikkelaars

door Bradley Nice, Content Manager bij ClickHelp.com - software documentatie tool

Geen enkele webontwerper of webontwikkelaar kan alles onthouden. Ze moeten dus constant enkele websites en cheatsheets raadplegen. Vandaag heb ik een heleboel cheatsheets, handleidingen en documenten samengesteld om tijd en moeite voor hen te besparen. In dit bericht vindt u nuttige links en printables voor webtalen, CMS en grafische editors. Geniet ervan!

Webtalen

HTML - HyperText Markup Language

  • HTML-woordenschat (web)
  • HTML-cheatsheet voor beginners (.png)
  • HTML5 Tag Cheatsheet (PDF & .png)
  • HTML5 Cheat Sheet (.png)
  • HTML5 Visual Cheat Sheet (.jpg)
  • HTML5 Tags Cheat Sheet (.png)
  • HTML5 Browser Ondersteuning (.png)
  • HTML Canvas Cheat Sheet (.jpg)
  • HTML5 Canvas Cheat Sheet (.png)
  • Het Mega HTML5 Cheat Sheet (.jpg)
  • HTML Cheat Sheet (nieuwe HTML5-tags inbegrepen) (PDF & jpg)
  • HTML-cheatsheet voor beginners (PDF)
  • HTML5 Visual Cheat Sheet (PDF)

CSS - Cascading Style Sheets

  • CSS Woordenschat (Web)
  • Cheatsheet voor mediaquery's (web)
  • fontfamily.io - Controleer de compatibiliteit van standaard lokale lettertypen (web)
  • Het ultieme cheatsheet van CSS inclusief CSS3-tags (PDF)
  • De Mega CSS3 Cheat Sheet Infographic (PDF & .jpeg)
  • CSS Cheat Sheet (PDF)
  • CSS Cheat Sheet (.jpg)

Populaire CSS-frameworks

  • Master Cheatsheet voor Bootstrap 3 (PDF)
  • Voltooid Cheatsheet voor lettertypewagenspictogram (web)
  • Bootstrap 3 Glyphicons Cheatsheet (Web)
  • Foundation 5 Cheatsheet (Web)

JavaScript & jQuery

  • Essentiële jQuery-cheatsheet voor beginners (.png)
  • jQuery Quick API Reference (Web)
  • jQuery 1.7 Visual Cheat Sheet (PDF)
  • Javascript Cheatsheet (Web)
  • jQuery Cheatsheet (Web)
  • JavaScript Cheatsheet voor reguliere expressie (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 door Dave Child (png & PDF)
  • PHPUnit Cheat Sheet (PNG & PDF)
  • Snelle referentiekaart (PDF)
  • WordPress PHP Cheatsheet (jpg)
  • PHP Help Cheatsheets (PDF)

CMS-cheatsheets

WordPress

  • Officiële WordPress Code Reference (Web)
  • WordPress Codex (web)
  • Compleet WordPress Cheat Sheet (PDF)
  • WordPress-sjabloontags (PDF)
  • WordPress Plugin API Cheat Sheet (PDF)
  • WordPress Visual Cheat Sheet (PDF)

Joomla!

  • Joomla! Officiële documentatie (web)
  • Joomla! 3.x Sjablonen Cheatsheet (PDF)

MODx-revolutie

  • MODx-revolutiedocumentatie (web)
  • Cheatsheets van MODx Revolution (PDF)

Concrete5

  • Concrete5 officiële documenten (web)

Drupal 7

  • Drupal Community Docs (Web)
  • Drupal 7 Database Cheatsheet (PDF)
  • Drupal jQuery Cheatsheet (PDF)
  • Drupal 7 Cheatsheet voor vertalingen (PDF)

Browser Dev Tools

  • Chrome Devtools Cheatsheet (Web)
  • Cheatsheet voor Firebug-sneltoetsen voor toetsenbord en muis (web)

Git & GitHub

  • Git Cheatsheet (PDF)
  • GitHub Visual Cheatsheet (PNG)
  • Een lijst met coole functies van Git en GitHub (web)
  • Git Pretty Flowchart (PDF)

Sublieme tekst

  • Sublime Text 3 OSX Cheatsheet (Web)

E-mail & nieuwsbrieven

  • Cheatsheet voor MailChimp Merge Tags (web)
  • Cheatsheet voor campagnemonitorsjabloon (PDF)

Sociale media

  • Cheatsheet voor sociale media-dimensies (PSD)
  • Social Media Cheatsheet (PDF)

SEO

  • SEO Cheatsheet van de Web Developer (PDF)
  • On-Page SEO Cheatsheet (Web)

Grafische editors

Schetsen

  • Sketch 3 Visual Cheatsheet (PNG)
  • Sneltoetsen voor Sketch-app (web)

Adobe Photoshop

  • Adobe Photoshop-sneltoetsen (AZERTY) (JPG)
  • Adobe Photoshop-sneltoetsen (QWERTY) (JPG)
  • Adobe Photoshop Reference Cheatsheet via Cheetyr (Web)

Adobe Illustrator

  • Adobe Illustrator-sneltoetsen (QWERTY) (JPG)
  • Adobe Illustrator-sneltoetsen (AZERTY) (JPG)
  • Adobe Illustrator Reference / Cheatsheet via Cheetyr (Web)

Handige checklists

  • Web Developer Checklist Chrome-extensie (CE)
  • Visual Web Design Checklist (Web)
  • Start checklist voor professionele WordPress-websites (web)
  • Checklist voor webtoegankelijkheid (web)
  • IxD - Checklist voor interactieontwerp (web)

Als u nog andere nuttige materialen kent, stel deze dan voor en ik voeg ze toe aan de lijst.

Fijne dag!

Bradley Nice,
Content Manager op ClickHelp.com - beste online documentatie-tool voor SaaS-leveranciers