01#DevelopmentCrea per il Web, utilizzando il browser come punto di partenzaUn percorso pratico attraverso i fondamenti del web, corsi mirati, compatibilità dei browser e implementazione accessibile.
I framework rendono utili molte cose, ma è comunque il browser a decidere come si comporta una pagina. Una conoscenza approfondita di HTML, CSS, JavaScript e accessibilità rende gli strumenti sconosciuti meno misteriosi. Questi riferimenti funzionano bene accanto a un piccolo progetto che puoi ispezionare, modificare e interrompere in sicurezza.
Prova prima…4 liens12 articles
Lavoro digitale: capire, progettare, rifinire
Dai browser e HTTP a CSS e design accessibile, fino agli strumenti per concentrarsi, lavorare con testi e immagini e controllare un documento prima di inviarlo.
- 01#DevelopmentCrea per il Web, utilizzando il browser come punto di partenzaUn percorso pratico attraverso i fondamenti del web, corsi mirati, compatibilità dei browser e implementazione accessibile.
I framework rendono utili molte cose, ma è comunque il browser a decidere come si comporta una pagina. Una conoscenza approfondita di HTML, CSS, JavaScript e accessibilità rende gli strumenti sconosciuti meno misteriosi. Questi riferimenti funzionano bene accanto a un piccolo progetto che puoi ispezionare, modificare e interrompere in sicurezza.
Prova prima…4 liens
02#DevelopmentLeggi uno scambio HTTP prima di incolpare il frameworkUna spiegazione, un riferimento e un servizio di test delle richieste per comprendere cosa invia un browser e cosa restituisce un server.3 liens
03#DevelopmentFai in modo che un layout CSS sopravviva al contenuto realeQuattro raccolte di spiegazioni CSS per comprendere i vincoli di layout, il dimensionamento resiliente e i casi scomodi che un modello perfetto può nascondere.4 liens
04#DevelopmentUn workbench di debug per una pagina che sembra lentaDocumentazione del browser e riferimenti alle prestazioni per trasformare "questo sembra lento" in un'osservazione riproducibile e in un passaggio successivo mirato.4 liens
05#DesignRiferimenti di progettazione per decisioni che necessitano di una ragioneVai oltre l'ispirazione visiva con un piccolo scaffale di ricerche sull'usabilità, indicazioni sull'accessibilità, principi di interazione e lezioni di tipografia.
Un bel riferimento può mostrare come appare uno schermo senza spiegare perché funziona. Quando una revisione del progetto si trasforma in un concorso di preferenze, è utile avere fonti che rendano la decisione discutibile. Questa raccolta si sposta dal comportamento dell'utente all'accesso, all'interazione e ai dettagli della…4 liens
06#DesignLeggere il ragionamento alla base di un componente del sistema di progettazioneQuattro riferimenti pubblici per studiare componenti come decisioni su contenuto, comportamento e accesso piuttosto che una galleria di controlli attraenti.4 liens
07#DesignGiudica la tipografia con un paragrafo, non con il nome del carattereUna guida pratica, uno strumento su scala di tipo, una famiglia orientata allo schermo e un archivio del mondo reale per testare come il testo viene effettivamente letto.4 liens
08#DesignProva una coppia di colori in cui le persone lo leggeranno effettivamenteControllo del contrasto e confronti visivi per valutare i colori del testo e dell'interfaccia oltre l'anteprima della tavolozza.3 liens
09#ProductivityUn piccolo kit di strumenti per il lavoro che richiede la tua attenzioneUn timer, una tela per schizzi, una suite per ufficio e un taccuino: quattro strumenti con compiti distinti e un modo semplice per provarli.
Un nuovo sistema di produttività può attirare più attenzione del lavoro che avrebbe dovuto supportare. Questa raccolta mantiene i ruoli deliberatamente separati: fare spazio per un compito, abbozzare l'idea, produrre il documento e lasciare una nota per la prossima volta. Non è necessario adottarli tutti e quattro.
Prova prima questo
Scegli il punto in…4 liens
10#ProductivityUn piccolo banco da lavoro per il testo che necessita di una forma diversaTre strumenti per ispezionare il testo strutturato, applicare una trasformazione ripetibile e controllare il risultato prima di utilizzarlo altrove.3 liens
11#ProductivityUn piccolo banco di lavoro per immagini destinate al webUn toolkit di immagini mirato per modificare una fonte, confrontare la compressione, pulire SVG e controllare una piccola animazione.4 liens
12#ProductivityUn piccolo toolkit per l'ultimo passaggio prima dell'invio di un documentoStrumenti per l'assemblaggio di PDF, il confronto del testo e la revisione della scrittura per verificare il file che un'altra persona riceverà effettivamente.4 liens
