Le 15 migliori guide allo sviluppo per designer e sviluppatori

Sviluppatori e designer hanno alcune cose in comune, entrambi devono lavorare insieme almeno una volta ogni tanto, specialmente quelli che sono fortemente concentrati sullo sviluppo di app e front-end web. Che si tratti di imparare a utilizzare la tipografia nei progetti di app o di determinare il tipo di dispositivi per cui dovremmo creare il nostro sito Web, entrambi possono imparare l'uno dall'altro in diversi modi.

I web designer dovranno spesso utilizzare tecnologie come HTML5 e CSS3 per perfezionare i loro progetti, mentre gli sviluppatori vorranno approfondire l'esperienza utente e l'interfaccia utente per assicurarsi che il software che stanno costruendo sia conforme ai requisiti standard di entrambi gli standard. E per quanto riguarda il browser? Sia i designer che gli sviluppatori sono fortemente coinvolti con il browser e aiuta anche a ottenere indicazioni e approfondimenti in quell'area.

Le seguenti risorse della guida allo sviluppo copriranno le basi dei linguaggi di scripting più popolari, oltre a far luce sugli strumenti che potrebbero diventare i tuoi nuovi preferiti a causa di quanto sia conveniente usarli.

Standard web Sherpa

Il Web è un concetto ampio, implica così tanto che a volte può essere difficile trovare davvero dei buoni contenuti su come lavorare con il Web dal punto di vista di uno sviluppatore e/o di un designer. La risorsa Web Standards Sherpa è un elenco di articoli e guide che parlano di CSS, Design, Contenuti, JavaScript, Prestazioni Web, Aspetti aziendali della creazione per il Web e suggerimenti su come perfezionare il flusso di lavoro tra molti altri argomenti e categorie. Se hai bisogno delle migliori pratiche come persona front-end, questo è il posto giusto per ottenerle.

Miti UX

UX Myths sfata le false credenze sull'esperienza dell'utente e offre ai lettori l'opportunità di acquisire una prospettiva fresca e perspicace su come dovresti avvicinarti alla UX nelle tue app, siti Web e software. Ogni punto è spiegato in modo approfondito e viene fornito un numero di esempi per mostrare le possibilità inverse.

Guida tascabile agli errori di battitura

Questa guida tascabile per la tipografia è il compagno perfetto per i designer desiderosi di apprendere i dettagli dei tecnicismi della tipografia. Questa particolare guida copre le basi di trattini, apostrofi, caratteri tipografici, caratteri e altro ancora.

Lo stato del tipo di Web

La tipografia è in continua evoluzione, ma il browser no. Ciò significa che a volte è necessario esplorare separatamente le funzionalità di ciascuna funzionalità su ciascun browser e questa risorsa lo rende particolarmente semplice. Basta selezionare il tipo di funzionalità con cui si desidera lavorare ed esplorare le sue capacità su browser diversi.

StranezzeModalità

QuirksMode è una guida straordinaria alle informazioni sulla compatibilità del browser su Internet. Sebbene non si ottengano molte informazioni sotto forma di contenuto scritto, ci sono molti fatti che possono essere utili da apprendere quando si tratta di sviluppare per il web. Le tabelle di compatibilità consentono a chiunque di esplorare le capacità del browser di tecnologie come JavaScript, CSS e HTML.

Galateo di Photoshop

Photoshop è senza dubbio lo strumento di progettazione grafica più popolare tra i designer e, anche se usi Photoshop da un paio d'anni, c'è sempre qualcosa di nuovo da imparare ed esplorare. La guida Photoshop Etiquette è una guida in sei capitoli che parla di diversi aspetti delle migliori pratiche di Photoshop, incluse aree come livelli, effetti e qualità del design. Tutti i capitoli sono di dimensioni ragionevoli, quindi non rimarrai bloccato per ore a imparare qualcosa di nuovo.

Il mio dispositivo

Hai problemi a scoprire la dimensione della risoluzione dello schermo del tuo dispositivo? Questa piccola piattaforma ti dirà esattamente tutti i dettagli che devi conoscere sulle dimensioni del tuo dispositivo e sul tipo di funzionalità che il tuo browser può eseguire. Ottimo per gli sviluppatori che sono costantemente in movimento.

Dimensioni dello schermo

