Front-end Utveckla Tips för att leva efter.
Följande är en artikel jag läste på en blogg om front-end utvecklare och kodning praxis och tänkte att jag skulle skicka den vidare. Det är av Doug Neiner, en redaktör på bränsle din kodning och är VD för Pixel Grafisk Design Studio . Han är beroende av ny teknik, och speciellt älskar att umgås med WordPress, Ruby on Rails och jQuery.
Det som följer här är en serie av 10 saker att komma ihåg och öva på varje webbsida utvecklingsprojekt. Jag har listat dem här i prioritetsordning så många av de steg som bygger på varandra. Om du tar inget annat från att läsa, ta Regler # 1 och # 2 till hjärt-och öva på dem. Jag tror att lösa dessa två problem kommer att leda till bättre design och bättre genomförande på webbplatser på Internet.
1. Ladda nog, och lite till
Särskilt i svåra ekonomiska tider, näringsliv och enskilda individer försöker minska kostnaderna och hålla projekt ner till ett minimum. På grund av denna kunskap, vi som webbutvecklare försöker att gå igenom varje fas så snabbt som möjligt. Front end utveckling dock ta en avsevärd tid om det görs på rätt sätt. Inte är tillräckligt betalt för den tiden leder oss som utvecklare att hoppa över saker som vi vet är viktiga bara för att hålla projektet inom budget. Regeln är enkel ... du normalt inte tar sig tid att göra det rätt om du inte har tid att ta. Det enda sättet att få mer "tid" som en utvecklare, är att garantera den tid vi spenderar är korrekt kompenseras. Vid den tidpunkten ensam kan våra hjärtan och sinnen vara fullt ansluten till våra projekt ... och först då kan vi ta oss tid att följa de återstående 9 regler.
2. Utbilda Designer
För dem som är en designer / utvecklare allt-i-ett maskin, bör detta en vara enkelt. Men kodare som arbetar med eller för en designer har en unik ansvar. Som många designers kommer från en utskrift bakgrund är det upp till dig, utvecklaren, att utbilda dem om de möjligheter till sina konstruktioner. Nej ... Jag sa inte att låta dem veta om 150 + jQuery plugins du använder, eller dina tankar på att använda ett UL / LI combo vs en serie A-taggar. Jag sa utbilda dem till möjligheter. Hjälp dem att förstå hur deras utformning kan visas på olika enheter. Hjälp dem att förstå hur du kan utnyttja upprepa bakgrunder och kaklat mönster för att uppnå bra design med minsta filstorlek.
Lämna inte kreativiteten enbart till formgivaren heller! Detta är din chans att bevisa att du är kreativ och genom att hitta den perfekta tekniska lösningar för att möta behoven av formgivare. Tala om för dem "det bara inte är gjort på det sättet" för varje begäran är ett bergsäkert sätt att orsaka frustration på båda sidor. Sätt ditt sinne att arbeta hitta vägar runt hinder.
OBS: Regler 3 till 10 bygga ut de två första reglerna. Några av följande regler kräver ytterligare grafik från designern, och alla regler tar tid att följa. Göra ett åtagande att bestämmelserna 1 och 2, och de återstående reglerna kommer både vettigt och gör din färdiga produkt som mycket bättre.
3. Tänk i Lager, Inte i skivor
Än idag använder vi fortfarande frasen "skära upp designen" för att beskriva processen att flytta en design från Illustrator eller Photoshop i den färdiga HTML / CSS-layout. Även om detta fortfarande till stor del korrekt, motsäger sitt namn tidigare begreppet skivning en design i bitar och återmontera det (oftast i en tabell) tillbaka på HTML-sidan.
Det var den gamla webben. Den nya webben använder sig av begreppet skiktning, stapling, och z-index för att uppnå design med djup. Som en kodare, se till att få lager PSD-filer eller lager AI-filer från designern vs en platt design. Detta gör att du kan ha mycket mer flexibilitet i hur du sätter ihop en hemsida. Kom ihåg, när du arbetar i lager, anser HTML-element som är väsentliga för den struktur innan de går till att lägga till ytterligare divar och spännvidder. Du kan använda ett återkommande vertikala mönster på html element och ett horisontellt bakgrund på body element utan att få den fruktade div#wrapper i att lösa din bakgrund elände.
