Web Development: HTML PHP CSS en Javascript

Simpele CSS3 button met 3D effect

CSS3 bied een heleboel nieuwe gereedschap voor het stylen van een webpagina. CSS3 geeft vooral veel mogelijkheden voor het geven van een 3d look aan je webpagina. Dit maakt CSS3 heel erg geschikt voor gebruik in buttons.

Voor maximale herkenbaarheid moeten buttons net zoals echte knoppen een beetje naar buiten steken. CSS3 geeft ons de mogelijkheid om een illusie van 3D te creëren zonder gebruik te maken van afbeeldingen.

CSS3 effecten die we gaan gebruiken zijn:

  • box-shadow
  • gradient

Verder »

Beveilig je website tegen Cross-site scripting (XSS)

Een van de belangrijkste dingen om je zorgen over te maken bij het ontwikkelen van een webapplicatie is de veiligheid van je website. Je website staat open voor de gehele wereld en ieder willekeurig persoon kan je website aanvallen. Omdat je van tevoren nooit weet van welke kant de aanval komt is het belangrijk om je website zo veel mogelijk dicht te timmeren zodat niemand je website kan aanvallen.

In een reeks van artikelen probeer ik uit te leggen hoe je, je website kunt beschermen tegen aanvallen van buitenaf. Vandaag gaan we het hebben over Cross-site scripting (XSS).

Verder »

Maak je site geschikt voor gehandicapte mensen

Als je een website aan het maken bent sta je er niet vaak bij stil dat een grote groep mensen last heeft van een handicap waardoor ze moeite kunnen hebben om jouw site te bezoeken. Zo is bijvoorbeeld ongeveer 1% van de mannen kleurenblind waardoor ze slecht groen van rood kunnen onderscheiden.

In deze tutorial probeer ik een aantal tips te geven waarop je moet letten bij het maken van een website zodat ook gehandicapte mensen jouw site kunnen bezoeken.
Verder »

Installeer Wamp server in windows

Vorige week legde ik in dit artikel uit hoe je een server in Ubuntu moest installeren. Vandaag leg ik uit hoe je eenvoudig een apache server voor Windows kunt installeren.
Verder »

Conditional statements voor Internet explorer

Door middel van conditional statements is het mogelijk om bepaalde stukken HTML alleen voor, of juist niet voor Internet Explorer te laten gelden.

Conditionele statement werken als volgt:

Positief:

Code blok   
<!--[if condition]> HTML <![endif]-->

Negatief:

Code blok   
<!--[if !condition]><![IGNORE[--><![IGNORE[]]> HTML <!--<![endif]-->

Je kan gebruik maken van de volgende condities:

IE
Elke versie van Internet explorer
lt IE versie
Internet explorer met een versie lager dan versie.
lte IE versie
Internet explorer met een versie gelijk of lager dan versie.
IE versie
Internet explorer met een versie gelijk aan versie.
gte IE versie
Internet explorer met een versie gelijk of hoger dan versie.
gt IE versie
Internet explorer met een versie hoger dan versie.