Screen Sizes adotta un approccio diverso e genera invece i dati reali sulle diverse dimensioni dello schermo, il loro sistema operativo e le loro proporzioni uniche. Puoi visualizzare le stesse informazioni per tablet e computer facendo clic sulle singole icone nell'angolo a destra. Funziona alla grande sia per i web designer che per gli sviluppatori web.

Metriche del dispositivo

Device Metrics di Google è simile ai due siti sopra, ma aggiunge un po' più di dispositivi in ​​più all'elenco e delinea anche alcune importanti informazioni di sviluppo per ciascun dispositivo. Se conosci il tipo di dispositivi per cui stai creando app e siti web, conoscere queste informazioni può essere cruciale.

Segreti degli strumenti di sviluppo

Ogni browser oggi è pre-costruito con una cosa chiamata strumenti di sviluppo. È un pannello della console separato per il browser che consente a chiunque di esplorare ciascun sito Web dal punto di vista di uno sviluppatore. Puoi utilizzare la console JavaScript per eseguire codice lato client personalizzato, puoi ispezionare gli elementi della struttura del sito web e puoi fare cose come monitorare la rete e l'attività dei file. Gli strumenti di sviluppo di ogni browser sono diversi e questa risorsa è un elenco specifico di articoli e tutorial su come sfruttare al meglio gli strumenti di sviluppo del tuo browser preferito.

Linee guida CSS

CSS è il rivestimento del web. Senza CSS il web è nudo, proprio come noi umani saremmo senza vestiti. E poiché c'è così tanto CSS intorno a noi, è importante comprendere le basi molto pratiche e le normative standard che assicurano che il CSS che pubblichiamo sul web sia ottimizzato e secondo gli standard più recenti.

Questa particolare guida di stile non è pensata per essere una guida di stile, piuttosto una panoramica su come funzionano i CSS standardizzati e su cosa gli sviluppatori e i designer possono fare diversamente per garantire che il CSS che producono sia della massima qualità possibile, rendendo molto più facile la produzione su su larga scala, oltre a mantenere.

Foglio informativo CSS

CSS è un enorme linguaggio di scripting e continua a crescere ogni anno. A volte, nel flusso delle cose, possiamo dimenticare la sintassi di base del linguaggio, a quel punto siti come questo cheat CSS possono davvero diventare utili, e devi solo aggiungerlo ai segnalibri una volta per poterci tornare ogni volta. Altamente raccomandato per i principianti.

Hack del browser

Gli sviluppatori web front-end trascorrono molto tempo nel browser, sperimentando, eseguendo codice, armeggiare e molto altro ancora, e man mano che ogni sviluppatore è progredito nel corso degli anni, hanno lasciato dietro di sé alcuni frammenti e trucchi interessanti che chiunque può usare per facilitare loro flusso di lavoro di sviluppo. Scopri gli hack per le query multimediali, gli hack dei selettori e persino alcuni fantastici hack JavaScript per tutti i tuoi browser preferiti. Puoi anche condividere i tuoi suggerimenti e trucchi utilizzando una richiesta pull di GitHub.

Dieta del browser

L'attuale tendenza nello sviluppo web riguarda molto le prestazioni; come ottimizzare per le migliori prestazioni possibili senza perdere qualità. E questo è ciò che riguarda la guida alla dieta del browser: come ottimizzare per il web. È un elenco di suggerimenti approfonditi e rapporti sull'esperienza che documentano diverse funzionalità JavaScript, HTML e CSS che possono essere modificate o rimosse del tutto senza dover scendere a compromessi.

&che cosa;

amp-what è un riferimento rapido e interattivo di oltre 30.000 entità di caratteri HTML e caratteri Unicode comuni, 8859-1 caratteri, virgolette, segni di punteggiatura, caratteri accentati, simboli, simboli matematici e lettere greche, icone e markup-significativo e caratteri di internazionalizzazione. Il modo in cui funziona è fare clic sul pulsante Carica nella parte superiore del sito Web, quindi utilizzare la funzione di ricerca per trovare il tipo di caratteri che desideri utilizzare per il tuo progetto o ovunque tu abbia pianificato di utilizzarlo. Una risorsa così ampia che potresti passare ore a giocare con icone e personaggi unici che possono ravvivare le tue app e i tuoi progetti.