A poorly implemented feature hurts more than not having it at all. — Noah Everett

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…


Post-Redirect-Get Pattern

PostRedirectGet_DoubleSubmitSolution

Inleiding Post-Redirect-Get, kortweg PRG is een web design pattern dat een aantal veel voorkomende fouten op het web helpt voorkomen. Voorkomt dubbele form submits, veroorzaakt door herladen van de pagina. Zorgt er voor dat de zichtbare URL hoort bij de pagina die getoond wordt. Maakt webpagina's "bookmarkable". Hoe…


Multiselect jQuery component

MultiselectJQuery

HTML Selectbox component Een standaard HTML Selectbox component geeft de gebruiker de mogelijkheid om meerdere opties tegelijk te selecteren. Echter de manier waarop dit moet gebeuren, is niet erg gebruikersvriendelijk en meestal ook onbekend bij de “gewone” gebruikers. Bij een lijst van checkboxes daarentegen…


Multiselect transfer component

Multiselect transfer component mbv jQuery Een standaard HTML selectbox geeft de gebruiker de mogelijkheid om meerdere opties tegelijk te selecteren. De manier waarop dit gebeurt, is niet erg gebruikersvriendelijk, maar belangrijker, meestal onbekend bij de “gewone” gebruikers. Veel bekender is een component…