De beste jukseark, guider og dokumenter for webdesignere og webutviklere

av Bradley Nice, Content Manager på ClickHelp.com - dokumentasjonsverktøy for programvare

Ingen webdesigner eller webutvikler kan huske alt. Så de bør stadig konsultere noen nettsteder og jukseark. I dag har jeg samlet en hel masse jukseark, guider og dokumenter for å spare tid og krefter for dem. I dette innlegget finner du nyttige lenker og utskriftsmuligheter for webspråk, CMS og grafiske redaktører. Kos deg!

Nettspråk

HTML - HyperText Markup Language

  • HTML-vokabular (nett)
  • Nybegynnerens HTML Cheat Sheet (.png)
  • HTML5 Tag Cheatsheet (PDF & .png)
  • HTML5 Cheat Sheet (.png)
  • HTML5 Visual Cheat Sheet (.jpg)
  • HTML5 Tagger Cheat Sheet (.png)
  • HTML5 Nettleserstøtte (.png)
  • HTML lerret jukseark (.jpg)
  • HTML5 lerret jukseark (.png)
  • Mega HTML5 Cheat Sheet (.jpg)
  • HTML jukseark (nye HTML5-tagger inkludert) (PDF og jpg)
  • Nybegynnerens HTML Cheat Sheet (PDF)
  • HTML5 Visual Cheat Sheet (PDF)

CSS - Cascading Style Sheets

  • CSS-ordforråd (nett)
  • Media Queries Cheat Sheet (Web)
  • fontfamily.io - Sjekk kompatibilitet med standard lokale fonter (nett)
  • Det ultimate CSS-jukseark inkludert CSS3-tagger (PDF)
  • Mega CSS3 Cheat Sheet Infographic (PDF og .jpeg)
  • CSS Cheat Sheet (PDF)
  • CSS Cheat Sheet (.jpg)

Populære CSS-rammer

  • Master Cheatsheet for Bootstrap 3 (PDF)
  • Komplett jukseark for referanse-skjema for fantastisk ikon for font (nett)
  • Bootstrap 3 Glyphicons Cheatsheet (Web)
  • Foundation 5 Cheatsheet (Web)

JavaScript og jQuery

  • Nybegynnerens viktige jQuery Cheat Sheet (.png)
  • jQuery Quick API Reference (Web)
  • jQuery 1.7 Visual Cheat Sheet (PDF)
  • Javascript Cheatsheet (Web)
  • jQuery Cheatsheet (Web)
  • JavaScript-regneark for vanlig uttrykk (nett)
  • 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 av Dave Child (png & PDF)
  • PHPUnit Cheat Sheet (PNG & PDF)
  • Hurtigreferansediagram (PDF)
  • WordPress PHP Cheatsheet (jpg)
  • PHP Help Cheatsheets (PDF)

CMS Cheatsheets

WordPress

  • Offisiell WordPress-kodereferanse (nett)
  • WordPress Codex (Web)
  • Komplett WordPress Cheat Sheet (PDF)
  • WordPress Template Tags (PDF)
  • WordPress Plugin API Cheat Sheet (PDF)
  • WordPress Visual Cheat Sheet (PDF)

Joomla!

  • Joomla! Offisiell dokumentasjon (nett)
  • Joomla! 3.x Mal Cheatsheet (PDF)

MODx Revolution

  • MODx Revolution Documentation (Web)
  • MODx Revolution's Cheatsheets (PDF)

concrete5

  • Concrete5 offisielle dokumenter (nettet)

Drupal 7

  • Drupal Community Docs (Web)
  • Drupal 7 Database Cheatsheet (PDF)
  • Drupal jQuery Cheatsheet (PDF)
  • Drupal 7 Oversettelse cheatsheet (PDF)

Nettleser Dev Tools

  • Chrome Devtools Cheatsheet (Internett)
  • Firebug-tastatur og musesnarveier Cheatsheet (Web)

Git & GitHub

  • Git Cheatsheet (PDF)
  • GitHub Visual Cheatsheet (PNG)
  • En liste over kule funksjoner i Git og GitHub (Web)
  • Git Pretty Flowchart (PDF)

Sublime tekst

  • Sublime Text 3 OSX Cheatsheet (Web)

E-post og nyhetsbrev

  • MailChimp Merge Tags Cheatsheet (Web)
  • Kampanje Monitor Mal Cheatsheet (PDF)

Sosiale medier

  • Social Media Dimensions Cheatsheet (PSD)
  • Cheatsheet for sosiale medier (PDF)

SEO

  • Webutviklerens SEO-jukseark (PDF)
  • SEO-jukseark på nettet (nett)

Grafiske redaktører

Skisse

  • Sketch 3 Visual Cheatsheet (PNG)
  • Tastatursnarveier for skisseapp (nett)

Adobe Photoshop

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

Adobe Illustrator

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

Praktiske sjekklister

  • Nettutvikler-sjekkliste Chrome-utvidelse (CE)
  • Sjekkliste for visuell nettdesign (nett)
  • Start sjekkliste for profesjonelle WordPress-nettsteder (nett)
  • Sjekkliste for netttilgjengelighet (nett)
  • IxD - Sjekkliste for interaksjonsdesign (nett)

Hvis du kjenner til noe annet nyttig materiale, kan du foreslå, så legger jeg dem til på listen.

Ha en fin dag!

Bradley Nice,
Content Manager hos ClickHelp.com - det beste online dokumentasjonsverktøyet for SaaS-leverandører