30 Handy Cheat Sheets a referenční příručky pro profesionály webu
Podvody a referenční příručky jsou užitečné jak pro začátečníky, tak pro pokročilé webové profesionály.
Mohou být použity, aby vám pomohly zapamatovat si syntaxi nebo jako nástroj pro napomáhání při memorování.
V tomto příspěvku se snažíme pokrýt referenční příručky pro všechny nejčastěji používané platformy, software a kódovací jazyky.
Níže najdete kompilaci 30 nejužitečnějších a dobře organizovaných podvodníků, kontrolních seznamů a referenčních průvodců.
Pokud víte o užitečném cheat listu, který jsme zde nezahrnuli, prosím sdílejte odkaz v sekci komentáře na konci článku.
1. Kontrolní seznam použitelnosti webových stránek o 25 bodech
Použitelnost je hlavní záležitostí pro každého vývojáře webu. Kontrola použitelnosti webových stránek o 25 bodech je jednoduchý seznam krok za krokem, který může pomoci vašim webovým stránkám dosáhnout maximální použitelnosti.
V tomto kontrolním seznamu jsou zahrnuty čtyři hlavní složky: přístupnost, identita, navigace a obsah . Seznam je tisknutelný dokument PDF a obsahuje systém hodnocení a prostor pro komentáře.
Stáhněte si kontrolní seznam o použitelnosti webových stránek o 25 bodech
2. Tabulka kompatibility prohlížeče
Toto je skvělá referenční příručka pro zajištění kompatibility prohlížeče.
Níže je výňatek z tabulky, která obsahuje seznam různých pravidel CSS a jejich kompatibilitu s běžnými prohlížeči a operačními systémy. S rychlým pohledem může návrhář nebo vývojář zaznamenat, které vlastnosti CSS by měly být použity nebo vyloučeny.
Tabulka také nabízí interaktivní funkci, která zvýrazní řádek, na kterém je kurzor umístěn. Tím je mnohem snazší zjistit kompatibilitu konkrétního vlastnictví CSS.
Přejděte do tabulky kompatibility prohlížeče
3. Kontrolní seznam webových standardů
Webové stránky, které jsou v souladu s normami W3C, budou použitelnější a vyhledávač lepší než ten, který není.
Existuje několik způsobů, jak zajistit, aby webové stránky byly v souladu s normami; Jedním ze způsobů je použít kontrolní seznam.
Tento kontrolní seznam obsahuje chronologický seznam faktorů, které je třeba vzít v úvahu při budování webových stránek.
Stáhnout Kontrolní seznam webových standardů
4. Cheat Sheet Optimalizace pro vyhledávače
Optimalizace pro vyhledávače (SEO) je velmi důležitá, pokud má být web úspěšný. Tento podvodný list se může zdát být pro začátečníky, ale obsahuje cenné informace pro odkaz a vzdělání. Deset kategorií je SEO pravidla na úrovni kódování.
Deset základních kategorií pro dobrou optimalizaci jsou: důležité značky HTML, limity indexování vyhledávačů, syntaxe značek titulků, běžné kanonické problémy, 301 přesměrování na Apache, vyhledávací robot uživatelské agenty, běžné pasti robota, které se mají vyhnout, syntaxi robotových metaznaček, roboty. syntaxe txt a syntaxe mapy stránek.
Zahrnuté do každé kategorie jsou další vysvětlení a příklad.
Podkladový list lze stáhnout jako dvoustranový dokument PDF vhodný pro tiskárny.
Stáhněte si webový vývojářský SEO Cheat Sheet
5. Tweet List 2
Vzhledem k tomu, že Twitter se rychle stává hlavním kanálem zpráv, je důležité jej využívat ve vašem webu.
Tweet Sheet je poměrně jednoduchý podvodník o Twitteru a syntaxi, kterou vytvořil Jason Theodor . Tweet List obsahuje mobilní URL a textová čísla Twitteru, osobní příkazy, mobilní příkazy, příkazy pro jméno uživatele, příkazy pro sledování a informace o aplikacích a nástrojích Twitter.
Verze 2 je nabízena ve formátu PDF, což je změna z jednoduchého obrázku ve verzi 1. Druhou verzí je mřížka menších podvodných listů s čárou výřezu tak, aby byla snadno sdílena s přáteli nebo umístěna na jiných místech.
6. XHTML Cheat Sheet v1.03
Tento podklad XHTML je výborný pro XHTML kodéry. Spolu s řadou základních atributů tato dvoustranová mřížka obsahuje odkazy, které by byly užitečné i pro zkušené webové profesionály.
V tomto cheat listu jsou definovány tři typy prvků: blokové, inline a tabulkové prvky . Rozdílný sekce obsahuje 22 dalších prvků . Každý řádek obsahuje název, popis a atributy každého z dostupných prvků pro použití.
Další odkazy jsou na straně, včetně% attrs,% focus, typů vstupů, typů odkazů, zastaralých prvků, objektů ASCII ve formátu HTML a dalších. Být tak podrobný, je to skvělý nástroj pro každého, kdo často používá XHTML.
Stáhněte si XHTML Cheat Sheet v1.03
7. CSS Sheet Sheet
CSS Cheat Sheet je dvoustránkový dokument PDF a je nejpodrobnější referenční příručkou CSS . Obsahuje spoustu informací a je skvělý jako tištěná reference.
Části, které můžete považovat za užitečné, se týkají modelu CSS boxu, selektorů, pseudo-prvků a pseudotříd, barev, vlastností textu a vlastností rozložení.
8. Blueprint Framework a Blueprint CSS Cheat Sheet
Rámec CSS pro Blueprint je skvělá zkratka pro návrháře. Vývojáři tohoto nástroje vysvětlují:
"Blueprint je CSS framework, jehož cílem je omezit vývojový čas. Poskytuje vám pevný základ pro vybudování projektu navíc s snadno použitelnou mřížkou, rozumnou typografií, užitečnými pluginy a dokonce i štítem pro tisk. "
Chcete-li stahovat strukturu plánu, přejděte na BlueprintCSS.org
Spárovaný s rámem je podsvětí CSS Blueprint pro zkrácení doby vývoje. Podvodník je dobře vyložen, hezky barevně a podrobně. Funguje synchronizovaně s rámem a byl vytvořen s ohledem na návrháře, představující vizuální reprezentaci mřížkového systému o šířce 950 pixelů, podrobný seznam vlastností Blueprint a příklady volání a syntaxe.
Stáhněte si Cheat Sheet CSS pro Blueprint.
9. Smíšené typy písma
Tento PDF je vynikající referencí pro designéry, kteří nechtějí strávit spoustu času zjišťováním, zda dvě nebo více písem budou dobře spolupracovat. Tento nástroj umožňuje návrhářům vybrat perfektní typografickou kombinaci.
Ačkoli podvodník byl vytvořen v roce 1992, většina běžně používaných webových písem je přítomna. Jak ukazuje obrázek výše, seznam písem se opakuje podél horní a levé strany.
Zobrazí se číslo od 1 do 3, kde se každý pár protíná. 1 znamená, že dvě písma jsou kompatibilní, 2 znamená, že při správné implementaci by mohly dvě písmena dobře fungovat společně a 3 znamená, že se střetnou.
10. Obecné písma pro všechny verze systému Windows a ekvivalenty Mac
Zatímco tato příručka není vyčerpávající, je to dokonalý nástroj rychlého odkazu pro výběr typografie pro nový web. Všech 18 uvedených skupin písem je kompatibilní s webovým prohlížečem a webovým prohlížečem .
Všechna písma jsou seskupena společně se syntaxí: verze Windows, verze Mac, rodina písem. Spodní část stránky obsahuje velmi specifické informace o používání písem v různých operačních systémech a prohlížečích a dokonce má snímek obrazovky každého scénáře.
Ačkoli je tato webová stránka již dobře známá v komunitě webových návrhářů, cítili jsme, že je důležité, abychom se do ní zapsali.
Stažení běžných písem pro všechny verze systému Windows a ekvivalenty Mac
11. Oficiální reference aplikace Adobe Photoshop CS4
Oficiální referenční příručka Adobe je k dispozici online a ve formátu PDF. Zatímco není přesně "rychlá" referenční příručka, je zásadní pro každého, kdo profesionálně používá Photoshop.
Stáhnout aplikaci Adobe Photoshop CS4 Online Guide
Stáhněte příručku nápovědy aplikace Adobe Photoshop CS4 PDF
12. Klávesové zkratky aplikace Adobe Photoshop CS4
Jedná se o klávesové zkratky cheat list pro nejnovější verzi Photoshopu . Tato čtyřstránková příručka může návrhářům pomoci zkrátit dobu výroby až o polovinu.
Pro snadnou navigaci je formát PDF uspořádán podle hlavního menu ve Photoshopu a pod každou položkou nabídky jsou seznamy zkratek seřazeny abecedně. Protože PC a Mac mají různé zkratky, existují dva různé referenční příručky.
Stáhněte si verzi pro PC | Stáhněte verzi Mac
13. Klávesové zkratky Adobe Flash CS4
Toto je příručka pro klávesové zkratky pro Adobe Flash CS4 . Tento PDF je také uspořádán tak, aby odrážel nabídku Flash CS4, ale seznam zkratek, spíše než v abecedním pořadí, je uspořádán také podle výpisu nabídky aplikace. Tento cheat list má dokonce přátelskou grafiku nahoře s objednávkou menu, která je prezentována ve Flashu.
Stejně jako u většiny klávesových zkratek Adobe klávesových zkratek jsou k dispozici i verze pro PC i Mac.
Stáhněte si verzi pro PC | Stáhněte verzi Mac
14. Převodník jazyka ActionScript 2.0 až 3.0 pro migraci
Tento podvodník se vztahuje jak na ActionScript 2.0, tak na ActionScript 3.0 a je organizován tak, aby pomohl těm, kteří potřebují přepnout na verzi 3.0. Níže je krátký výtah z šestistránkového PDF.
Funkce a třídy ActionScript 2.0 jsou nalevo od každé části a následovány ekvivalenty v jazyce ActionScript 3.0. Tento podvodník je skvělý pro každého, kdo přechází na verzi 3.0 nebo se učí jazyka ActionScript.
Stáhněte si šifrovací list jazyka ActionScript 2.0 až 3.0
15. Klávesové zkratky aplikace Adobe Dreamweaver CS4
Jedná se o další průvodce v rodině podvodných listů pro Adobe, toto pro klávesové zkratky Dreamweaver CS4 . Byl vyroben tvůrcem fóra Flash CS4 a má tak mnoho vlastností.
Podkladový list také sleduje přesnou strukturu nabídky aplikace Dreamweaver CS4 a má nahoře stejnou grafiku, která zobrazuje pořadí menu.
Bohužel, verze Mac tohoto podvodu je stále v pracích; v současné době je k dispozici pouze verze pro PC.
Ať tak či onak, je to skvělý podvodník a mohl by být snadno přizpůsoben do verze Mac. Pro většinu klávesových zkratek byste museli nahradit Ovládací prvek klávesou Command. Pokračujte v kontrole vytisknout stránku pro vydání verze Mac.
Stáhněte si klávesové zkratky aplikace Dreamweaver CS4 PDF
16. WordPress nápověda
WordPress Nápověda Sheet je nejužitečnější cheat list, pokud jste vývojář tématu WordPress. Jedná se o rychlou referenční příručku pro nejčastěji používané úryvky aplikace WordPress.
Pouze čtyři kategorie jsou zahrnuty v této příručce, ale jednoduchost tohoto listu je tak atraktivní.
K dispozici jsou pouze nejvíce potřebné a běžně používané úryvky, díky nimž je vše snadné najít. Čtyři sekce zahrnují: názvy souborů základní téma WordPress, úryvky hlavičky, všechny ostatní fragmenty šablon a běžně používané doplňky.
Stáhněte si nápovědu WordPress
17. Pokročilá WordPress nápověda
Pro ty, kteří vytvářejí témata WordPress pravidelně, WPCandy vytvořil rozšířený nápovědný list. Obsahuje běžně používané úryvky pro témata vyžadující přidanou funkcionalitu.
Trojstránkový PDF obsahuje širokou škálu úryvků, jako například obsah pouze na první stránce, styl pro určité kategorie, unikátní obrázky pro každou kategorii, dynamické názvy stránek, příspěvky v dotazu a další.
Každý návrhář, který vytváří profesionální motivy WordPress, by měl mít tento nápovědný list po ruce. Většina úryvků je vyžadována v odborných tématech.
Stáhněte si nápovědu Advanced WordPress Help Sheet
18. Kontrolní seznam vývoje tématu WordPress
WordPress Theme Development Checklist je rozsáhlý kontrolní seznam v devíti částech. Kontrolní seznam pokrývá obecná témata (například informace o tématech a snímky obrazovky), komponenty blogu (jako jsou RSS kanály), časové značky, stejně jako navigace v kategoriích a stránkách. Níže je uveden příklad první poloviny.
Tento kontrolní seznam lze použít při vytváření tématu WordPress nebo při jeho dokončení. Jak rozsáhlé je, je to jen jedna stránka a lze ji snadno vytisknout, až přijde čas na vytvoření nového motivu.
Stáhněte si kontrolní seznam WordPress Development Development
19. JavaScript Cheat Sheet
Několik podváděných listů, které zde najdete, pochází z AddedBytes.com , kvůli podrobné a výjimečně vysoké kvalitě zdrojů tam. První na seznamu AddedBytes je cheat list jazyka JavaScript.
Tento cheat list je logicky uspořádán do DOM metod, funkcí, regulárních výrazů atd. Je to snadné použití a skvělý odkaz pro všechny běžné použití JavaScript.
Průvodce je nejen vynikající pro začátečníky JavaScriptu (pokrývající položky jako základní syntaxe pro vkládání jazyka JavaScript do HTML), ale je také vhodný pro pokročilé programátory (odkazuje se na pokročilejší funkce JavaScriptu).
Stáhněte si Cheat Sheet JavaScript
20. Pravidelné výrazy Cheat Sheet (v2)
Ačkoli některé odkazy na regulární výrazy jsou ve výše uvedeném cheat listu jazyka JavaScript, tento je podrobnější. Nyní ve verzi 2 tento podsvícený list obsahuje další materiály, včetně informací pro ty, kteří nemusí být obeznámeni s pravidelnými výrazy.
Přestože jsme tuto pozici umístili těsně pod cheaty JavaScript, tento dokument PDF není návodem k žádnému konkrétnímu jazyku, a tak by byl skvělý pro vývojáře, kteří nekódují v konkrétním jazyce (nebo kteří kódují ve více jazycích) .
Stáhněte si Cheat Sheet pravidelných výrazů
21. Vizuální mapa jQuery
Ačkoli jQuery Visual Map není vytisknutelný odkaz jako většina ostatních cheat listů v tomto seznamu, je to stále skvělý nástroj pro odkazování, učení jQuery a úchyty.
Interaktivní povaha nástroje usnadňuje nalezení přesně to, co potřebujete, a kód je součástí všech příkladů pro snadné kopírování a vkládání. Tato příručka je nakonec interaktivní příručkou jQuery.
Stáhněte si jQuery Vizuální mapu
22. MooTools Cheat Sheet
Ti, kteří upřednostňují MoQTools JavaScript rámec pro jQuery, mohou najít tento podklad užitečný. Tato barevná a podrobná referenční příručka obsahuje všechny běžně používané funkce programu MooTools 1.2.
Odkazy jsou kompaktní, přesto "pseudokód" slouží dokonale jako ilustrace. V jednostránkovém PDF je 22 sekcí referenčního materiálu.
Kromě starší verze obsahuje aktualizovaný podkladový list dokumentaci pro Core, Native, Class, Element, Utilities a Request.
Stáhněte si MooTools 1.2 Cheat Sheet
23. Prototyp 1.6.0.2 Cheat Sheet
Jednostránkový informativní PDF je skvělý zdroj pro ty, kteří používají Prototype.js, a obsahuje vizuální referenci pro offsety a rozměry.
Moduly jsou v logickém pořadí, přičemž nejčastěji používané jsou v levém horním rohu a méně pravé v pravém dolním rohu. Stránka je tisknutelná a snadno použitelná jako referenční příručka na straně desky.
Stáhněte si prototyp 1.6.0.2 Cheat Sheet
24. Python
Jednorázový cheat list je skvělý referenční nástroj, pokud kódujete hlavně v Pythonu .
11 sekcí, které tvoří cheat list, jsou systémové proměnné, stringové metody, metody datetime, časové metody, formátování dat, sys.argv, proměnné OS, metody seznamu, metody souborů, speciální metody třídy, indexy a řezy .
Jedná se o praktický vše-v-jednom obecný odkaz pro každého, kdo kóduje Python nebo se pokouší se naučit Python. Tam jsou také některé boční poznámky a obecný pseudokód.
Stáhněte si Python Cheat Sheet
25. mod_rewrite Cheat Sheet (v2)
Přepsání adresy URL může zlepšit použitelnost vašeho webu, funkčnost vyhledávání a čistotu navigace.
Mod_rewrite cheat sheet obsahuje vše od syntaxe základního regulárního výrazu až po výpis příznaků pro směrnice RewriteRule a RewriteCond. Poskytuje také příklady a obecnou syntaxi, takže nemusíte být mod_rewrite odborníkem pro použití PDF.
Stáhněte si podkladový list mod_rewrite
26. PHP Cheat Sheet (V2)
Jednorázový cheat list je úplný odkaz pro programovací jazyk PHP . Je vhodnější pro ty, kteří již vědí, jak kódovat v PHP a slouží jako připomínka jisté syntaxe a názvů funkcí a proměnných.
Nyní ve svém druhém vydání je tento cheat list lépe organizován a má nové komponenty, což mu dává celkem devět sekcí: funkce pole, funkce regulárního výrazu, formátování data, syntaxe regulárního výrazu, funkce řetězce, funkce souborového systému, modifikátory PCRE, datum a časové funkce a režimy fopen ().
27. Cheat Sheet serveru SQL Server
Tento šikovný, jednoplášťový podkladový list poskytuje rychlou referenci pro server SQL .
V 14 sekcích jsou zahrnuty: funkce, syntaxe pro vytváření funkce, součásti dat, syntaxe pro vytvoření spouštěče a syntaxe pro vytvoření uložené procedury.
Je k dispozici ke stažení ve formátu PDF nebo souboru PNG.
Stáhněte si Cheat Sheet serveru SQL
28. MySQL Cheat Sheet
Tento cheat list je skvělý odkaz pro každého, kdo často používá MySQL nebo PHP s MySQL . Obsahuje nejčastěji používané funkce MySQL v PHP, datové typy a rozsahy a vzorové dotazy.
Podél hlavní cheat listu jsou různé klíčová slova a funkce používané v MySQL: matematické klíčová slova, datum a čas klíčová slova, skupinová slova, tok řízení, řetězec, porovnání, obsazení a další.
Není třeba zapamatovat si přesné názvy funkcí MySQL nebo úplný rozsah jednotlivých datových typů; stačí stahovat PDF nebo PNG verzi cheaty list MySQL mít na ruce.
Stáhněte si podkladový list MySQL
29. Ruby on Rails Cheat Sheet
Tato Ruby on Rails jednostránková tisknutelná reference je užitečným průvodcem pro každého, kdo značně využívá Ruby on Rails.
Do cheat listu je zahrnuto pět hlavních úseků a několik bočních částí obsahující metody. Hlavní část obsahuje strukturu adresářů, předdefinované proměnné v Ruby, vyhrazená klíčová slova, syntaxe regulárního výrazu a připomínka postranních poznámek metod.
Vedle středových bloků je seznam metod podél boku uspořádaných v následujících kategoriích: řetězce, regex, čas, matice, validace a enumerable mixin .
Stáhněte si Ruby on Rails cheat sheet
30. Cheat Sheet ASP / VBScript
Poslední zdroj v našem seznamu je ASP / VBScript cheat sheet pro každého, kdo je vývojářem ASP.
Stejně jako v rozvržení mnoha dalších podvodných listů na AddedBytes je toto dobře organizované a obsahuje zásadní, často zapomenuté informace pro vývojáře ASP.
Podkladový list obsahuje regulární výrazy, argumenty datumových funkcí, přesměrování s hlavičkou 301, zařazení souborů, příkazy příkazů funkcí, režimy souborů, běžné režimy LCID, konstanty, metody, vlastnosti, funkce a sbírky.
Stáhněte si cheat list ASP / VBScript
Kompilován výhradně pro WDD od Kayla Knightová .
Které podvádíte listy nejvíce používáte? Sdílejte prosím další oblíbené podváděcí listy, které jsme možná zmeškali v oblasti komentářů níže ...