30 Handy Cheat Sheets og Reference Guides for Web Professionals
Cheat sheets og referanse guider er nyttige for både nybegynnere og avanserte fagpersoner.
De kan brukes til å hjelpe deg med å huske syntaks eller som et verktøy for å hjelpe deg med å huske.
I dette innlegget tar vi sikte på å dekke referanseguider for alle de mest brukte plattformene, programvare og kodingsspråk.
Nedenfor finner du en samling av de 30 mest nyttige og velorganiserte juksearkene, sjekklister og referanseguider.
Hvis du vet om et nyttig jukseark som vi ikke har dekket her, vennligst del linken i kommentarfeltet i slutten av artikkelen.
1. Sjekkliste for 25-punkts brukervennlighet på nettstedet
Brukervennlighet er en sentral bekymring for enhver webutvikler. Sjekklisten for bruk av 25-punkts brukervennlighet er en enkel steg-for-steg-liste som kan hjelpe nettstedet ditt til å oppnå maksimal brukervennlighet.
Fire hovedkomponenter er dekket i denne sjekklisten: tilgjengelighet, identitet, navigasjon og innhold . Listen er en utskrivbar PDF og inneholder et rating system og plass til kommentarer.
Last ned 25-punkts nettstedets brukervennlighet-sjekkliste
2. Nettverkskompatibilitetstabell
Dette er en flott referanseguide for å sikre nettleserens kompatibilitet.
Nedenfor er et utdrag fra et bord som inneholder en liste over ulike CSS-regler og kompatibilitet med vanlige nettlesere og operativsystemer. Med et raskt blikk kan designeren eller utvikleren merke hvilke CSS egenskaper som skal brukes eller unngås.
Tabellen tilbyr også en interaktiv funksjon som fremhever raden markøren er på. Dette gjør det enklere å fastslå kompatibiliteten til en bestemt CSS-egenskap.
Gå til nettleserkompatibilitetstabellen
3. Webstandarder sjekkliste
Et nettsted som er kompatibelt med W3Cs standarder vil være mer brukervennlig og søkemotor vennlig enn en som ikke er.
Det finnes en rekke måter å sikre at et nettsted er standard-kompatibelt; en måte er å bruke en sjekkliste.
Denne sjekklisten inneholder en kronologisk liste over faktorer du bør vurdere når du bygger et nettsted.
Last ned sjekklisten for webstandarder
4. Search Engine Optimization Cheat Sheet
Søkemotoroptimalisering (SEO) er svært viktig hvis et nettsted skal lykkes. Denne jukseplaten kan synes å være for nybegynnere, men den inneholder verdifull informasjon for referanse og utdanning. De ti kategoriene er SEO regler på kodingsnivå.
De ti viktige kategoriene for god optimalisering er: viktige HTML-koder, søkemotorindekseringsgrenser, synkronisering av titteltak, vanlige kanoniske problemer, 301 omdirigeringer på Apache, søkemotor robotbrukeragenter, vanlige robotfeller for å unngå robotmeta-tags syntaks, roboter. txt syntaks og synkronisering av nettstedskart.
Inkludert i hver kategori er ytterligere forklaring og et eksempel.
Cheatarket kan lastes ned som en tosiders, skrivervennlig PDF.
Last ned webutviklerens SEO Cheat Sheet
5. Tweet Sheet 2
Fordi Twitter raskt blir en vanlig nyhetsfeed, er det viktig å bruke det til ditt nettsted.
Tweet Sheet er en ganske enkel jukseliste om Twitter bruk og syntaks, laget av Jason Theodor . Tweet Sheet inneholder Twitters mobilnettadresse og tekstnumre, personlige kommandoer, mobilkommandoer, brukernavnskommandoer, sporingskommandoer og informasjon om Twitter-applikasjoner og verktøy.
Versjon 2 tilbys i PDF-form, en endring fra det enkle bildet i Versjon 1. Den andre versjonen er et rutenett av mindre lureriark, med en utskåret linje slik at den enkelt kan deles med venner eller legges ut på andre steder.
6. XHTML Cheat Sheet v1.03
Dette XHTML-svindelarket er utmerket for XHTML-kodere. Sammen med mange grunnleggende attributter inneholder dette tosidige nettverket referanser som selv erfarne webprofessorer ville finne nyttige.
Tre typer elementer er definert i denne cheat sheet: blokk, inline og bord elementer . Den diverse delen inneholder 22 ekstra elementer . Hver rad inneholder navnet, beskrivelsen og egenskapene til hvert av elementene som er tilgjengelige for bruk.
Flere referanser er på siden, inkludert% attrs,% fokus, inngangstyper, koblingstyper, utdaterte elementer, HTML ASCII-enheter og mer. Å være så detaljert, dette er et flott verktøy for alle som bruker XHTML ofte.
Last ned XHTML Cheat Sheet v1.03
7. CSS Cheat Sheet
CSS Cheat Sheet er en tosiders PDF og er den mest detaljerte CSS referanseguideen tilgjengelig . Den inneholder mye informasjon og er flott som en trykt referanse.
Seksjoner du kan finne nyttige er de på CSS-boksmodellen, selektorer, pseudoelementer og pseudoklasser, farger, tekstegenskaper og layoutegenskaper.
8. Blueprint Framework og Blueprint CSS Cheat Sheet
Blueprint CSS-rammeverket er en flott snarvei for designere. Utviklerne av dette verktøyet forklarer:
"Blueprint er et CSS-rammeverk som tar sikte på å kutte ned på utviklingstiden din. Det gir deg et solid fundament for å bygge prosjektet ditt på, med et brukervennlig rutenett, fornuftig typografi, nyttige plug-ins og til og med et stilark for utskrift. "
For å laste ned rammeverket, gå til BlueprintCSS.org
Paired med rammen er Blueprint CSS cheat sheet for å redusere utviklings tiden. Fuselarket er godt utformet, pent fargekodet og detaljert. Det fungerer i synkronisering med rammen og ble laget med designere i tankene, med en visuell representasjon av et 950 piksler bredt gridsystem, en detaljert liste over Blueprint-funksjoner og samtale og syntakseksempler.
Last ned Blueprint CSS Cheat Sheet.
9. Blanding av skrifttyper
Denne PDF-filen er en utmerket referanse for designere som ikke vil bruke mye tid på å finne ut om to eller flere skrifttyper vil fungere godt sammen. Dette verktøyet gjør det mulig for designere å velge den perfekte typografisk kombinasjonen.
Selv om juksarket ble opprettet i 1992, er de fleste av de brukte webfonterene til stede. Som bildet ovenfor viser, gjentas en liste over skrifter langs toppen og venstre side.
Et tall fra 1 til 3 vises hvor hvert par krysser. 1 betyr at de to skrifttyper er kompatible, 2 betyr at de to skrifttyper med riktig implementering kan fungere godt sammen, og 3 betyr at de vil kollidere.
10. Vanlige skrifttyper for alle versjoner av Windows og Mac-ekvivalenter
Selv om denne veiledningen ikke er uttømmende, er det et perfekt hurtigreferanseverktøy for å velge typografi for et nytt nettsted. Alle 18 skrifttypegruppene som er oppført, er websikker og kompatibel med nettleseren .
Alle skrifter grupperes sammen med syntaks: Windows-versjon, Mac-versjon, skrifttypefamilie. Bunnen av siden har svært spesifikk informasjon om bruk av skrifter på forskjellige operativsystemer og nettlesere, og har til og med et skjermbilde av hvert scenario.
Selv om denne nettsiden allerede er kjent i nettdesigner-fellesskapet, følte vi at det var viktig å ta med på denne listen.
Last ned vanlige fonter for alle versjoner av Windows og Mac-ekvivalenter
11. Offisiell Adobe Photoshop CS4-referanse
Den offisielle Adobe Reference Guide er tilgjengelig online og i PDF-form. Selv om det ikke er en "rask" referansehåndbok, er det viktig for alle som bruker Photoshop profesjonelt.
Last ned Adobe Photoshop CS4 Help Guide Online
Last ned Adobe Photoshop CS4 Help Guide PDF
12. Tastaturgenveier for Adobe Photoshop CS4
Dette er tastaturgenveiene cheat sheet for den nyeste versjonen av Photoshop . Denne 4-siders veiledningen kan hjelpe designere med å redusere produksjonstiden med så mye som halvparten.
For enkel navigering, er PDF-filen ordnet i henhold til hovedmenyen i Photoshop, og under hvert menyelement listes det snarveiene i alfabetisk rekkefølge. Fordi PC og Mac har forskjellige snarveier, er det to forskjellige referanseguider.
Last ned PC-versjonen | Last ned Mac-versjonen
13. Tastaturgenveier for Adobe Flash CS4
Dette er en snarveiledning for Adobe Flash CS4 . Denne PDF-filen er også arrangert for å gjenspeile Flash CS4-menyen, men listen over snarveier, i stedet for å være i alfabetisk rekkefølge, er arrangert i henhold til søknadens menyoppføring. Denne jukseplaten har til og med en vennlig grafikk øverst med menyrekkefølgen presentert i Flash.
Som med de fleste Adobe-hurtigtaster, er både PC og Mac-versjoner tilgjengelig.
Last ned PC-versjonen | Last ned Mac-versjonen
14. ActionScript 2.0 til 3.0 Migration Cheat Sheet
Dette cheatarket dekker både ActionScript 2.0 og ActionScript 3.0, og er organisert for å hjelpe de som trenger å bytte til 3.0. Nedenfor er et kort utdrag fra seks siders PDF.
Funksjonene og klassene til ActionScript 2.0 er til venstre for hver seksjon, etterfulgt av deres ekvivalenter i ActionScript 3.0. Dette cheatarket er flott for alle som overfører til 3.0 eller lærer ActionScript.
Last ned ActionScript 2.0 til 3.0 Migration Cheat Sheet
15. Tastaturgenveier for Adobe Dreamweaver CS4
Dette er en annen guide i familien av cheat ark for Adobe, denne for Dreamweaver CS4 tastaturgenveier . Det ble laget av skaperen av Flash CS4-arket og har så mange av de samme funksjonene.
Cheat-arket følger også nøyaktig menystrukturen til Dreamweaver CS4 og har samme grafikk øverst som viser menyordningen.
Dessverre er en Mac-versjon av denne cheat sheet fortsatt i verkene; bare PC-versjonen er tilgjengelig på dette tidspunktet.
Uansett, det er et flott jukseark og kan enkelt tilpasses til en Mac-versjon. For de fleste snarveier trenger du bare å erstatte Control med kommandotasten. Fortsett å sjekke cheat sheet's side for utgivelsen av Mac-versjonen.
Last ned Dreamweaver CS4-hurtigtastene PDF
16. WordPress Help Sheet
WordPress Help Sheet er den mest nyttige juksarket hvis du er en WordPress-temautvikler. Det er en rask referanseveiledning for de mest brukte WordPress-kodene.
Bare fire kategorier er dekket i denne veiledningen, men enkelheten i dette arket gjør det så tiltalende.
Bare de mest nødvendige og vanlige utdragene er inkludert, noe som gjør dem alle enkle å finne. De fire seksjonene inkluderer: filnavn på et grunnleggende WordPress-tema, header-utdrag, alle andre malutklipp og vanlige tilleggsutstyr.
17. Avansert WordPress Help Sheet
For de som oppretter WordPress-temaer regelmessig, har WPCandy opprettet et avansert hjelpeblad. Den inneholder vanlige utdrag for temaer som krever tilleggsfunksjonalitet.
PDF-filen på tre sider dekker et bredt spekter av utdrag, for eksempel for innhold som bare går på forsiden, styling for bestemte kategorier, unike bilder for hver kategori, dynamiske sidetitler, spørringsinnlegg og mer.
Enhver designer som lager profesjonelle WordPress-temaer, bør ha dette hjelpearket ved hånden. De fleste av utdragene kreves i faglige temaer.
Last ned Advanced WordPress Help Sheet
18. WordPress Theme Development Checklist
WordPress Theme Development Checklist er en omfattende sjekkliste i ni deler. Sjekklisten dekker generelle emner (som temainformasjon og skjermbilder), blogkomponenter (som RSS-feeder), tidsstempler, samt kategori- og sidebeskrivelse. Nedenfor er et eksempel på første halvdel.
Denne sjekklisten kan brukes mens du oppretter et WordPress-tema eller for å hjelpe deg med å fullføre en. Så omfattende som det er, er det bare en side og kan enkelt skrives ut når det kommer tid til å utvikle et nytt tema.
Last ned WordPress Theme Development Checklist
19. JavaScript Cheat Sheet
Flere av juksarkene som er omtalt her er fra AddedBytes.com , på grunn av den detaljerte og eksepsjonelt høye kvaliteten på ressursene der. Den første på listen AddBytes er JavaScript-svindelarket.
Dette cheatarket er logisk organisert i DOM-metoder, funksjoner, regulære uttrykk etc. Det er enkelt å bruke og en flott referanse for alle vanlige JavaScript-bruksområder.
Guiden er ikke bare utmerket for JavaScript-nybegynnere (dekker elementer så grunnleggende som syntaksen for å sette JavaScript inn i HTML), men er også egnet for programmerere på avansert nivå (refererer til mer avansert JavaScript-funksjonalitet).
Last ned JavaScript Cheat Sheet
20. Regular Expressions Cheat Sheet (v2)
Selv om noen referanser til Regular Expressions er i JavaScript-cheatarket ovenfor, er dette mer detaljert. Nå i versjon 2, har dette juksearket ytterligere materiale, inkludert informasjon for de som kanskje ikke er kjent med Regular Expressions.
Selv om vi har plassert denne innføringen like under JavaScript-svindelarket, er denne PDF-en ikke en guide til et bestemt språk, og det ville være bra for utviklere som ikke kodes på et bestemt språk (eller som koder på mer enn ett språk) .
Last ned Regular Expressions Cheat Sheet
21. jQuery visuell kart
Selv om jQuery Visual Map ikke er en utskrivbar referanse som de fleste andre cheatarkene på denne listen, er det fortsatt et flott verktøy for referanse, læring jQuery og gripende utdrag.
Verktøyets interaktive natur gjør det mulig å finne akkurat det du trenger enkelt, og kode er inkludert i alle eksemplene for enkel kopiering og liming. Denne veiledningen er til slutt en interaktiv jQuery-håndbok.
22. MooTools Cheat Sheet
De som foretrekker MooTools JavaScript-rammeverket til jQuery, kan finne dette cheatarket nyttig. Denne fargerike og detaljerte referanseguideen inneholder alle vanlige funksjonene i MooTools 1.2.
Referansene er kompakte, men "pseudokoden" fungerer perfekt som illustrasjon. Innenfor en-siders PDF er 22 deler av referansemateriale.
I tillegg til den eldre versjonen inneholder det oppdaterte cheatarket dokumentasjon for Core, Native, Class, Element, Utilities and Request.
Last ned MooTools 1.2 Cheat Sheet
23. Prototype 1.6.0.2 Cheat Sheet
Denne informative PDF-siden er en stor ressurs for de som bruker Prototype.js, og inkluderer en visuell referanse for forskyvninger og dimensjoner.
Modulene er i en logisk rekkefølge, med de mest brukte i øverste venstre og mindre vanlige i nederst til høyre. Siden er utskrivbar og enkel å bruke som en referanseguide på skrivebordssiden.
Last ned Prototype 1.6.0.2 Cheat Sheet
24. Python
Denne siden med en side er et flott referanseverktøy hvis du kodes hovedsakelig i Python .
De 11 seksjonene som utgjør juksarket, er systemvariabler, strengmetoder, datetime-metoder, tidsmetoder, datoformatering, sys.argv, OS-variabler, listemetoder, filmetoder, klassespesifikke metoder, indekser og skiver .
Dette er en praktisk all-in-one generell referanse for alle som koder i Python eller prøver å lære Python. Det er også noen side notater og generell pseudo-kode.
25. mod_rewrite Cheat Sheet (v2)
URL-omskrivning kan forbedre nettstedets brukervennlighet, søkefunksjonalitet og navigasjonsrengjøring.
Mod_rewrite cheat-arket har alt fra grunnleggende syntetisk syntetisk syntese til notering av flagg for RewriteRule og RewriteCond-direktiver. Den gir også eksempler og generell syntaks slik at du ikke trenger å være en mod_rewrite ekspert for å bruke PDF-filen.
Last ned mod_rewrite cheat sheet
26. PHP Cheat Sheet (V2)
Denne siden med en side er en fullstendig referanse for PHP-programmeringsspråket . Det er bedre egnet til de som allerede vet hvordan man skal kode i PHP, og tjener som en påminnelse om visse syntaks og navn på funksjoner og variabler.
Nå i sin andre utgave, er denne juksarket bedre organisert og har nye komponenter, som gir totalt ni seksjoner: arrayfunksjoner, vanlige uttrykksfunksjoner, datoformatering, vanlig uttrykssyntax, strengfunksjoner, filsystemfunksjoner, PCRE-modifikatorer, dato og tidsfunksjoner og fopen () moduser.
27. SQL Server Cheat Sheet
Denne praktiske, ensidige cheat sheet gir rask referanse til SQL-serveren .
Inkludert i de 14 seksjonene er: funksjoner, syntaks for å opprette en funksjon, dato deler, syntaks for å lage en trigger og syntaks for å lage en lagret prosedyre.
Den er tilgjengelig for nedlasting som PDF- eller PNG-fil.
Last ned SQL Server Cheat Sheet
28. MySQL Cheat Sheet
Dette fuskarket er en flott referanse for alle som ofte bruker MySQL eller PHP med MySQL . Den inneholder de mest brukte MySQL-funksjonene i PHP, datatyper og intervaller og utvalgsspørsmål.
Langs siden av de viktigste svindelarket finnes ulike søkeord og funksjoner som brukes i MySQL: matematiske søkeord, dato og klokkeslett søkeord, gruppeord, kontrollflyt, streng, sammenligning, cast og mer.
Du trenger ikke å huske de nøyaktige navnene på MySQL-funksjonene eller hele spekteret av hver datatype. bare last ned PDF- eller PNG-versjonen av MySQL-fuskarket for å få hånden.
29. Ruby on Rails Cheat Sheet
Denne Ruby on Rails-en-side utskrivbar referanse er en nyttig guide til alle som bruker Ruby on Rails omfattende.
Inkludert i cheatarket er fem hoveddeler og noen sideseksjoner som inneholder metoder. Hoveddelen inneholder en katalogstruktur, forhåndsdefinerte variabler i Ruby, reserverte søkeord, ordinært uttrykksekstax og en sidenotat påminnelse om metoder.
I tillegg til senterblokkene er en liste over metoder langs siden, ordnet i følgende kategorier: strenge, regex, tid, arrays, validering og enumerable mixin .
Last ned Ruby on Rails cheat sheet
30. ASP / VBScript Cheat Sheet
Den siste ressursen på vår liste er ASP / VBScript-svindelarket , for alle som er ASP-utvikler.
Lignende i layout til mange av de andre cheatarkene på AddedBytes, dette er godt organisert og inneholder viktig, ofte glemt informasjon til ASP-utvikleren.
Cheat-arket inneholder vanlige uttrykk, datofunksjonsargumenter, omdirigering med 301-header, filinnsetting, funksjonsargumentordrer, filmoduser, vanlige LCID-moduser, konstanter, metoder, egenskaper, funksjoner og samlinger.
Last ned ASP / VBScript cheat sheet
Utarbeidet utelukkende for WDD av Kayla Knight .
Hvilke svindelark bruker du mest? Vennligst del med andre favorittfuskeblad som vi kanskje har gått glipp av i kommentarfeltet under ...