Reader's Poll! Hoe codeert u ontwerpen in HTML / CSS?

We hebben onlangs de grote aankondiging gemaakt dat we PSD> HTML-tutorials hier op Webdesigntuts zullen publiceren, wat een beetje discussie heeft veroorzaakt over de meeste webontwerpers die tegenwoordig coderen. Er zijn eigenlijk een groot aantal opties die elke webontwerper / ontwikkelaar moet kiezen: Dreamweaver, Coda en Notepad ++ zijn slechts enkele van de opties?

De peiling: hoe codeert u ontwerpen in HTML / CSS?

Voordat we een duik nemen in de poll en de discussie, laten we een ding rechtdoor gaan: dit gaat niet over de rechts manier om te coderen, gaat het om wat voor u werkt. Wat we specifiek vragen is hoe je krijgt het elke dag gedaan. Misschien hebt u 3 of 4 verschillende methoden, programma's of workflows uitgeprobeerd? maar de kans is groot dat je, als je al een tijdje HTML / CSS hebt gecodeerd, nu al een manier hebt gevonden om dingen te doen.

Het schrijven van frontend-codering voor een website is net zo persoonlijk als de ontwerpfase zelf? en er zijn een aantal verschillende overwegingen die u zou kunnen nemen voordat u besluit wat de beste methode voor u is. Ik zal deze overwegingen hieronder in detail beschrijven, maar over het algemeen gaan ze van kosten tot gebruiksgemak.

Beantwoord de peiling hieronder, lees de gedetailleerde overwegingen en neem deel aan de discussie in de opmerkingen om uitleg te geven waarom je codeert zoals jij doet. We zullen je feedback gebruiken als basis voor het maken van tutorials in de toekomst, dus als je een mening of een verzoek hebt, wees dan vocaal.

De overwegingen

We gaan later deze maand een uitgebreid artikel over de status van coderingsprogramma's (zoals Dreamweaver) uitvoeren, dus dit zou een goede inleiding moeten zijn voor iedereen die geïnteresseerd is in het later lezen van die post:

• Kosten: Dit is misschien het eerste dat je in overweging neemt als je net begint. Ironisch genoeg zijn de programma's die het best geschikt zijn voor beginnerscodeerders ook de duurste. Dreamweaver voert u zelf $ 399 uit, of $ 1799 als onderdeel van de Web Premium Creative Suite. Adobe biedt ook een nieuwe maandelijkse abonnementsservice voor slechts $ 19 per maand, maar dat gaat nog steeds oplopen tot ongeveer $ 240 per jaar.

  Coda werkt voor $ 99, wat aanzienlijk redelijker is. De E-Text-Editor werkt voor $ 47. CSSEdit werkt voor $ 40, maar is beperkt tot een specifieke set taken. De Notepad ++ is 100% gratis en open source. Er zijn ook een aantal andere basis-teksteditors die ook gratis zijn.

• Makkelijk te gebruiken: Dit is een meer persoonlijke categorie dan de anderen? maar sommige programma's voelen gewoon beter bruikbaar dan andere. Het is echter allemaal relatief: als u bijvoorbeeld al jarenlang in de buurt bent van de Adobe Creative Suite (of als u formele training hebt gehad), kunt u aangetrokken worden door Dreamweaver; Omgekeerd lijkt Dreamweaver misschien een te groot beest van een programma voor andere mensen die het niet kennen.

  Aan de andere kant van de complexiteit voelen sommige ontwerpers / programmeurs zich prettig in een eenvoudige oude teksteditor. Wat voor jou het beste werkt, is uiteindelijk aan jou - maar op een gegeven moment moet je eerst overwegen welk programma je prettig vindt.

• Functie Set: De feature set die uw specifieke tool (s) naar keuze bevat, is een andere belangrijke overweging. Heeft u een ingebouwd FTP-programma nodig? Heeft u codehints en pre-built snippets binnen handbereik nodig? Heeft u een previewweergave nodig van de code waaraan u werkt? Wilt u een andere "weergave" voor elke taal waarmee u werkt? Hoe zit het met de mogelijkheid om naar oudere versies van uw code terug te keren??

  Functies zijn echter vaak een tweesnijdend zwaard? in feite klagen veel mensen Dreamweaver en andere grote WYIWYG-editors omdat ze te veel functies hebben om bruikbaar te zijn. Nogmaals, dit is een zeer persoonlijke overweging? sommige mensen willen het allemaal op hun wenken en bellen; anderen willen licht inpakken en alles vanaf nul schrijven.

• Samenwerking: Een andere overweging die ik zal weggooien is het samenwerkingskarakter van uw project. Zie het op deze manier: als u een project ontwerpt waarbij u waarschijnlijk de enige persoon bent die de code ooit zal aanraken, kunt u waarschijnlijk kiezen welke methode het beste bij u past. MAAR, als je in een groter team of een studio werkt, moet je overwegen of ze hun eigen manier hebben om dingen te doen. In deze gevallen kunnen zware (en dure) programma's zoals Dreamweaver mogelijk niet het meest zinvol zijn als niet iedereen in het team toegang heeft. Evenzo kunnen complexe functies zoals SVN en het volgen van versies meer hinderlijk zijn dan een voordeel.

Discussie: Dus, hoe do code?

Nee, toch? Antwoord, natuurlijk, maar het is geweldig om de redenen te horen waarom andere ontwerpers dingen doen. Net als de andere berichten in de Poll van onze Reader? serie, dit is bedoeld als een startpunt voor discussie tussen onze lezers? dus aarzel niet om je eigen gedachten in te spreken.

Oh - en als je onze poll over het feit of webontwerpers hebt gemist moeten weet hoe je moet coderen, kijk hier voor meer informatie!