El següent és un article que vaig llegir en un blog en relació amb els desenvolupadors de front-end i les pràctiques de codificació i pensava que passaria. És per Doug Neiner, editor de les seves Codificació de combustible i és president de Studio Píxel Disseny Gràfic . Ell és addicte a les noves tecnologies i, concretament, li encanta passar temps amb WordPress, Ruby on Rails i jQuery.
A continuació us donem una sèrie de 10 coses per recordar i practicar en cada projecte de desenvolupament web. Els he enumerades aquí en ordre d'importància ja que molts dels passos construir l'un de l'altre. Si vostè pren res més lluny de la lectura, si us plau prengui Regles # 1 i # 2 amb el cor i les practiquen. Crec que la solució d'aquests dos problemes conduirà a un millor disseny i millor aplicació en els llocs web a través d'Internet.
1. Suficient càrrega, i una mica més
Especialment en temps econòmics difícils, les empreses i particulars estan tractant de reduir costos i mantenir els projectes fins a un mínim. A causa d'aquest coneixement, nosaltres, com a desenvolupadors web tractar de moure a través de cada fase el més ràpid possible. El desenvolupament front-end, però, prendre una quantitat considerable de temps si es fa correctament. No n'hi ha prou càrrega perquè el temps ens porta als desenvolupadors a passar per alt coses que sabem són importants només per mantenir el projecte dins del pressupost. La regla és simple ... que normalment no es pren el temps per fer-ho bé, si vostè no té el temps per prendre. L'única manera d'aconseguir més "temps" com a desenvolupador, és garantir el temps que gasti estigui degudament compensada. En aquest moment, l'únic que pot els nostres cors i ments s'està bé inserit en els nostres projectes ... i només llavors podem prendre el temps per seguir els 9 restants normes.
2. Educar El Dissenyador
Per a aquells que són d'un dissenyador / desenvolupador de tot en una sola màquina, aquesta ha de ser fàcil. No obstant això, els programadors que treballen amb o per a un dissenyador té una responsabilitat única. Com molts dissenyadors procedeixen d'un fons d'impressió, li correspon a vostè, el desenvolupador, per educar-los sobre les possibilitats disponibles per als seus dissenys. No ... jo no he dit fer-los saber sobre els connectors de jQuery 150 + que utilitza, o els seus pensaments sobre l'ús d'un combo de UL / LI davant d'una sèrie d'etiquetes A. Em va dir que educar les possibilitats. Ajuda a entendre com el seu disseny es pot mostrar en diferents dispositius. Ajuda a entendre com aprofitar els fons que es repeteixen i els patrons de rajoles per aconseguir grans dissenys amb una mida de fitxer mínim.
No deixeu a la creativitat únicament per al dissenyador, ja sigui! Aquesta és la teva oportunitat per demostrar que són creatius i per la recerca de les solucions de tecnologia perfecta per satisfer les necessitats del dissenyador. Dir-los que "simplement no es fa així" per a cada sol · licitud és una forma més segura de provocar frustracions en ambdós costats. Posa la teva ment a treballar per trobar maneres d'evitar els obstacles.
Nota: els articles 3 al 10 de construir fora d'aquestes dues primeres regles. Algunes de les regles següents requereixen gràfics addicionals del dissenyador, i totes les normes tenen temps per seguir. Fer un compromís amb les regles 1 i 2, i les regles restants tant sentit i fer que el seu producte final sigui molt millor.
3. Penseu en les capes no, en llesques
Fins i tot avui en dia, encara fem servir la frase "tallar el disseny" per descriure el procés de trasllat d'un disseny d'Illustrator o Photoshop a la final d'HTML / CSS de disseny. Encara que això és encara en gran mesura necessària, el seu nom deixa traslluir l'antic concepte que el tallat amb un disseny en peces i remuntar ell (en general en una taula) de nou en la pàgina HTML.
Aquesta va ser l'antiga web. El nou web utilitza el concepte de capes, apilament i z-index per aconseguir dissenys amb la profunditat. Com programador, assegureu-vos d'obtenir arxius PSD amb capes o capes dels arxius AI de la dissenyadora davant d'un disseny pla. Això li permetrà tenir molta més flexibilitat en la forma d'armar un lloc web. Recordeu, quan es treballa en capes, tingui en compte els elements HTML que són essencials per a l'estructura abans de recórrer a l'addició de divs addicionals i s'estén. Podeu utilitzar un patró de repetició vertical en el html element, i un fons horitzontal repetitiu en el body els elements sense que el temut div#wrapper per resoldre els seus problemes de fons.
Seguir llegint
Jo estava llegint un bloc de les meves favorites, Nettuts + i es va trobar que això és l'explicació més simple per l'ample de banda. Gràcies Andrew Burgess! 
