Web Development: HTML PHP CSS en Javascript

Categorie:

HTML » Tutorials »

Favicon voor je webpagina

Als je wilt dat bezoekers regelmatig naar je website terugkeren moet je er voor zorgen dat je website herkenbaar is. Een hulpmiddel om te zorgen voor herkenbaarheid is de Favicon.

Een favicon is een klein icoontje die meestal terug te vinden bovenin je browser. Meestal staat de favicon op de tab van de bijhorende pagina. Soms is hij terug te vinden naast de ‘Address bar’ van de pagina.

Het belangrijkste is dat je favicon terug te vinden is bij je bookmarks. Een herkenbare favicon zorgt ervoor dat jouw pagina snel terug te vinden is.
Verder »

Introductie in HTML5 video

Inleiding

Het element is een van de nieuwe toevoegingen aan het web die HTML5 ons zal brengen. Met het video element zal het mogelijk worden om video bestanden zonder de hulp van plugins rechtstreeks in je browser af te spelen.

Het grote voordeel van het HTML5 video element is dat we in de toekomst geen gebruik meer hoeven te maken van Flash. We hoeven gebruikers dan ook niet meer te vragen of ze Flash willen instaleren.

Een tweede voordeel is dat de opmaak eenvoudiger te veranderen is voor HTML5 video elementen. Zoals gebruikelijk voor HTML kunnen we gewoon CSS in combinatie met javascript gebruiken voor het stylen van een element.

Hieronder een voorbeeld van een HTML5 video:

Verder »

Een HTML 5 pagina werkend in alle browsers

Inleiding

HTML 5 biedt voor web developers nieuwe mogelijkheden om makkelijk leesbare en ook semantisch betere pagina’s te maken. Jammer genoeg is HTML 5 nog steeds in de ontwikkeling en wordt daarom nog niet door alle browsers ondersteund.

In deze tutorial laat ik zien hoe je een pagina met HTML 5 kunt maken. Met behulp van javascript maken we deze code geschikt voor browsers die nog geen HTML 5 ondersteunen, waaronder Internet Explorer 6.

De lay-out voor de pagina gaan maken is een simpele 2-koloms blog pagina met een footer en een header:

lay out met 2 kolommen
Verder »