Category: HTML

Creating beautiful css animations

door Rami Saya

SlideShare.net/RamiSayar

Een tegenvallende presentatie waarbij de spreker inging op de geschiedenis van animatie op het web. Op zich aardig maar dit duurde te lang. Vervolgens ging hij in op CSS animaties maar kwam hij niet… Meer...

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

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

One page parallax

One page designs zijn veel gezien tegenwoordig. Ze zijn bijzonder handig wanneer je niet heel veel content aan te bieden hebt en je bezoeker niet al te veel wilt laten klikken. Ik vind het zelf ook goed werken voor mobiel gebruikt aangezien een… Meer...

SVG files

Een SVG file is een schaalbare vector file. Deze maak je in Illustrator en exporteer je vervolgens naar een stukje script wat je kunt insluiten op je pagina. Het grote voordeel van SVG files is dat ze hun scherpte behouden wanneer de pagina… Meer...

Featured image bij een post over Google map toevoegen aan je site

Google map toevoegen

Een gewone kaart insluiten is vrij eenvoudig. Echter, je kunt redenen hebben om de kaart qua kleurenpalet aan te passen aan je eigen website. In deze post vind je een aantal links naar sites die hier op in gaan. Eerst het insluiten van een gewone… Meer...

SEO

Hoe SEO te integreren in je website?

SEO is de afkorting voor Search Engine Optimalisation oftewel Zoek Machine Optimalisatie. Meestal hebben mensen het dan over Google. Aangezien Google natuurlijk het overgrote deel van de markt in handen… Meer...

Boxmodel

Zoals je inmiddels weet kun je met behulp van een div element een lege box maken in HTML welke je vervolgens “vult” met afbeeldingen, tekst, video etc om zo je ontwerp op te zetten. Meestal maak je div’s in div’s om een… Meer...

Float

Om elementen in je HTML pagina naast elkaar te positioneren kun je de eigenschap float gebruiken. In aansluiting hier op kun je het een en ander lezen over wireframes (je beeldscherm indeling).

Video’tje kijken?

POLS

Mp>Op POLS … Meer...

Schaalbare achtergrond afbeelding

Het maken van een schaalbare achtergrond is tegenwoordig meer standaard dan uitzondering. Echter, een achtergrond afbeelding kan netjes schaalbaar zijn maar helaas toch uit verhouding. In deze post ga ik je niet vertellen hoe je je achtergrondafbeelding… Meer...

1 2