30 Handy Cheat Sheets og Reference Guides for Web Professionals
Cheat sheets og reference guider er nyttige for både begyndere og avancerede web-fagfolk.
De kan bruges til at hjælpe dig med at huske syntaks eller som et værktøj til at hjælpe med at huske.
I dette indlæg sigter vi på at dække referenceguiderne for alle de mest almindeligt anvendte platforme, software og kodningssprog.
Nedenfor finder du en samling af de 30 mest nyttige og velorganiserede snydeark, tjeklister og referenceguider.
Hvis du kender til et nyttigt snydeark, som vi ikke har dækket her, kan du dele linket i kommentarfeltet i slutningen af artiklen.
1. 25-Point Website Usability Checklist
Brugervenlighed er et centralt problem for enhver webudvikler. 25-Point Website Usability Checklist er en simpel trin-for-trin liste, der kan hjælpe din hjemmeside med at opnå maksimal brugervenlighed.
Fire hovedkomponenter er omfattet af denne tjekliste: tilgængelighed, identitet, navigation og indhold . Listen er en udskrivbar PDF og indeholder et ratingsystem og plads til kommentarer.
Download 25-Point Website Usability Checklist
2. Browser Kompatibilitetstabel
Dette er en fantastisk referencevejledning for at sikre browserens kompatibilitet.
Nedenfor er et uddrag fra en tabel, der indeholder en liste over forskellige CSS-regler og deres kompatibilitet med almindelige browsere og operativsystemer. Med et hurtigt overblik kan designeren eller udvikleren notere, hvilke CSS-egenskaber der skal bruges eller undgås.
Tabellen tilbyder også en interaktiv funktion, der fremhæver rækken, som markøren er på. Dette gør det nemmere at fastslå kompatibiliteten af en bestemt CSS-ejendom.
Gå til browserkompatibilitetstabellen
3. Webstandarder Checkliste
Et websted, der er i overensstemmelse med W3Cs standarder, vil være mere anvendeligt og søgemaskinevenligt end det, der ikke er.
Der er en række måder at sikre, at et websted er standard-kompatibelt; en måde er at bruge en tjekliste.
Denne tjekliste indeholder en kronologisk liste over faktorer, der skal overvejes, når du bygger en hjemmeside.
Download Checklisten Webstandarder
4. Search Engine Optimization Cheat Sheet
Search Engine Optimization (SEO) er meget vigtigt, hvis et websted skal være vellykket. Dette snydeark synes at være for begyndere, men det indeholder værdifulde oplysninger til reference og uddannelse. De ti kategorier er SEO regler på kodningsniveau.
De ti væsentlige kategorier for god optimering er: vigtige HTML-tags, søgemaskine indekseringsgrænser, titel tag syntax, fælles canonical problemer, 301 omdirigeringer på Apache, søgemaskine robot bruger agenter, fælles robot fælder for at undgå robot meta tags syntax, robotter. txt syntaks og syntaks på stedet.
Inkluderet i hver kategori er yderligere forklaring og et eksempel.
Snydearket kan downloades som en to-siders printervenlig PDF.
Download webudviklerens SEO Cheat Sheet
5. Tweet Sheet 2
Fordi Twitter hurtigt bliver et mainstream-nyhedsfeed, er det vigtigt at bruge det til din hjemmeside.
Tweet Sheet er et ret simpelt snydeark om Twitter brug og syntaks, lavet af Jason Theodor . Tweet Sheet indeholder Twitters mobilwebadresse og tekstnumre, personlige kommandoer, mobilkommandoer, brugernavnskommandoer, sporingskommandoer og information om Twitter-applikationer og værktøjer.
Version 2 tilbydes i PDF-form, en ændring fra det enkle billede i Version 1. Den anden version er et gitter af mindre snydeark, med en udskåret linje, så den let kan deles med venner eller udstationeret på andre steder.
6. XHTML Cheat Sheet v1.03
Dette XHTML snydeark er fremragende til XHTML-kodere. Sammen med mange grundlæggende egenskaber indeholder dette tosiders net referencer, som selv erfarne webprofessorer ville finde nyttige.
Tre typer elementer er defineret i dette snydeark: blok, inline og bordelementer . Den diverse sektion indeholder 22 yderligere elementer . Hver række indeholder navnet, beskrivelsen og attributterne for hvert af de tilgængelige elementer til brug.
Flere referencer er på siden, herunder% attrs,% fokus, inputtyper, linktyper, udskrevne elementer, HTML ASCII-enheder og mere. At være så detaljeret, dette er et godt værktøj til alle, der bruger XHTML ofte.
Download XHTML Cheat Sheet v1.03
7. CSS Cheat Sheet
CSS Cheat Sheet er en to-siders PDF og er den mest detaljerede CSS reference vejledning til rådighed . Den indeholder en masse oplysninger og er fantastisk som en trykt reference.
Sektioner, du kan finde nyttige, er dem, der findes på CSS-boksemodellen, vælgere, pseudoelementer og pseudoklasser, farver, tekstegenskaber og layoutegenskaber.
8. Blueprint Framework og Blueprint CSS Cheat Sheet
Blueprint CSS-rammen er en god genvej til designere. Udviklerne af dette værktøj forklarer:
"Blueprint er en CSS ramme, der sigter mod at reducere din udviklingstid. Det giver dig et solidt fundament til at bygge dit projekt på toppen af, med et brugervenligt net, fornuftig typografi, nyttige plug-ins og endda et stilark til udskrivning. "
For at downloade planlægningsrammen skal du gå til BlueprintCSS.org
Parret med rammen er Blueprint CSS cheat sheet for at hjælpe med at forkorte udviklingstiden. Den snydeplade er godt udformet, pænt farvekodet og detaljeret. Det virker synkroniseret med rammen og blev lavet med designere i tankerne med en visuel repræsentation af et 950 pixel bredt net system, en detaljeret liste over Blueprint-funktioner og opkald og syntakseksempler.
Download Blueprint CSS Cheat Sheet.
9. Blanding af skrifttyper
Denne PDF er en fremragende reference til designere, der ikke ønsker at bruge meget tid på at finde ud af om to eller flere skrifttyper vil fungere godt sammen. Dette værktøj gør det muligt for designere at vælge den perfekte typografi kombination.
Selvom snydearket blev oprettet i 1992, er de fleste af de udbredte web skrifttyper til stede. Som billedet ovenfor viser, gentages en liste over skrifttyper langs øverste og venstre side.
Et tal fra 1 til 3 vises, hvor hvert par krydser. 1 betyder, at de to skrifttyper er kompatible, 2 betyder, at de to skrifttyper med korrekt implementering kan fungere godt sammen, og 3 betyder at de vil kollidere.
10. Almindelige skrifttyper til alle versioner af Windows og Mac Equivalents
Selvom denne vejledning ikke er udtømmende, er det et perfekt hurtigreferenceværktøj til valg af typografi for et nyt websted. Alle 18 skrifttype grupper er websikker og kryds-browser kompatibel .
Alle skrifttyperne er grupperet sammen med syntaks: Windows-version, Mac-version, skrifttypefamilie. Nederst på siden har meget specifikke oplysninger om brugen af skrifttyper på forskellige operativsystemer og browsere og har endda et screenshot af hvert scenarie.
Selvom denne webside allerede er kendt i webdesignersamfundet, følte vi det vigtigt at medtage på denne liste.
Download almindelige skrifttyper til alle versioner af Windows og Mac Equivalents
11. Officiel Adobe Photoshop CS4 Reference
Den officielle Adobe Reference Guide er tilgængelig online og i PDF-formular. Selvom det ikke er en "hurtig" referencevejledning, er det vigtigt for alle, der bruger Photoshop professionelt.
Download Adobe Photoshop CS4 Help Guide Online
Download Adobe Photoshop CS4 Help Guide PDF
12. Tastaturgenveje til Adobe Photoshop CS4
Dette er tastaturgenveje cheat sheet til den nyeste version af Photoshop . Denne 4-siders guide kan hjælpe designere med at reducere deres produktionstid med så meget som halvdelen.
For nem navigation er PDF'en arrangeret i henhold til hovedmenuen i Photoshop, og derefter under hvert menupunkt lister de genveje i alfabetisk rækkefølge. Fordi PC og Mac har forskellige genveje, er der to forskellige referencevejledninger.
Download pc-versionen | Download Mac versionen
13. Tastaturgenveje til Adobe Flash CS4
Dette er en tastaturgenvejevejledning til Adobe Flash CS4 . Denne PDF er også indrettet til at afspejle Flash CS4-menuen, men listen over genveje frem for at være i alfabetisk rækkefølge er arrangeret i henhold til programmets menupunkt. Denne snydeark har endda en venlig grafik øverst med menupunktet, der præsenteres i Flash.
Som med de fleste hurtigtaster i Adobe-tastaturgenveje, er både pc- og Mac-versioner tilgængelige.
Download pc-versionen | Download Mac versionen
14. ActionScript 2.0 til 3.0 Migration Cheat Sheet
Dette snydark dækker både ActionScript 2.0 og ActionScript 3.0 og er organiseret til at hjælpe dem, der skal skifte til 3.0. Nedenfor er et kort uddrag af den seks-sidede PDF.
Funktionerne og klasserne i ActionScript 2.0 er til venstre for hver sektion efterfulgt af deres ækvivalenter i ActionScript 3.0. Dette snydeark er fantastisk til alle, der overgår til 3.0 eller lærer ActionScript.
Download ActionScript 2.0 til 3.0 Migration Cheat Sheet
15. Adobe Dreamweaver CS4 Tastaturgenveje
Dette er en anden guide i familien af snydeark til Adobe, den ene til Dreamweaver CS4 tastaturgenveje . Den blev lavet af skaberen af Flash CS4-arket og har så mange af de samme funktioner.
Cheatarket følger også den nøjagtige menustruktur Dreamweaver CS4 og har samme grafik øverst og viser menupunktet.
Desværre er en Mac-version af dette snydeark stadig i værkerne; kun pc-versionen er tilgængelig på dette tidspunkt.
Uanset hvad det er, er det et godt snydeark og kan nemt tilpasses til en Mac-version. For de fleste genveje skal du bare erstatte Control med kommandotasten. Fortsæt med at kontrollere snydearks side til udgivelsen af Mac-versionen.
Download Dreamweaver CS4-tastaturgenveje PDF
16. WordPress Help Sheet
WordPress Help Sheet er det mest nyttige snydeark, hvis du er en WordPress-temaudvikler. Det er en hurtig referencevejledning til de mest almindeligt anvendte WordPress-uddrag.
Kun fire kategorier er omfattet af denne vejledning, men enkelheden af dette ark gør det så tiltalende.
Kun de mest nødvendige og almindeligt anvendte uddrag er inkluderet, hvilket gør dem alle nemme at finde. De fire afsnit omfatter: Filnavne af et grundlæggende WordPress-tema, header-uddrag, alle andre skabeloner og almindeligt anvendte ekstramateriale.
17. Avanceret WordPress Help Sheet
For dem der skaber WordPress-temaer regelmæssigt, har WPCandy oprettet et avanceret hjælpeblad. Den indeholder almindeligt anvendte uddrag til temaer, der kræver ekstra funktionalitet.
PDF-filen på tre sider dækker en bred vifte af uddrag, f.eks. For indhold, der kun foregår på forsiden, styling til bestemte kategorier, unikke billeder for hver kategori, dynamiske sidetitler, forespørgselsindlæg og meget mere.
Enhver designer, der opretter professionelle WordPress-temaer, bør have dette hjælpseddel ved hånden. De fleste af uddragene er nødvendige i faglige temaer.
Hent Advanced WordPress Help Sheet
18. WordPress Theme Development Checkliste
WordPress Theme Development Checklist er en omfattende tjekliste i ni dele. Tjeklisten dækker generelle emner (som temaoplysninger og skærmbilleder), blogkomponenter (som RSS-feeds), tidsstempler, samt kategori- og sidevirksomhed. Nedenfor er et eksempel på første halvdel.
Denne tjekliste kan bruges, når du opretter et WordPress-tema eller for at hjælpe med at færdiggøre en. Så omfattende som det er, er det kun en side og kan let printes, når det kommer tid til at udvikle et nyt tema.
Download WordPress Theme Development Checklist
19. JavaScript Cheat Sheet
Flere af de snydsark, der fremhæves her, er fra AddedBytes.com , på grund af den detaljerede og usædvanligt høje kvalitet af ressourcerne der. Den første på listen AddBytes er JavaScript-cheat sheet.
Dette snydeark er logisk organiseret i DOM-metoder, funktioner, regulære udtryk osv. Det er nemt at bruge og en god reference til alle almindelige JavaScript-anvendelser.
Guiden er ikke kun fremragende til JavaScript-begyndere (dækker elementer så grundlæggende som syntaksen til at sætte JavaScript i HTML), men er også velegnet til programmører på et avanceret niveau (refererer til mere avanceret JavaScript-funktionalitet).
Download JavaScript Cheat Sheet
20. Regular Expressions Cheat Sheet (v2)
Selv om nogle referencer til Regular Expressions findes i ovennævnte JavaScript-snyd ark, er denne mere detaljeret. Nu i version 2 har dette snydeark yderligere materiale, herunder information til dem, der måske ikke er bekendt med Regular Expressions.
Selv om vi har placeret denne post lige under JavaScript-cheatarket, er denne PDF ikke en guide til et bestemt sprog, og det ville være godt for udviklere, der ikke kodes på et bestemt sprog (eller som kode på mere end et sprog) .
Download det regelmæssige udtryk cheat sheet
21. jQuery visuel kort
Selvom jQuery Visual Map ikke er en udskrivningsreference som de fleste af de andre snydeark på denne liste, er det stadig et godt værktøj til reference, læring af jQuery og gribende uddrag.
Værktøjets interaktive karakter gør det nøjagtigt at finde det, du har brug for nemt, og kode er inkluderet i alle eksemplerne for nem kopiering og indsætning. Denne vejledning er i sidste ende en interaktiv jQuery manual.
22. MooTools Cheat Sheet
De, der foretrækker MooTools JavaScript-ramme til jQuery, kan finde dette snydeark nyttigt. Denne farverige og detaljerede referencevejledning indeholder alle almindeligt anvendte funktioner i MooTools 1.2.
Referencerne er kompakte, men "pseudokoden" tjener perfekt som illustration. Inden for den ene side PDF er 22 afsnit af referencemateriale.
Ud over den ældre version indeholder den opdaterede snydeark nu dokumentation for Core, Native, Class, Element, Utilities and Request.
Download MooTools 1.2 Cheat Sheet
23. Prototype 1.6.0.2 Cheat Sheet
Denne one-page informative PDF er en stor ressource for dem, der bruger Prototype.js og indeholder en visuel reference for forskydninger og dimensioner.
Modulerne er i en logisk rækkefølge, med de mest brugte i øverste venstre og mindre almindelige nederst til højre. Siden kan udskrives og let at bruge som en referencevejledning til desk-siden.
Download prototype 1.6.0.2 Cheat Sheet
24. Python
Dette one-page cheat sheet er et vidunderligt referenceværktøj, hvis du kodes primært i Python .
De 11 sektioner, der udgør cheatarket, er systemvariabler, strengmetoder, datetime-metoder, tidsmetoder, datoformatering, sys.argv, OS-variabler, listemetoder, filmetoder, klassespecifikke metoder, indekser og skiver .
Dette er en praktisk all-in-one generel reference til alle, der koder i Python eller forsøger at lære Python. Der er også nogle side noter og generel pseudo-kode.
25. mod_rewrite Cheat Sheet (v2)
URL-omskrivning kan forbedre dit websites brugervenlighed, søgefunktionalitet og navigationens renlighed.
Mod_rewrite cheat sheet har alt fra grundlæggende regelmæssig ekspressionssyntax til notering af flag for RewriteRule og RewriteCond-direktiverne. Den indeholder også eksempler og generel syntaks, så du ikke behøver at være en mod_rewrite ekspert til at bruge PDF.
Download mod_rewrite cheat sheet
26. PHP Cheat Sheet (V2)
Denne one-page cheat sheet er en komplet reference til PHP programmeringssprog . Det er bedre egnet til dem, der allerede ved, hvordan man kode i PHP og tjener som en påmindelse om visse syntakser og navne på funktioner og variabler.
Nu i sin anden udgave er dette snydeark bedre organiseret og har nye komponenter, der giver det i alt ni sektioner: matrixfunktioner, regulære ekspressionsfunktioner, datoformatering, regelmæssig ekspressionssyntax, strengfunktioner, filsystemfunktioner, PCRE modifikatorer, dato og tid funktioner og fopen () tilstande.
27. SQL Server Cheat Sheet
Denne handy, one-page cheat sheet giver hurtig reference til SQL-serveren .
Inkluderet i de 14 afsnit er: funktioner, syntax til oprettelse af en funktion, dato dele, syntaks for at oprette en trigger og syntaks for at oprette en lagret procedure.
Den kan downloades som PDF- eller PNG-fil.
Download SQL Server Cheat Sheet
28. MySQL Cheat Sheet
Dette snydeark er en stor reference til alle, der ofte bruger MySQL eller PHP med MySQL . Den indeholder de mest almindeligt anvendte MySQL-funktioner i PHP, datatyper og -intervaller og prøveudvælg forespørgsler.
Langs siden af de vigtigste snydeark er forskellige søgeord og funktioner, der anvendes i MySQL: matematiske søgeord, dato og klokkeslæt nøgleord, gruppeord, kontrolflow, streng, sammenligning, cast og mere.
Du behøver ikke at huske de nøjagtige navne på MySQL-funktioner eller hele spektret af hver datatype; bare download PDF eller PNG versionen af MySQL cheat sheet at have til rådighed.
29. Ruby on Rails Cheat Sheet
Denne Ruby on Rails 1-sidet udskrivningsreference er en nyttig vejledning til alle, der bruger Ruby on Rails i vid udstrækning.
Inkluderet i snydearket er fem hovedafsnit og nogle få sidesektioner, der indeholder metoder. Hovedafsnittet indeholder en mappestruktur, foruddefinerede variabler i Ruby, reserverede søgeord, almindelig ekspressionssyntax og en sidehenvisning på metoder.
Ud over centerblokken findes en liste over metoder langs siden, der er arrangeret i følgende kategorier: strenge, regex, tid, arrayer, validering og enumerable mixin .
Download Ruby on Rails cheat sheet
30. ASP / VBScript Cheat Sheet
Den sidste ressource på vores liste er ASP / VBScript cheat sheet , for alle, der er en ASP-udvikler.
Lignende i layout til mange af de andre snydeark på AddedBytes, denne er velorganiseret og indeholder vigtige, ofte glemte oplysninger til ASP-udvikleren.
Cheatarket indeholder regulære udtryk, datofunktionsargumenter, omdirigering med 301 header, filinddragelse, funktionsargumentordrer, filtilstande, fælles LCID-tilstande, konstanter, metoder, egenskaber, funktioner og samlinger.
Download ASP / VBScript cheat sheet
Kompileret udelukkende til WDD af Kayla Knight .
Hvilke svindelark bruger du mest? Venligst del andre yndlings snydeark, som vi måske har savnet i kommentarfeltet nedenfor ...