Beste leden,

Ik ben heel benieuwd hoe jullie als webdesigners/programmeurs een PSD ontwerp gemakkelijk omzetten in HTML/CSS. Hebben jullie nog handige trucjes, of is het echt een op een overnemen van je ontwerp?

Ik ben erg benieuwd hoe jullie dit altijd aanpakken!

Wel handig als je het gewoon 1-op-1 overneemt, of niet?

Ik maak zelf mijn websites nooit in een .PSD, ik gebruik tegenwoordig http://layoutit.com/ om een simpele Bootstrap layout te maken.

Designing is nooit echt mijn ding geweest.

Voor mij is het echt 1 op 1 over nemen. Ik verdeel de inhoud in blokken en die stijl ik met css.

Ik laat het meestal door een ander doen. Lijkt me de gemakkelijkste oplossing :)

1. In psd ontwerpen 2. een goed thema die veel functies heeft om dit te kunnen realiseren 3.costum css in het thema gebruiken om het te finetune.

Ik ontwerp eerst een layout in een grid van 12 of 24 kolommen (bootstrap). Vervolgens ga ik naar http://getbootstrap.com/customize/ en stel bootstrap zo specifiek mogelijk in qua kleuren, fonts, line-heights, etc. zodat ik zo min mogelijk custom css hoef te schrijven. Hier ontkom je niet aan maar je kunt bootstrap zelf ook heel gemakkelijk zelf veel laten doen door het op bovengenoemde link in te stellen. Vervolgens bouw ik de templates in html/css en verwerk die dan in een custom theme voor Wordpress. Is wat werk maar wel maatwerk.

wauw!

Ik laat het altijd omzetten naar Bootstrap(3), zelf begin ik daar niet aan. Het is een heel vak apart om de slicing/basing zodanig goed te doen dat de weergave op alle mobiele telefoons, tablets en pc's perfect is.