“If you can dream it, you can do it.” — Walt Disney

Deel 2 webshop mobiel: Van ontwerp naar implementatie

Het geschetste ontwerp lins en het resultaat in HTML/CSS rechts

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. Het eindresultaat is tot stand gekomen in een aantal iteraties. Hieronder een korte samenvatting van de iteraties door de…


Waarom werkt vertical-align:bottom niet!?

In CSS is het lastig om tekst uit te lijnen met de onderkant van een blok. De CSS property "vertical-align" doet niet altijd wat de meesten verwachten. Binnen een tabel doet "vertical-align:bottom" wat de meesten verwachten. Het zorgt er voor dat de tekst in een cel tegen de onderrand wordt geplaatst. Ook voor een…


Een layout grid met behulp van CSS tables

css-table-layout

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. 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…