30 kätevää huijauslevyä ja ohjeita web-ammattilaisille
Huijausarkit ja oppaat ovat hyödyllisiä sekä aloittelijoille että edistyneille web-ammattilaisille.
Niitä voidaan käyttää muistuttamaan syntaksia tai apuvälineenä muistiinpanossa.
Tässä artikkelissa pyritään kattamaan kaikkien yleisimmin käytettyjen alustojen, ohjelmistojen ja koodauskielten oppaat.
Alla on lueteltu 30 hyödyllisintä ja hyvin järjestettyä huijausarkkia, tarkistuslistoja ja oppaita.
Jos tiedät hyödyllisestä huijausarkista, jota emme ole tässä käsitellyt, jaa linkki kommenttien osiossa artikkelin lopussa.
1. 25-pisteen verkkosivujen käytettävyyden tarkistuslista
Käytettävyys on keskeinen huolenaihe mistään web-kehittäjälle. 25-paikkaisen sivuston käytettävyyden tarkistuslista on yksinkertainen vaiheittainen luettelo, jonka avulla sivustosi voi saavuttaa maksimaalisen käytettävyyden.
Tässä tarkistuslistassa on neljä pääkomponenttia: saatavuus, identiteetti, navigointi ja sisältö . Luettelo on tulostettava PDF ja sisältää luokitusjärjestelmän ja tilan kommentteihin.
Lataa 25-Point-sivuston käytettävyyden tarkistuslista
2. Selainten yhteensopivuustaso
Tämä on hyvä viiteopas selaimen yhteensopivuuden varmistamiseksi.
Alla on otos taulukosta, joka sisältää luettelon eri CSS-sääntöistä ja niiden yhteensopivuudesta yleisten selainten ja käyttöjärjestelmien kanssa. Nopea silmäys, suunnittelija tai kehittäjä voi huomata, mitkä CSS-ominaisuudet on käytettävä tai vältettävä.
Taulukossa on myös interaktiivinen ominaisuus, joka korostaa rivin kohdistimen ollessa päällä. Tämä tekee erityisen CSS-ominaisuuden yhteensopivuudesta huomattavasti helpommin.
Siirry selainyhteensopivuustaulukkoon
3. Web-standardien tarkistuslista
W3C: n standardien mukainen sivusto on käyttökelpoisempi ja hakukoneystävällisempää kuin se, joka ei ole.
On olemassa useita tapoja varmistaa, että verkkosivusto on standardien mukainen; yksi tapa on käyttää tarkistuslistaa.
Tämä tarkistuslista sisältää kronologisen luettelon tekijöistä, jotka on otettava huomioon rakennettaessa verkkosivustoa.
Lataa Web-standardien tarkistuslista
4. Hakukoneoptimoinnin huijausarkki
Hakukoneoptimointi (SEO) on erittäin tärkeä, jos verkkosivusto on onnistunut. Tämä huijausarkki saattaa tuntua aloittelijoille, mutta sillä on arvokasta tietoa viittaukselle ja koulutukselle. Kymmenen luokkaa ovat SEO-säännöt koodaustasolla.
Kymmenen tärkeätä luokkaa optimointiin ovat: tärkeät HTML-tunnisteet, hakukoneen indeksointirajat, otsikkosymbyrsin syntaksi, yleiset kanoniset ongelmat, 301 uudelleenohjaukset Apacheen, hakukoneen robotin käyttäjäagentit, tavalliset robottihaavat välttääkseen robottien metatunnisteiden syntaksia, robotteja. txt-syntaksin ja sivustokartan syntaksin.
Jokaiseen luokkaan on lisätty selitys ja esimerkki.
Huijausarkki voidaan ladata kahden sivun tulostinystävälliseksi PDF: ksi.
Lataa Web-kehittäjän SEO Cheat Sheet
5. Sanomalehti 2
Koska Twitter on nopeasti tulossa valtavirran uutislähteeksi, se on hyödyllistä käyttää sitä verkkosivustosi etuna.
Tweet-arkisto on melko yksinkertainen huijausarkki Twitterin käytöstä ja syntaksista, jonka on luonut Jason Theodor . Tweet-arkisto sisältää Twitterin mobiilin URL-osoitteen ja tekstinumerot, henkilökohtaiset komennot, mobiilikomennot, käyttäjänimen komennot, seurantakomennot ja tiedot Twitter-sovelluksista ja työkaluista.
Versio 2 on PDF-muodossa, muutos yksinkertaisesta kuvasta versiossa 1. Toinen versio on ruudukko pienistä huijausarkeista, joiden leikkauslinja on helppo jakaa ystävien kanssa tai lähettää muualle.
6. XHTML huijausarkki v1.03
Tämä XHTML-huijausarkki on erinomainen XHTML-koodereille. Monien perusominaisuuksien lisäksi tämä kahden sivun verkko sisältää viitteitä, jotka jopa kokeneet web-ammattilaiset löytäisivät hyödyllisiltä.
Tässä huijaussivulla on kolme elementtityyppiä: lohko, sisäinen ja taulukkoelementit . Sekalaiseen osaan kuuluu 22 lisäelementtiä . Jokainen rivi sisältää kunkin käytettävän elementin nimen, kuvauksen ja attribuutit.
Lisää viittauksia on sivulla, mukaan lukien% attrs, prosenttipiste, syöttömäärät, linkityypit, vanhentuneet elementit, HTML ASCII-kokonaisuudet ja paljon muuta. Koska se on niin yksityiskohtainen, tämä on erinomainen työkalu kaikille, jotka käyttävät XHTMLia usein.
7. CSS Cheat Sheet
CSS-huijausarkki on kahden sivun PDF-tiedosto, ja se on yksityiskohtaisin CSS-referenssiopas . Se sisältää paljon tietoa ja on erinomainen painettu viite.
Osiot, jotka saattavat olla hyödyllisiä, ovat CSS-laatikkomallin, valitsimien, pseudo-elementtien ja näennäisluokkien, värejä, tekstin ominaisuuksia ja layout-ominaisuuksia.
8. Blueprint Framework ja Blueprint CSS Cheat Sheet
Blueprint CSS -kehys on loistava pikakuvake suunnittelijoille. Tämän työkalun kehittäjät selittävät:
"Blueprint on CSS-kehys, jonka tarkoituksena on vähentää kehitysaikaa. Se antaa sinulle vankan perustan rakentaa projektisi päälle, helppokäyttöinen verkko, järkevä typografia, hyödyllisiä laajennuksia ja jopa tyyliarkki tulostusta varten. "
Jos haluat ladata suunnitelma, siirry osoitteeseen BlueprintCSS.org
Paneelissa on Blueprint CSS huijausarkki, joka auttaa lyhentämään kehitysaikaa. Huijausarkki on hyvin säädetty, kauniisti värikoodattu ja yksityiskohtainen. Se toimii synkronisesti kehyksen kanssa, ja se on tehty suunnittelijoiden mielestä, jossa on 950 pikselin leveä verkkoelementti, yksityiskohtainen luettelo Blueprint-ominaisuuksista sekä puhelun ja syntaksin esimerkkejä.
Lataa Blueprint CSS Cheat Sheet.
9. Sekoituskirjasimet
Tämä PDF on erinomainen viite suunnittelijoille, jotka eivät halua viettää paljon aikaa selvittääkseen, toimivatko kaksi tai useampi kirjasin hyvin yhdessä. Tämän työkalun avulla suunnittelijat voivat valita täydellisen typografiyhdistelmän.
Vaikka huijausarkki on luotu vuonna 1992, useimmat laajalti käytetyt web-fontit ovat läsnä. Kuten yllä olevassa kuvassa on, fonttien luettelo toistuu ylä- ja vasemmanpuoleiselta sivulta.
Numero, jossa on 1 - 3, ilmestyy, kun jokainen pari leikkaa. 1 merkitsee sitä, että nämä kaksi fonttia ovat yhteensopivia, 2 tarkoittaa, että asianmukaisella toteutuksella kaksi fonttia voivat toimia hyvin yhdessä ja 3 tarkoittaa, että ne kohtaavat.
10. Yleiset fontit kaikille Windows-versioille ja Mac-ekvivalentteille
Vaikka tämä opas ei ole tyhjentävä, se on täydellinen pikalähetystyökalu typografian valitsemiseksi uudelle verkkosivustolle. Kaikki 18 lueteltua kirjasintyyppiä ovat web-turvallisia ja selaimella yhteensopivia .
Kaikki kirjasimet on ryhmitelty yhteen syntaksin kanssa: Windows-versio, Mac-versio, fonttiperhe. Sivun alaosassa on hyvin tarkat tiedot fonttien käytöstä eri käyttöjärjestelmissä ja selaimissa ja jopa kuvakaappaus jokaisesta skenaariosta.
Vaikka tämä verkkosivu on jo tunnettu verkko-suunnittelijayhteisössä, mielestämme on tärkeää sisällyttää tähän luetteloon.
Lataa yleiset fontit kaikille Windows-versioille ja Mac-ekvivalenteille
11. Virallinen Adobe Photoshop CS4 -viite
Virallinen Adobe-opas on saatavilla verkossa ja PDF-muodossa. Vaikka se ei ole aivan "nopea" opas, se on ehdottoman tärkeää kaikille, jotka käyttävät Photoshopia ammattimaisesti.
Lataa Adobe Photoshop CS4 ohjekirja verkossa
Lataa Adobe Photoshop CS4 ohjekirja PDF
12. Adobe Photoshop CS4 -näppäimistön pikavalinnat
Tämä on pikanäppäinten huijausarkki, joka on uusin Photoshopin versio . Tämä nelisivuinen opas voi auttaa suunnittelijoita leikkaamaan tuotantoaikaa jopa puoleen.
Helppoa navigointia varten PDF on järjestetty Photoshopin päävalikon mukaan ja sen jälkeen jokaisen valikkokohteen alla luetellaan pikavalinnat aakkosjärjestyksessä. Koska PC: llä ja Macilla on erilaisia pikavalintoja, on kaksi eri oppaita.
Lataa PC-versio | Lataa Mac-versio
13. Adobe Flash CS4 -pikavalinnat
Tämä on Adobe Flash CS4: n pikanäppäimen ohjekirja . Tämä PDF-tiedosto on myös järjestetty vastaamaan Flash CS4 -valikkoa, mutta pikavalintojen luettelo on aakkosjärjestyksessä sen sijaan järjestetty sovelluksen valikkoluettelon mukaan. Tämä huijata arkki on jopa ystävällinen grafiikka yläreunassa valikon järjestyksessä esitetty Flash.
Kuten useimmissa Adobe-pikanäppäinten pikanäppäimissä, sekä PC- että Mac-versiot ovat käytettävissä.
Lataa PC-versio | Lataa Mac-versio
14. ActionScript 2.0 - 3.0 siirron huijausarkki
Tämä huijausarkki kattaa sekä ActionScript 2.0: n että ActionScript 3.0: n ja on järjestetty auttamaan niitä, jotka tarvitsevat siirtyä 3.0: een. Alla on lyhyt otos kuusisivuisesta PDF-tiedostosta.
ActionScript 2.0: n toiminnot ja luokat ovat kunkin osion vasemmalla puolella ja niiden vastaavuudet ActionScript 3.0: ssa. Tämä huijausarkki sopii kaikille, jotka siirtyvät 3.0: een tai oppivat ActionScriptia.
Lataa ActionScript 2.0 to 3.0 Migration Cheat Sheet
15. Adobe Dreamweaver CS4 -näppäimistön pikavalinnat
Tämä on toinen opas Adoben huijausarkkien perheelle, tämä Dreamweaver CS4 -pikavalintoihin . Flash-CS4-arkin luoja teki sen, ja sillä on monia samoja ominaisuuksia.
Huijauslehti noudattaa myös Dreamweaver CS4: n tarkkaa valikkorakennetta ja siinä on sama graafinen yläreunus, joka näyttää valikkojärjestyksen.
Valitettavasti tämän huijataulun Mac-versio on vielä töissä; vain PC-versio on käytettävissä tällä hetkellä.
Joko niin, se on hieno huijariarkki ja se voidaan helposti mukauttaa Mac-versioon. Useimmissa pikavalinnoissa sinun tarvitsee vain korvata Control Command-näppäimellä. Pidä tarkkailemassa huijausarkin sivulle Macin version vapauttamiseksi.
Lataa Dreamweaver CS4 Keyboard Shortcuts PDF
16. WordPress-ohje
WordPress-ohjekirja on hyödyllisin huijausarkki, jos olet WordPress-teemakehittäjä. Se on nopea viiteopas yleisimmin käytetyille WordPress-katkureille.
Tässä oppaassa käsitellään vain neljä luokkaa, mutta tämän arkin yksinkertaisuus tekee sen niin houkuttelevaksi.
Mukana ovat vain välttämättömät ja yleisesti käytetyt katkelmat, jotka ovat helposti löydettävissä. Neljä osaa ovat: WordPress-teeman, otsikkokappaleiden, kaikkien muiden mallikappaleiden ja yleisesti käytettyjen extrasien tiedostonimet.
17. Edistynyt WordPress-ohje
Niille, jotka luo WordPress-aiheita säännöllisesti, WPCandy on luonut edistyksellisen ohjetiedoston. Se sisältää yleisesti käytettyjä katkelmia teemoille, jotka edellyttävät lisätoimintoja.
Kolmen sivun PDF-tiedosto kattaa laajan valikoiman katkelmia, kuten vain etusivun sisältöä, tiettyjen luokkien muotoilua, kuhunkin luokkaan kuuluvia ainutlaatuisia kuvia, dynaamisia sivun otsikoita, kyselyviestejä ja paljon muuta.
Jokaiselle suunnittelijalle, joka luo ammattimaisia WordPress-teemoja, pitäisi olla tämä käyttöohje. Suurin osa katkelmista vaaditaan ammatillisissa teemoissa.
Lataa Advanced WordPress -ohjekirja
18. WordPress Theme Development Checklist
WordPress Theme Development Checklist on laaja tarkistuslista yhdeksässä osassa. Tarkistuslista kattaa yleiset aiheet (kuten teematiedot ja kuvakaappaukset), blogikomponentit (kuten RSS-syötteet), aikaleimat sekä luokan ja sivun navigointi. Alla on esimerkki ensimmäisestä puoliskosta.
Tätä tarkistuslistaa voi käyttää luomalla WordPress-teemaa tai auttamaan viimeistelemässä sitä. Niin laaja kuin se on, se on vain yksi sivu ja se voidaan helposti tulostaa, kun on aika kehittää uusi teema.
Lataa WordPress Theme Development Checklist
19. JavaScript-huijausarkki
Useat tässä esitetyt huijaussivut ovat peräisin AddedBytes.com , koska siellä on resurssien yksityiskohtainen ja poikkeuksellisen korkea laatu. Ensimmäinen AddedBytes-luettelosta on JavaScript-huijausarkki.
Tämä huijausarkki on loogisesti järjestetty DOM-menetelmiin, toimintoihin, säännöllisiin lausekkeisiin jne. Se on helppokäyttöinen ja hyvä viittaus kaikille yleisille JavaScript-käyttötavoille.
Opas ei ole vain erinomainen JavaScript-aloittelijoille (jotka kattavat perusasetukset kuin syntaksin JavaScriptin asettamiseksi HTML-muotoon), mutta sopii myös kehittyneille ohjelmoijille (viitaten kehittyneempiin JavaScript-toimintoihin).
20. Säännölliset lausunnot huijausarkki (v2)
Vaikka joitain viittauksia säännöllisiin lausekkeisiin löytyy edellä olevasta JavaScript-huijausarkista, tämä on yksityiskohtaisempi. Nyt versio 2: ssa tämä huijausarkki sisältää lisää materiaalia, mukaan lukien tiedot niille, jotka eivät ehkä tunne säännöllisiä lausekkeita.
Vaikka olemme asettaneet tämän merkinnän juuri JavaScript-huijausarkin alapuolelle, tämä PDF-tiedosto ei ole mikään tietyn kielen opas, joten olisi hienoa kehittäjille, jotka eivät kooda tietyssä kielessä (tai kuka koodaa useammalla kuin yhdellä kielellä) .
Lataa Regular Expressions Cheat Sheet
21. jQueryn visuaalinen kartta
Vaikka jQueryn visuaalinen kartta ei ole tulostettava viittaus kuin useimmat muut luettelossa olevat huijausarkit, se on edelleen erinomainen työkalu viittaamiseen, oppimisen jQueryn ja grabbing-katkelmien tutkimiseen.
Työkalun vuorovaikutteinen luonne tekee siitä, mitä tarvitset helposti, ja koodi sisältyy kaikkiin esimerkkeihin helpottamaan kopiointia ja liittämistä. Tämä opas on lopulta interaktiivinen jQuery-käsikirja.
22. MooTools huijausarkki
Ne, jotka mieluummin MooTools JavaScript -kehyksestä jQueryiin voivat löytää tämän huijausarkin hyödyllisiksi. Tämä värikäs ja yksityiskohtainen käyttöopas sisältää kaikki MooTools 1.2: n yleisesti käytetyt ominaisuudet.
Viitteet ovat pienikokoisia, mutta "pseudokoodi" palvelee täydellisesti kuvaa. Yhden sivun PDF-lomakkeessa on 22 osaa vertailumateriaalista.
Vanhan version lisäksi päivitetty huijausarkki sisältää nyt dokumentteja Core, Native, Class, Element, Utilities ja Request.
Lataa MooTools 1.2 Cheat Sheet
23. Prototyyppi 1.6.0.2 Huijausarkki
Tämä yhden sivun informatiivinen PDF on erinomainen resurssi niille, jotka käyttävät Prototype.js: ää ja joka sisältää visuaalisen viitteen poikkeuksille ja mitoille.
Moduulit ovat loogisessa järjestyksessä, ja yleisimmin käytetyt vasemmassa yläkulmassa olevat ja vähemmän yleisimmät oikeassa alakulmassa. Sivu on tulostettavissa ja helppokäyttöisenä pöydänpuoleisena käyttöohjeena.
Lataa Prototype 1.6.0.2 huijausarkki
24. Python
Tämä yhden sivun huijausarkki on hieno referenssityökalu, jos koodit pääosin Pythonissa .
Huijausarkkia muodostavat 11 osaa ovat järjestelmämuuttujat, merkkijono- menetelmät, datetime -menetelmät, aikamenetelmät, päivämäärämuunnittelu, sys.argv, OS-muuttujat, listan menetelmät, tiedostomenetelmät, luokkakohtaiset menetelmät, indeksit ja viipaleet .
Tämä on kätevä all-in-one yleinen viittaus kenelle tahansa, joka koodaa Pythonin tai yrittää oppia Pythonin. On myös joitain sivuhuomautuksia ja yleistä pseudokoodia.
25. mod_rewrite Cheat Sheet (v2)
URL-osoitteiden uudelleenkirjoittaminen voi parantaa sivustosi käytettävyyttä, hakutoimintoa ja navigointinäkyvyyttä.
Mod_rewrite-huijausarkilla on kaikki perusasetuksen säännöllisestä lausekkeesta syntaksin ja listan liput RewriteRule ja RewriteCond direktiivit. Se tarjoaa myös esimerkkejä ja yleistä syntaksia, jotta sinun ei tarvitse olla mod_rewrite asiantuntija käyttää PDF.
Lataa mod_rewrite huijausarkki
26. PHP huijausarkki (V2)
Tämä yhden sivun huijausarkki on täydellinen viittaus PHP-ohjelmointikieliin . Se sopii paremmin niille, jotka jo tietävät koodaamisen PHP: stä ja toimivat muistutuksena tietyistä syntaksista ja toimintojen ja muuttujien nimistä.
Nyt toisessa painoksessaan tämä huijausarkki on paremmin organisoitu ja siinä on uusia komponentteja, jolloin se sisältää yhteensä yhdeksän osaa: taulukkotoimintoja, säännöllisiä ilmaisutoimintoja, päivämäärämuotoilua, säännöllistä lausekkeen syntaksia, merkkijonofunktioita, tiedostojärjestelmän toimintoja, PCRE-modifioijia, päivämäärää ja aikafunktiot ja fopen () -tilat.
27. SQL Server Cheat Sheet
Tämä kätevä, yhden sivun huijausarkki tarjoaa nopean viitteen SQL-palvelimelle .
Mukana 14 osaa ovat: toiminnot, syntaksin funktion luomiseen, päivämääräosat, syntaksi laukaisimen ja syntaksin luomiseen tallennetun menettelyn luomiseksi.
Se on ladattavissa PDF- tai PNG-tiedostona.
28. MySQL Cheat Sheet
Tämä huijausarkki on erinomainen viite kaikille, jotka käyttävät usein MySQL: ää tai PHP MySQL: ää . Se sisältää PHP: n yleisimmin käytetyt MySQL-toiminnot, tietotyypit ja alueet sekä näytteenottokyselyjä.
Päähaun sivun puolella ovat MySQL: n eri avainsanat ja toiminnot: matemaattiset avainsanat, päivämäärä ja aika avainsanat, ryhmäsanat, ohjausvirta, merkkijono, vertailu, valettu ja paljon muuta.
Ei tarvitse muistaa MySQL-toimintojen tarkkaa nimeä tai kunkin tietotyypin täydellistä sijaintia; lataa MySQL-huijausarkin PDF- tai PNGversio käsillä.
29. Ruby on Rails Cheat Sheet
Tämä Ruby on Railsin yhden sivun tulostettava viite on hyödyllinen opastus jokaiselle, joka käyttää Ruby on Railsia laajasti.
Huijausarkkiin sisältyy viisi pääosaa ja muutamia sivuja, joissa on menetelmiä. Pääosassa on hakemistorakenne, Rubyn ennalta määritetyt muuttujat, varatut avainsanat, säännöllinen lausekkeen syntaksi ja sivutunnuksen muistutus menetel- mistä.
Keskuslohkojen lisäksi on luettelo menetelmiä pitkin puolelta, järjestetty seuraavissa luokissa: jouset, regex, aika, taulukot, validointi ja lukuisat sekoitus .
Lataa Ruby on Rails huijausarkki
30. ASP / VBScript-huijausarkki
Listan viimeinen voimavara on ASP / VBScript-huijausarkki kaikille, jotka ovat ASP-kehittäjiä.
Samanlainen asettelu monien muiden AddedBytien huijausarkkien kanssa on hyvin organisoitu ja sisältää tärkeitä, usein unohtuneita tietoja ASP-kehittäjälle.
Huijausarkilla on säännöllisiä lausekkeita, päivämäärän funktiota, uudelleenohjausta 301-otsakkeella, tiedostojen sisällyttäminen, funktion argumenttiluokat, tiedostomuodot, tavalliset LCID-moodit, vakioita, menetelmiä, ominaisuuksia, funktioita ja kokoelmia.
Lataa ASP / VBScript huijausarkki
Koostuu yksinomaan WDD: lle Kayla Knight .
Mitä huijausarkkeja käytät eniten? Ole hyvä ja jakaa muita suosikki huijausarkeja, jotka saattavat olla huomaamatta alla olevissa kommenttien alla ...