30 cheat Handy e guide di riferimento per professionisti del Web
I cheat sheet e le guide di riferimento sono utili sia per i principianti che per i professionisti del web avanzati.
Possono essere usati per aiutarti a ricordare la sintassi o come strumento per aiutare nella memorizzazione.
In questo post, miriamo a coprire le guide di riferimento per tutte le piattaforme, i software e i linguaggi di codifica più comunemente usati.
Di seguito troverai una raccolta dei 30 trucchi più utili e ben organizzati, liste di controllo e guide di riferimento.
Se sei a conoscenza di un utile cheat che non abbiamo trattato qui, ti preghiamo di condividere il link nella sezione dei commenti alla fine dell'articolo.
1. Elenco di controllo dell'usabilità del sito Web a 25 punti
L'usabilità è una preoccupazione centrale per qualsiasi sviluppatore web. La lista di controllo dell'usabilità del sito Web in 25 punti è una semplice lista che può aiutare il tuo sito Web a raggiungere la massima usabilità.
Quattro componenti principali sono trattati in questa checklist: accessibilità, identità, navigazione e contenuto . L'elenco è un PDF stampabile e contiene un sistema di valutazione e lo spazio per i commenti.
Scarica la lista di controllo per l'usabilità del sito Web da 25 punti
2. Tabella di compatibilità del browser
Questa è un'ottima guida di riferimento per garantire la compatibilità del browser.
Di seguito è riportato un estratto da una tabella che contiene un elenco di varie regole CSS e la loro compatibilità con browser e sistemi operativi comuni. Con una rapida occhiata, il progettista o lo sviluppatore può notare quali proprietà CSS dovrebbero essere utilizzate o evitate.
La tabella offre anche una funzione interattiva che evidenzia la riga su cui si trova il cursore. Questo rende molto più semplice individuare la compatibilità di una specifica proprietà CSS.
Vai alla tabella di compatibilità del browser
3. Lista di controllo degli standard Web
Un sito web conforme agli standard del W3C sarà più utilizzabile e più adatto ai motori di ricerca di uno che non lo è.
Esistono diversi modi per garantire che un sito Web sia conforme agli standard; un modo è usare una lista di controllo.
Questo elenco di controllo contiene un elenco cronologico dei fattori da considerare durante la creazione di un sito Web.
Scarica la lista di controllo degli standard web
4. Scheda Cheat di ottimizzazione dei motori di ricerca
Search Engine Optimization (SEO) è molto importante se un sito web deve avere successo. Questo cheat sheet può sembrare per i principianti, ma contiene preziose informazioni per riferimento e istruzione. Le dieci categorie sono regole SEO a livello di codice.
Le dieci categorie essenziali per una buona ottimizzazione sono: importanti tag HTML, limiti di indicizzazione del motore di ricerca, sintassi del tag title, problemi canonici comuni, reindirizzamenti 301 su Apache, agenti di robot del motore di ricerca, trappole robot comuni da evitare, sintassi dei meta tag robot, robot. sintassi txt e sintassi della mappa del sito.
Incluso in ogni categoria è un'ulteriore spiegazione e un esempio.
Il cheat sheet può essere scaricato come PDF stampabile di due pagine.
Scarica il Cheat Sheet SEO dello sviluppatore web
5. Tweet Foglio 2
Poiché Twitter sta rapidamente diventando un flusso di notizie mainstream, è importante utilizzarlo per il vantaggio del tuo sito web.
Tweet Sheet è un semplice trucchetto sull'uso e la sintassi di Twitter, creato da Jason Theodor . Tweet include l'URL mobile di Twitter e i numeri di testo, i comandi personali, i comandi mobili, i comandi di nome utente, i comandi di tracciamento e le informazioni su applicazioni e strumenti di Twitter.
La versione 2 è disponibile in formato PDF, una modifica rispetto all'immagine semplice nella Versione 1. La seconda versione è una griglia di cheat più piccoli, con una linea ritagliata che può essere facilmente condivisa con gli amici o pubblicata in altre posizioni.
6. XHTML Cheat Sheet v1.03
Questo cheat XHTML è eccellente per i codificatori XHTML. Insieme a molti attributi di base, questa griglia di due pagine include riferimenti che anche i professionisti del Web potrebbero trovare utili.
Tre tipi di elementi sono definiti in questo cheat sheet: elementi block, inline e table . La sezione miscellanea include 22 elementi aggiuntivi . Ogni riga contiene il nome, la descrizione e gli attributi di ciascuno degli elementi disponibili per l'uso.
Altri riferimenti sono sul lato, tra cui% attrs,% focus, tipi di input, tipi di collegamento, elementi deprecati, entità ASCII HTML e altro. Essendo così dettagliato, questo è un ottimo strumento per chiunque usi frequentemente XHTML.
Scarica il Cheat Sheet XHTML v1.03
7. Foglio dei cheat CSS
Il CSS Cheat Sheet è un PDF di due pagine ed è la guida di riferimento CSS più dettagliata disponibile . Contiene molte informazioni ed è ottimo come riferimento stampato.
Le sezioni che potresti trovare utili sono quelle del modello box CSS, i selettori, gli pseudo-elementi e le pseudo-classi, i colori, le proprietà del testo e le proprietà del layout.
8. Blueprint Framework e Blueprint CSS Cheat Sheet
Il framework Blueprint CSS è una grande scorciatoia per i designer. Gli sviluppatori di questo strumento spiegano:
"Blueprint è un framework CSS che mira a ridurre il tempo di sviluppo. Ti dà una solida base per costruire il tuo progetto in cima, con una griglia facile da usare, tipografia sensibile, plug-in utili e persino un foglio di stile per la stampa. "
Per scaricare il framework del progetto, andare a BlueprintCSS.org
Accoppiato con il framework è il cheat di Blueprint CSS per ridurre i tempi di sviluppo. Il cheat sheet è ben strutturato, ben colorato e dettagliato. Funziona in sincronia con il framework ed è stato creato pensando ai progettisti, con una rappresentazione visiva di un sistema a griglia di 950 pixel, un elenco dettagliato delle funzioni di Blueprint e degli esempi di chiamata e sintassi.
Scarica il Blue Cheat Sheet di Blueprint.
9. Miscelare i caratteri tipografici
Questo PDF è un eccellente riferimento per i progettisti che non vogliono dedicare molto tempo a capire se due o più tipi di carattere funzioneranno bene insieme. Questo strumento consente ai progettisti di scegliere la combinazione perfetta per la tipografia.
Sebbene il cheat sheet sia stato creato nel 1992, la maggior parte dei font web ampiamente usati sono presenti. Come mostra l'immagine sopra, una lista di caratteri viene ripetuta lungo il lato superiore e sinistro.
Un numero da 1 a 3 appare dove ogni coppia si interseca. 1 significa che i due caratteri sono compatibili, 2 significa che con una corretta implementazione i due caratteri potrebbero funzionare bene insieme e 3 significa che si scontreranno.
Scarica il PDF dei caratteri di missaggio
10. Font comuni per tutte le versioni di Windows e equivalenti Mac
Sebbene questa guida non sia esaustiva, è uno strumento di riferimento rapido e perfetto per la scelta della tipografia per un nuovo sito web. Tutti i 18 gruppi di font elencati sono sicuri per il Web e compatibili con browser .
Tutti i tipi di carattere sono raggruppati insieme alla sintassi: versione Windows, versione Mac, famiglia di caratteri. La parte inferiore della pagina ha informazioni molto specifiche sull'utilizzo di caratteri su diversi sistemi operativi e browser e ha persino uno screenshot di ogni scenario.
Sebbene questa pagina web sia già ben nota nella comunità dei designer di siti web, riteniamo che sia importante includere in questa lista.
Scarica i font comuni per tutte le versioni di Windows e gli equivalenti Mac
11. Riferimento ufficiale di Adobe Photoshop CS4
La guida di riferimento Adobe ufficiale è disponibile online e in formato PDF. Sebbene non sia esattamente una guida di riferimento "rapida", è essenziale per chiunque usi professionalmente Photoshop.
Scarica la guida online di Adobe Photoshop CS4 online
Scarica la Guida in linea di Adobe Photoshop CS4 PDF
12. Scorciatoie da tastiera di Adobe Photoshop CS4
Questo è il trucchetto delle scorciatoie da tastiera per la nuova versione di Photoshop . Questa guida di quattro pagine può aiutare i progettisti a ridurre i tempi di produzione fino alla metà.
Per facilitare la navigazione, il PDF è organizzato in base al menu principale di Photoshop, quindi sotto ogni voce di menu elenca le scorciatoie in ordine alfabetico. Poiché PC e Mac hanno scorciatoie diverse, esistono due diverse guide di riferimento.
Scarica la versione per PC | Scarica la versione per Mac
13. Scorciatoie da tastiera di Adobe Flash CS4
Questa è una guida alle scorciatoie da tastiera per Adobe Flash CS4 . Questo PDF è anche organizzato in modo da riflettere il menu di Flash CS4, ma l'elenco delle scorciatoie, anziché essere in ordine alfabetico, è organizzato in base all'elenco del menu dell'applicazione. Questo cheat ha anche una grafica amichevole in alto con l'ordine del menu presentato in Flash.
Come con la maggior parte dei cheat sheet della tastiera di Adobe, sono disponibili sia le versioni per PC che per Mac.
Scarica la versione per PC | Scarica la versione per Mac
14. Scheda Cheat di migrazione da ActionScript 2.0 a 3.0
Questo cheat sheet copre ActionScript 2.0 e ActionScript 3.0 ed è organizzato per aiutare chi deve passare a 3.0. Di seguito è riportato un breve estratto dal PDF di sei pagine.
Le funzioni e le classi di ActionScript 2.0 si trovano a sinistra di ogni sezione, seguite dai loro equivalenti in ActionScript 3.0. Questo cheat sheet è ottimo per chiunque passi alla 3.0 o per imparare ActionScript.
Scarica la scheda Cheat di migrazione da ActionScript 2.0 a 3.0
15. Tasti di scelta rapida per Adobe Dreamweaver CS4
Questa è un'altra guida della famiglia di cheat sheet per Adobe, questa per le scorciatoie da tastiera di Dreamweaver CS4 . È stato creato dal creatore del foglio Flash CS4 e ha molte delle stesse funzioni.
Il cheat sheet segue anche l'esatta struttura del menu di Dreamweaver CS4 e presenta la stessa grafica nella parte superiore che mostra l'ordine del menu.
Sfortunatamente, una versione Mac di questo cheat sheet è ancora in lavorazione; al momento è disponibile solo la versione per PC.
Ad ogni modo, è un ottimo cheat sheet e potrebbe essere facilmente adattato a una versione per Mac. Per la maggior parte delle scorciatoie, dovresti semplicemente sostituire il controllo con il tasto Comando. Continua a controllare il pagina del foglio di cheat per il rilascio della versione per Mac.
Scarica il PDF di scorciatoie da tastiera di Dreamweaver CS4
16. Foglio della guida di WordPress
Il foglio di aiuto di WordPress è il trucchetto più utile se sei uno sviluppatore di temi WordPress. È una guida di riferimento rapida per i frammenti di WordPress più comunemente usati.
Solo quattro categorie sono trattate in questa guida, ma la semplicità di questo foglio lo rende così attraente.
Sono inclusi solo gli snippet più necessari e comunemente usati, che li rendono facili da trovare. Le quattro sezioni comprendono: nomi di file di un tema WordPress di base, frammenti di intestazione, tutti gli altri snippet di modello e gli extra comunemente usati.
Scarica il foglio di aiuto di WordPress
17. Foglio di aiuto avanzato di WordPress
Per coloro che creano regolarmente temi WordPress, WPCandy ha creato un foglio di aiuto avanzato. Contiene snippet di uso comune per temi che richiedono funzionalità aggiuntive.
Il PDF di tre pagine copre una vasta gamma di frammenti, ad esempio per i contenuti che vanno solo in prima pagina, lo stile per determinate categorie, le immagini uniche per ogni categoria, i titoli delle pagine dinamiche, i post delle query e altro.
Qualsiasi designer che crei temi WordPress professionali dovrebbe avere questo foglio di aiuto a portata di mano. La maggior parte dei frammenti sono richiesti in temi professionali.
Scarica la scheda di aiuto avanzata di WordPress
18. Lista di controllo per lo sviluppo di temi WordPress
La Checklist per lo sviluppo del tema WordPress è una lista di controllo estesa in nove parti. L'elenco di controllo copre argomenti generali (come informazioni sui temi e schermate), componenti del blog (come i feed RSS), timestamp, nonché la navigazione di categorie e pagine. Di seguito è riportato un esempio del primo semestre.
Questa checklist può essere utilizzata durante la creazione di un tema WordPress o per aiutarne la finalizzazione. Per quanto sia esteso, è solo una pagina e può essere facilmente stampato quando arriva il momento di sviluppare un nuovo tema.
Scarica la lista di controllo per lo sviluppo di temi WordPress
19. JavaScript Cheat Sheet
Molti dei trucchi presentati qui sono di AddedBytes.com , a causa della qualità dettagliata e eccezionalmente alta delle risorse lì. Il primo sull'elenco AddedBytes è il cheat sheet di JavaScript.
Questo cheat sheet è logicamente organizzato in metodi DOM, funzioni, espressioni regolari, ecc. È facile da usare ed è un ottimo riferimento per tutti gli usi JavaScript comuni.
La guida non è eccellente solo per i principianti di JavaScript (che trattano gli elementi di base come la sintassi per inserire JavaScript in HTML), ma è anche adatta ai programmatori a livello avanzato (facendo riferimento a funzionalità JavaScript più avanzate).
Scarica il cheat sheet di JavaScript
20. Regular Cheat Sheet Express (v2)
Sebbene alcuni riferimenti alle espressioni regolari si trovino nel foglio cheat JavaScript di cui sopra, questo è più dettagliato. Ora nella versione 2, questo foglio contiene materiale aggiuntivo, incluse informazioni per coloro che potrebbero non avere familiarità con le espressioni regolari.
Anche se abbiamo posizionato questa voce appena sotto il cheat sheet di JavaScript, questo PDF non è una guida per una lingua specifica, quindi sarebbe ottimo per gli sviluppatori che non codificano in una lingua specifica (o che codificano in più di una lingua) .
Scarica il Cheat Sheet di Regular Expressions
21. Mappa visuale jQuery
Sebbene jQuery Visual Map non sia un riferimento stampabile come la maggior parte degli altri cheat sheet in questo elenco, è comunque un ottimo strumento per fare riferimenti, imparare jQuery e catturare snippet.
La natura interattiva dello strumento consente di trovare esattamente ciò che è necessario e il codice è incluso in tutti gli esempi per semplificare la copia e l'incolla. Questa guida è in definitiva un manuale jQuery interattivo.
22. MooTools Cheat Sheet
Coloro che preferiscono il framework JavaScript MooTools a jQuery potrebbero trovare utile questo cheat sheet. Questa guida di riferimento colorata e dettagliata include tutte le funzionalità comunemente utilizzate di MooTools 1.2.
I riferimenti sono compatti, tuttavia lo "pseudo-codice" funziona perfettamente come illustrazione. All'interno del PDF di una pagina sono presenti 22 sezioni di materiale di riferimento.
Oltre alla versione precedente, il cheat aggiornato contiene ora la documentazione per Core, Native, Class, Element, Utilities e Request.
Scarica il Cheat Sheet di MooTools 1.2
23. Scheda del prototipo 1.6.0.2
Questo PDF informativo di una pagina è una grande risorsa per chi utilizza Prototype.js e include un riferimento visivo per offset e dimensioni.
I moduli sono in ordine logico, con quelli più usati in alto a sinistra e quelli meno comuni in basso a destra. La pagina è stampabile e facile da usare come guida di riferimento sul desktop.
Scarica il Cheat Sheet di Prototype 1.6.0.2
24. Python
Questo cheat one-page è un meraviglioso strumento di riferimento se si codifica principalmente in Python .
Le 11 sezioni che compongono il cheat sheet sono variabili di sistema, metodi stringa, metodi datetime, metodi temporali, formattazione data, sys.argv, variabili OS, metodi elenco, metodi file, metodi speciali di classe, indici e sezioni .
Questo è un comodo riferimento generale all-in-one per chiunque codifichi in Python o stia cercando di imparare Python. Ci sono anche alcune note laterali e uno pseudo-codice generale.
Scarica il Cheat Sheet di Python
25. mod_rewrite Cheat Sheet (v2)
La riscrittura degli URL può migliorare l'usabilità del sito Web, la funzionalità di ricerca e la pulizia della navigazione.
Il cheat mod_rewrite ha tutto, dalla sintassi di base delle espressioni regolari ai flag di elencazione per le direttive RewriteRule e RewriteCond. Fornisce anche esempi e sintassi generale in modo da non dover essere un esperto di mod_rewrite per utilizzare il PDF.
26. PHP Cheat Sheet (V2)
Questo cheat one-page è un riferimento completo per il linguaggio di programmazione PHP . È più adatto a coloro che già sanno come programmare in PHP e serve come promemoria di certe sintassi e nomi di funzioni e variabili.
Ora alla sua seconda edizione, questo cheat sheet è meglio organizzato e ha nuovi componenti, che forniscono un totale di nove sezioni: funzioni di array, funzioni di espressioni regolari, formattazione di date, sintassi di espressioni regolari, funzioni di stringa, funzioni di file system, modificatori PCRE, data e le funzioni temporali e fopen ().
27. Cheat Sheet di SQL Server
Questo pratico trucchetto di una pagina fornisce riferimenti rapidi per il server SQL .
Sono incluse nelle 14 sezioni: funzioni, sintassi per la creazione di una funzione, parti di data, sintassi per la creazione di un trigger e sintassi per la creazione di una stored procedure.
È disponibile per il download in formato PDF o PNG.
Scarica il Cheat Sheet di SQL Server
28. MySQL Cheat Sheet
Questo cheat sheet è un ottimo riferimento per chiunque usi spesso MySQL o PHP con MySQL . Contiene le funzioni MySQL più comunemente usate in PHP, i tipi di dati, gli intervalli e le query di selezione dei campioni.
Lungo il lato del cheat sheet principale ci sono varie parole chiave e funzioni usate in MySQL: parole chiave matematiche, parole chiave di data e ora, parole di gruppo, flusso di controllo, stringa, confronto, cast e altro.
Non c'è bisogno di memorizzare i nomi esatti delle funzioni MySQL o la gamma completa di ogni tipo di dati; basta scaricare la versione PDF o PNG del foglio cheat di MySQL da avere a portata di mano.
29. Ruby on Rails Cheat Sheet
Questo riferimento stampabile su una sola pagina di Ruby on Rails è un'utile guida per chiunque utilizzi estesamente Ruby on Rails.
Inclusi nel foglio dei trucchi ci sono cinque sezioni principali e alcune sezioni laterali contenenti metodi. La sezione principale presenta una struttura di directory, variabili predefinite in Ruby, parole chiave riservate, sintassi delle espressioni regolari e un promemoria delle note a margine.
Oltre ai blocchi centrali si trova un elenco di metodi lungo il lato, disposti nelle seguenti categorie: stringhe, regex, tempo, array, convalida e combinazione enumerabile .
Scarica il foglio dei trucchi di Ruby on Rails
30. Cheat Sheet ASP / VBScript
L'ultima risorsa sulla nostra lista è il cheat di ASP / VBScript , per chiunque sia uno sviluppatore ASP.
Simile nel layout a molti altri cheat sheet su AddedBytes, questo è ben organizzato e contiene informazioni cruciali e spesso dimenticate per lo sviluppatore ASP.
Il cheat include espressioni regolari, argomenti delle funzioni date, reindirizzamento con intestazione 301, inclusione file, ordini argomento funzione, modalità file, modalità LCID comuni, costanti, metodi, proprietà, funzioni e raccolte.
Scarica il cheat di ASP / VBScript
Compilato in esclusiva per WDD da Kayla Knight .
Quali trucchi usi di più? Si prega di condividere altri trucchi preferiti che potremmo aver perso nell'area dei commenti qui sotto ...