Month: September 2015

Collapsing header margin

Collapsing margin-top probleem

Je kent het wellicht wel: je hebt een container gemaakt met daarin een header. De header heeft een aantal pixels margin-top maar tot je verbazing wordt deze margin-top toegekend aan de container en niet aan de header! Dit kan op een aantal manier… Meer...

Userstories

User stories

Een user story is een korte, eenvoudige beschrijving over een product/ding/site vanuit het perspectief van een persoon die dit wil gebruiken. Meestal is dit een gebruiker, een klant of een systeem. Een user story bestaat meestal uit het volgende… Meer...

Een print CSS maken

Een print css maken

Het kan nuttig zijn om een apart stylesheet aan te maken voor een pagina die geprint moet worden. Bijvoorbeeld omdat je een kortingsbon wilt weggeven via internet of omdat je je cv printbaar wilt aanleveren aan een toekomstig werkgever. Om … Meer...

inline-block vs float

Wat is het verschil precies? Optisch gezien weinig. In beide gevallen komen de elementen naast elkaar te staan. Qua gedrag in de code is er wel een verschil. Floating elementen worden uit het stramien gehaald. Een parent container ‘ziet’… Meer...

Je site online zetten

Paul Kuyt heeft een handleiding geschreven over het online zetten van je website op de glr-imd server. Mocht je een andere domeinnaam (en dus een andere host) kiezen dan kan dat. Uploaden zal hetzelfde werken. Je moet alleen de username, password,… Meer...

Naming conventions

Naming conventions

Naming conventions gaat over het juist benamen van bestanden en mappen zodat mensen en servers er mee overweg kunnen. Het gaat ook om de plaatsing van je files. Zowel mens als server moeten weten waar bepaalde bestanden te vinden zijn. Er zijn… Meer...

Sitemaps

Voordat je met je site kunt beginnen moet je veel zaken al besloten hebben. Denk maar aan het doel van de website, de doelgroep, wat de klant wil bereiken. Je moet weten hoeveel inhoud je straks kwijt moet op je site, deze informatie heb je nodig… Meer...

Formulieren stijlen

Formulieren stylen

In combinatie met tabellen of div’s kun je je formulier mooi opmaken. In het hoofdstuk over tabellen heb je geleerd hoe je achtergrond afbeeldingen in tabellen plaatst om zo een ontwerp te maken.… Meer...

Formulieren

Formulieren worden op websites gebruikt om te communiceren met de bezoeker. Een soort zal je wellicht bekend voorkomen, namelijk een formulier om iets te bestellen of om contact op te nemen met een bedrijf of mens. Maar formulieren worden … Meer...

Viewport meta tag

Met de viewport meta tag kun je de breedte en schaal van je website instellen voor mobiele apparaten. Dit is essentieel, je geeft namelijk weer wat 100% is. Doe je dit niet dan zal je website op een mobiel apparaat als gewone website getoond worden.… Meer...

Werken met procenten

Werken in percentages

Er zijn tegenwoordig meer mobiele telefoon met internet verbinding dan computers. Nog even en er zullen ook meer page views zijn vanaf een mobiele telefoon dan vanaf een gewone computer. Tijd dus om te leren hoe je je site voor mobiel geschikt… Meer...

Child selectoren

Descendent selectoren

Een descendent selector is een selector waarmee je aangeeft wat er moet gebeuren wanneer een bepaalde tag (of id of class) binnen een andere tag (of id of class) zit, bijvoorbeeld “ul li”. Maar je kunt veel nauwkeuriger stijlen… Meer...

Tabellen

Regelmatig moet er op een website informatie worden geordend. Denk maar aan een site met een overzicht van producten, hierin staan afbeeldingen netjes onder elkaar met tekst er naast bijvoorbeeld. Meestal zijn dit websites die hun content… Meer...

Mediaqueries

Mediaqueries

Een mediaquery stelt je in staat om binnen je stylesheet stijlen aan te geven die gelden onder een bepaalde voorwaarde. Dit kan zijn schermbreedte, scherm orientatie (portrait of landscape). Een mediaquery is een stukje code ter uitbereiding… Meer...