Deel 2 webshop mobiel: Van ontwerp naar implementatie

Het geschetste ontwerp links en het resultaat in HTML/CSS rechts
Schets van ontwerp links en resultaat in HTML/CSS rechts

Van schets naar HTML/CSS

De ruwe schets uit deel 1 is omgezet naar HTML/CSS. er is geen stap in PhotoShop aan vooraf gegaan. Wat de voordelen van deze aanpak zijn, kan je hier lezen: 37signals: Why we skip Photoshop.

Lees verder…

Een layout grid met behulp van CSS tables

CSS Table Layout marks the end of complex CSS layout techniques and will be the final nail in the coffin of using HTML tables for layout.

Waarom de techniek met CSS floats niet meer voldoet

De traditionele manier om een grid te maken in CSS is eigenlijk een complete hack. We gebruiken floats, absolute posities, negatieve margins, CSS clear en andere trucjes. Het is allemaal erg complex geworden en daardoor ook moeilijker onderhoudsaar.

Lees verder…