Läsarens omröstning! Hur kodar du design i HTML / CSS?

Vi gjorde nyligen det stora meddelandet att vi ska publicera PSD> HTML-tutorials här på Webdesigntuts, vilket har lett till lite debatt över de flesta webbdesigners kodar nuförtiden. Det finns faktiskt ett stort antal alternativ som en webbdesigner / utvecklare måste välja från: Dreamweaver, Coda och Notepad ++ är bara några av alternativen?


Poll: Hur kodar du mallar i HTML / CSS?

Innan vi dyker in i omröstningen och diskussionen, låt oss få en sak rakt: Det här handlar inte om höger sätt att koda, det handlar om vad som fungerar för dig. Vad vi specifikt frågar är på vilket sätt du får det gjort dagligen. Du kanske har provat 3 eller 4 olika metoder, program eller arbetsflöden? men chansen är att om du har kodat HTML / CSS under en längre tid, så har du kommit till ett sätt att göra saker nu.

Att skriva frontend som kodar för en webbplats är lika personlig som designfasen själv? och det finns en massa olika överväganden som du kan göra innan du bestämmer dig för vad som är den bästa metoden för dig. Jag kommer att beskriva dessa överväganden i detalj nedan, men i allmänhet spänner de från kostnad till användarvänlighet.

Besvara undersökningen nedan, läs detaljerade överväganden, följ sedan diskussionen i kommentarfältet för att hjälpa till att förklara Varför du kodar hur du gör det. Vi använder din feedback som en grund för att skapa handledning i framtiden, så om du har en åsikt eller en förfrågan, vara vokal.



Övervägandena

Vi kommer faktiskt att köra en omfattande artikel om tillståndet för kodningsprogram (som Dreamweaver) senare i månaden, så det borde vara en bra grund för alla som är intresserade av att läsa det inlägget senare:

  • Kosta: Det kan vara det första du anser om du bara har börjat. Ironiskt nog råkar de program som är bäst lämpade för nybörjarkodrar vara dyraste. Dreamweaver kommer att köra dig om $ 399 på egen hand, eller $ 1799 som en del av Creative Premium Suite. Adobe erbjuder också en ny månatlig prenumerationstjänst för så lite som 19 dollar per månad, men det kommer fortfarande att öka upp till cirka 240 dollar per år.

    Coda går för $ 99, vilket är betydligt mer rimligt. E-Text-Editor körs för $ 47. CSSEdit körs för $ 40, men är begränsad till en specifik uppsättning uppgifter. Notepad ++ är 100% gratis och öppen källkod. Det finns också ett antal andra grundläggande textredigerare som också är gratis.

  • Enkel användning: Det här är en mer personlig kategori än de andra? men vissa program känns bara mer användbara än andra. Det är alltså relativt, till exempel om du har varit i Adobe Creative Suite i flera år nu (eller du har fått formell utbildning), kan du gravta mot Dreamweaver. Omvänt kan Dreamweaver verka som ett övervuxet odjur av ett program till andra människor som inte känner till det.

    På andra sidan komplexiteten känns vissa designers / kodare bekvämt i en vanlig gammal textredigerare. Vad som är bäst för dig är i slutändan upp till dig - men på något ställe bör du först överväga vilket program du känner dig bekväm med.

  • Funktionsuppsättning: Funktionsuppsättningen som ditt eget valfria verktyg är förpackat med är ett annat viktigt övervägande. Behöver du ett inbyggt FTP-program? Behöver du kodhints och förkonstruerade snippets tillgängliga till hands? Behöver du en förhandsvisning av koden som du arbetar med? Vill du ha en annan "vy" för varje språk du jobbar med? Vad sägs om möjligheten att återfalla till äldre versioner av din kod?

    Funktioner är dock ofta ett dubbelkantat svärd? Faktum är att många människor drar Dreamweaver och andra stora WYIWYG-redaktörer för att vara alltför funktionella för att kunna användas. Återigen är detta ett mycket personligt övervägande? vissa människor vill ha allt på sin beck-and-call; andra vill packa ljus och skriva allt från början.

  • Samarbete: Ett annat övervägande som jag ska kasta ut är ditt samarbetsprojekt. Tänk på det här sättet: om du designar ett projekt där du är sannolikt den enda personen som någonsin kommer att röra vid koden, kan du förmodligen välja vilken metod som helst som passar dig. MEN om du arbetar i ett större lag eller en studio måste du överväga huruvida de har egen väg att göra saker eller inte. I de här fallen kan tunga (och dyra) program som Dreamweaver inte vara så bra om inte alla på laget har tillgång. På samma sätt kan komplexa funktioner som SVN och versionsspårning vara mer av ett hinder än en fördel.

Diskussion: Så, hur kodar du?

Det finns ingen? Rätt? Svar, självklart, men det är kul att höra anledningarna till att andra designers gör saker. Gilla de andra inläggen i vår? Läsares omröstning? serien, det här är tänkt att vara en hoppningsplats för diskussion bland våra läsare? tveka inte att chime in med dina egna tankar.

Åh - och om du missade vår undersökning om eller webbdesigners skall vet hur man kodar, kolla in det här!