Front-End Sviluppo Suggerimenti per vivere.
Quello che segue è un articolo che ho letto su un blog per quanto riguarda gli sviluppatori di front-end e le pratiche di codifica e ho pensato lo dia. E 'da Doug Neiner, un editor di alimentare i Coding ed è presidente di Pixel Studio Graphic Design . Si è assuefatto alle nuove tecnologie, e in particolare ama trascorrere del tempo con WordPress, Ruby on Rails e jQuery.
Quello che segue è una serie di 10 cose da ricordare e mettere in pratica su ogni progetto di sviluppo web. Li ho elencati qui in ordine di importanza in quanto molti dei passaggi costruire a vicenda. Se si prende nient'altro lontano dalla lettura, si prega di prendere Rules # 1 e # 2 a cuore e praticarle. Credo che risolvere questi due problemi porterà a una migliore progettazione e una migliore applicazione in siti web su Internet.
1. Carica sufficiente, e poi alcuni
Soprattutto in periodi di difficoltà economica, le imprese ei cittadini non stanno cercando di ridurre i costi e mantenere i progetti fino ad un minimo. A causa di questa conoscenza, noi come sviluppatori web tenta di spostare in ogni fase il più rapidamente possibile. Lo sviluppo front-end, però, prendere una notevole quantità di tempo, se fatto correttamente. Non è adeguatamente carica per quel tempo ci porta come sviluppatori di saltare cose che sappiamo sono importanti solo per mantenere il progetto nell'ambito del bilancio. La regola è semplice ... che normalmente non avrà il tempo per farlo bene, se non avete il tempo di prendere. L'unico modo per avere più "tempo" come sviluppatore, è quello di garantire il tempo che facciamo spesa è adeguatamente compensata. A quel punto solo può nostri cuori e le menti essere pienamente inserito nei nostri progetti ... e solo allora possiamo prendere il tempo di seguire i restanti 9 regole.
2. Educare il Designer
Per coloro che sono un designer / developer all-in-one, questo dovrebbe essere facile. Tuttavia, programmatori che lavorano con o per un designer hanno una responsabilità unica. Come molti designer provengono da un background di stampa, è a voi, lo sviluppatore, di educarli sulle possibilità a disposizione i loro disegni. No ... non ho detto far loro conoscere le 150 + jQuery plugin in uso, oi vostri pensieri sull'uso di un UL / LI combo vs A una serie di tag. Ho detto loro di educare le possibilità. Aiutarli a capire come il loro design potrebbero essere visualizzati su dispositivi diversi. Aiutateli a capire come sfruttare sfondi ripetuti e modelli di tegole di raggiungere grandi disegni con file di dimensioni minime.
Non lasciare la creatività solo al progettista sia! Questa è la tua occasione per dimostrare che sei creativa e trovando le soluzioni tecnologiche ideali per soddisfare le esigenze del progettista. Dire loro "semplicemente non è fatto in quel modo" per ogni richiesta è un modo sicuro per causare frustrazioni su entrambi i lati. Mettete la vostra mente a lavorare trovare modi per aggirare gli ostacoli.
Nota: Le regole da 3 a 10 costruire da queste prime due regole. Alcune delle seguenti regole richiedono grafica aggiuntivi dal progettista, e tutte le regole del tempo per seguire. Impegnatevi a regole 1 e 2, e le regole rimanenti sia senso e rendere il vostro prodotto finito molto meglio.
3. Pensate a livelli non in Slices
Ancora oggi, usiamo ancora la frase "tagliare il design" per descrivere il processo di spostamento di un disegno da Illustrator o Photoshop nel finito HTML / CSS layout. Mentre questo è ancora in gran parte precisa, il suo nome smentisce del precedente concetto di affettare un design a pezzi e rimontare (di solito in una tabella) torna nella pagina HTML.
Quello era il vecchio web. Il nuovo web utilizza il concetto di stratificazione, sovrapposizione e z-index per realizzare i disegni con la profondità. Come un codificatore, essere sicuri di ottenere file PSD o file AI livelli dal progettista rispetto a un design piatto. Questo vi permetterà di avere molta più flessibilità nel modo in cui mettere insieme un sito web. Ricordate, quando si lavora a strati, considerare gli elementi HTML che sono essenziali per la struttura prima di ricorrere ad aggiungere altri div e span. È possibile utilizzare un modello che si ripete verticale sul html elemento, e uno sfondo ripetendo orizzontale sul body elemento senza portare il temuto div#wrapper per risolvere i mali di fondo.
