Front-End Consellos en desenvolvemento para vivir.
O seguinte é un artigo que lin nun blog respecto a front-end desenvolvedores e prácticas de codificación e penso que eu ía pasalo diante. É por Doug Neiner, un editor de combustible do seu Codificación e é presidente da Graphic Design Studio Pixel . É viciado en novas tecnoloxías e, especialmente, adora pasar tempo con WordPress, Ruby on Rails e jQuery.
O que segue aquí é unha serie de 10 cousas para lembrar e práctica en cada proxecto de desenvolvemento web. Eles están listados aquí en orde de importancia, moitas das etapas dependen uns dos outros. Se tomar nada lonxe da lectura, por favor, tome Regras # 1 e # 2 para corazón e practicala a eles. Eu creo que a solución destes dous problemas levará a unha mellor deseño e mellor aplicación en sitios web na internet.
1. Cobrar o suficiente, e entón algúns
Especialmente en tempos de crise económica, as empresas e individuos están tentando cortar custos e manter os proxectos ata un mínimo. Debido a este coñecemento, nós, como desenvolvedores web tentar mover en cada fase o máis rápido posible. Desenvolvemento front-end, con todo, tomar unha cantidade substancial de tempo, se feito correctamente. Non cobrando de forma adecuada para que o tempo leva-nos como desenvolvedores para ir sobre as cousas que sabemos que son importantes só para manter o proxecto dentro do orzamento. A regra é simple ... normalmente non terá tempo para facelo ben se non ten tempo para tomar. O único xeito de obter máis "tempo" como un creador, é garantir o tempo que gastamos é debidamente recompensada. Nese punto, por si só pode nosos corazóns e mentes ser totalmente ligado a os nosos proxectos ... e só entón poderemos ter tempo para seguir o resto 9 regras.
2. O Deseño de educar
Para os que están un creador deseñador / todo-en-unha máquina, esta debe ser fácil. Con todo, programadores que traballan con ou para un estudio ten unha responsabilidade única. Como moitos deseñadores veñen dun fondo de impresión, é ata, creador, para educalos sobre as posibilidades dispoñibles para os seus proxectos. Non ... eu non dixen que saiban sobre o 150 + plugins jQuery que utiliza, ou os seus pensamentos sobre o uso dunha combinación de UL / LI vs unha serie de Un etiquetas. Eu dixen: educalos para as posibilidades. Axuda-los a entender como o seu proxecto se pode amosar en dispositivos diferentes. Axuda-los a entender como fondos de alavancagem e os patróns de repetición de xeito conxunto para alcanzar grandes proxectos co tamaño mínimo do arquivo.
Non deixe a creatividade só para o deseñador quere! Esta é a túa oportunidade de probar que vostede é creativo, así por atopar as solucións de tecnoloxía perfecta para atender ás necesidades do deseño. Dicíndolles "simplemente non está feito desa forma" para cada proposta é unha maneira de certo-lume para causar frustracións de ambos os dous lados. Colocar a súa mente para funcionar atopando formas de evitar obstáculos.
Nota: As regras de 3 a 10 construír fóra esas dúas primeiras regras. Algunhas das regras a seguir esixen gráficos adicional do deseño, e todas as regras teñen tempo para seguir. Fai un compromiso coas regras 1 e 2, e as regras restantes serán ambos teñen sentido e facer o seu produto acabado que moito mellor.
3. Nin pensar en capas, en franxas
Aínda hoxe, aínda usan a frase "corte o deseño" para describir o proceso de mover un deseño do Illustrator ou Photoshop para o deseño de HTML / CSS rematado. Mentres isto aínda é moi rigorosa, o seu nome desmente o concepto antigo de cortar un deseño en anacos e remonta-la (xeralmente nunha táboa) de volta na páxina HTML.
Esa foi a web de idade. O novo web utiliza o concepto de capas, empilhado z-index para lograr proxectos coa profundidade. Como programador, estar seguro de obter capas PSD arquivos ou ficheiros en capas AI do deseñador versus un deseño plano. Isto permitirá que teña moito máis flexibilidade na forma como montar un sitio web. Lembre, cando se traballa en capas, considerada os elementos HTML que son esenciais para a estrutura antes de recorrer á adición de divs adicionais e spans. Podes usar un nivel de repetición vertical no html elemento, e un fondo repetindo horizontal no body elemento sen traer o temido div#wrapper para resolver problemas seu fondo.
