Met css heb je veel verschillende mogelijkheden om je web pagina op te maken. Hierbij zijn er een aantal css properties die je vaker op een element toepast zoals: float(left), position(absolute), display(none), margin, enzovoortz..

Ik zorg er voor dat er een vaste benoeming van deze classes worden gegeven en dat ik ze bij iedere project kan kopieren en plakken en dat scheelt natuurlijk tijd. Lees verder »

Dit is een simpele voorbeeld hoe je een div kan laten animeren en er een nuttige login slider kan maken met jQuery.

Wat heb je nodig?

• jQuery framework (voor de animatie)
• HTML pagina (voor de weergave)
• CSS stylesheet (voor de vormgeving)
• jQuery code (om het te laten werken)

Ik heb op de vorige jQuery tutorial onder (01.jQuery koppelen) uitgelegd hoe je jQuery in je html pagina kan koppelen.

Lees verder »

Tegenwoordig zie je vaak bij het klikken van een klein afbeelding dat er een soort van popup naar voren komt met een donkere achtergrond. Het effect is gemaakt voor het presenteren van afbeeldingen en is een vervanging van popups als je op een foto klikt.

Lightbox is een javascript(ajax) module en wordt veel gebruikt bij online portfolio’s.
Hieronder staat een link naar een mooi voorbeeld bij het gebruik van LightBox.

Voorbeeld Lightbox
Lees verder »

Transparantie gebruiken op PNG kan erg handig zijn op je website. Het zorgt ervoor dat je website visueel mooier eruit ziet. Maar omdat IE6 geen transparantie in PNG ondersteunt verpest het meestal heel je webpagina met blauwe stukjes op de afbeeldingen.

Ik heb gewenst dat er geen mens op aarde IE6 meer gebruiken, maar toch zijn er meer IE6 gebruikers dan je denkt!

Er zijn echter wel meerdere oplossingen voor om IE6 toch transparantie goed te laten weergeven.
op www.nettuts.com is er een goed video tutorial geplaats. En die geeft 5 opties om hoe je transparantie toch op IE6 te laten werken!

Bekijk artikel

Uitwerken van websites kan niet altijd foutloos gaan. Ik gebruik hierbij een handige Firefox Add-On dat Firebug heet.

Met Firebug kan ik de CSS nalopen en aanpassen tot mijn wensen zonder iedere keer naar de CSS bestand te gaan.

Je ziet de aanpassingen direct op de pagina! Natuurlijk kan Firebug veel meer… Je kan het ook voor JavaScript en HTML gebruiken.

Na het installeren krijg je een muggetje rechts onder je Firefox programma.

“Firebug integrates with Firefox to put a wealth of development tools at your fingertips while you browse. You can edit, debug, and monitor CSS, HTML, and JavaScript live in any web page…”

Firebug is een Add-On voor Mozilla Firefox en is gratis te downloaden!

Firebug Downloaden