Firebug is een zeer handige tool voor webdesigners. Als je nieuw bent in Firebug weet je misschien niet wat je er precies mee moet.

Ik heb hier een aantal screencasts die ik met jullie wil delen.

• Screencast 1
• Screencast 2

Wist je dat je 2 classes kunt gebruiken onder 1 div, h1, p en andere elementen?
Je maakt bijvoorbeeld een website met erg veel content en veel verschillende vierkanten.

Bij de ene wil je padding op 10pixels hebben en de andere niet. Hoe doe je dat zonder 2 verschillende div classes in css aan te maken? Lees verder »

In Dreamweaver zit een functie dat ik persoonlijk wel erg handig vind en regelmatig gebruik.
Het is een basis tip dat erg handig is en een dat je zeker vaker zal gaan gebruiken.

Wanneer ik veel lijnen html code heb geschreven wordt mijn html code soms rommelig en ik heb nooit veel zin om alles in 1 keer goed te organiseren, maar als ik mijn pagina bijna af heb gebruik ik het Apply Source Formatting functie van Dreamweaver. Lees verder »

Je kan een html pagina voor het printen met css vormgeven door bijvoorbeeld fonts zoals Times te gebruiken om de leesbaarheid te verbeteren.

Of je hebt een bepaalde div die op het web 200 pixels breed wordt weergegeven, maar die wil je graag op volledige breedte op je A4 hebben.
Ook kan je bepaalde stukjes tekst weglaten bij het printen, zoals de footer van je website.
Lees verder »

Als je even niet weet hoe je een stramien (1 kolom 2 kolommen 3 kolommen) voor je website in css moet maken heb ik hier alvast een beginnetje voor jullie.

• een kolom pagina layout
• twee kolommen pagina layout
• drie kolommen pagina layout

Kopieer en plak onderstaande code in Dreamweaver of Kladblok en sla dit op als index.html
Vragen en opmerkingen zijn altijd welkom!
Lees verder »

Hier is een leuk code om je input te voorzien van gegevens dat weer terug komt als de muis ergens anders geklikt wordt (zie search input op deze site) klik in ‘zoeken’ en de tekst verdwijnt, maar als je ergens anders klikt komt het weer terug.

01. Kopieer en plak

Om het zo te krijgen moet je onderstaande code bij je (input) in te vullen:

<input type="text" value="Klik me"
onfocus="if (this.value == 'Klik me')
{this.value = '';}"
onblur="if (this.value == '')
{this.value = 'Klik me';}" />

Deze code werkt op alle browsers!