Front-End ontwikkelen Tips om te leven door.
Het volgende is een artikel dat ik las op een blog met betrekking tot front-end developers en codering praktijken en dacht dat ik zou doorgeven. Het is door Doug Neiner, een editor is dan ook brandstof Uw Coding en is voorzitter van Pixel Graphic Design Studio . Hij is verslaafd aan nieuwe technologie, en in het bijzonder graag tijd doorbrengen met WordPress, Ruby on Rails en jQuery.
Wat volgt hier is een serie van 10 dingen om te onthouden en praktijk op elke web development project. Ik heb vermeld ze hier in volgorde van belangrijkheid zo veel van de stappen op elkaar voortbouwen. Als je niets anders uit de buurt van het lezen, neem dan Regels # 1 en # 2 aan het hart en te oefenen. Ik denk dat het oplossen van deze twee problemen zal leiden tot een beter ontwerp en betere uitvoering in websites op het internet.
1. Charge Genoeg, en nog wat
Vooral in moeilijke economische tijden, bedrijven en particulieren zowel proberen om kosten te besparen en projecten houden tot een minimum beperkt. Als gevolg van deze kennis, wij als web-ontwikkelaars proberen om door elke fase zo snel als mogelijk. Front end development, echter wel eens een aanzienlijke hoeveelheid tijd als goed gedaan. Niet voldoende opladen voor die tijd brengt ons als ontwikkelaars over te slaan dingen die we weten zijn belang alleen maar om het project te blijven binnen de begroting. De regel is simpel ... je normaal gesproken niet de tijd nemen om het goed te doen als je niet de tijd hebben om te nemen. De enige manier om meer "tijd" als ontwikkelaar te krijgen, is het waarborgen van de tijd die we besteden DO is goed gecompenseerd. Op dat punt alleen kan ons hart en geest volledig worden aangesloten op onze projecten ... en pas dan kunnen we de tijd nemen om de resterende negen regels te volgen.
2. Educatie van het Designer
Voor degenen die een ontwerper / ontwikkelaar all-in-een machine, moet dit een gemakkelijk zijn. Echter, programmeurs die werken met of voor een ontwerper hebben een unieke verantwoordelijkheid. Omdat veel ontwerpers komen uit een afdruk achtergrond, is het aan jou, de ontwikkelaar, om hen te informeren over de mogelijkheden om hun ontwerpen. Nee ... Ik heb niet gezegd laten weten over de 150 + jQuery plugins die u gebruikt, of je gedachten over het gebruik van een UL / LI combo vs een reeks van A tags. Ik zei hen opvoeden tot de mogelijkheden. Help hen begrijpen hoe hun ontwerp kan worden weergegeven op verschillende apparaten. Help hen begrijpen hoe om gebruik te maken herhalen achtergronden en betegelde patronen om grote ontwerpen te bereiken met minimale bestandsgrootte.
Laat de creativiteit alleen aan de ontwerper niet! Dit is uw kans om te bewijzen dat je creatief bent en door het vinden van de perfecte technologie oplossingen voor de behoeften van de ontwerper te voldoen. Hen te vertellen "het is gewoon not done op die manier 'voor elke aanvraag is een sure-fire manier om frustraties veroorzaken aan beide kanten. Zet je geest aan het werk vinden van manieren om hindernissen.
Let op: de regels 3 tot en met 10 te bouwen uit deze eerste twee regels. Sommige van de volgende regels extra graphics van de ontwerper, en alle regels de tijd nemen om te volgen. Maak een verbintenis tot regels 1 en 2, en de overige regels zullen zowel de zin en maak je gereed product dat veel beter.
3. Denken in lagen, niet in Slices
Zelfs vandaag de dag, we nog steeds gebruik van de uitdrukking "cut-up van het ontwerp" om het proces van het verplaatsen van een ontwerp uit Illustrator of Photoshop in het afgewerkte HTML / CSS lay-out te beschrijven. Hoewel dit nog grotendeels juist, zijn naam logenstraft het vroegere concept van het snijden van een ontwerp in stukken en monteren het (meestal in een tabel) terug op de HTML-pagina.
Dat was de oude web. Het nieuwe web maakt gebruik van het concept van gelaagdheid, stapelen, en z-index om ontwerpen te bereiken met de diepte. Als een coder, moet u de gelaagde PSD-bestanden of gelaagde AI-bestanden te krijgen van de ontwerper ten opzichte van een plat design. Dit zal u toelaten om veel meer flexibiliteit in hoe je samen een website hebben. Vergeet niet, bij het werken in lagen, overweeg dan de HTML-elementen die essentieel zijn voor de structuur voor de toevlucht te nemen tot het toevoegen van extra divs en overspanningen. U kunt gebruik maken van een herhalend verticale patroon op de html element, en een horizontale herhalen achtergrond op het body element zonder dat de gevreesde div#wrapper in om je achtergrond ellende op te lossen.
