CSS Tutorials van MaxDesign: lijsten, floats en selectors

Dat je met CSS heel wat kan bereiken blijkt wel uit de site van MaxDesign. Als je op zoek bent naar een aantal goede tutorials over CSS kan ik je deze website van harte aanbevelen.

Lijsten
In 3 tutorials (Listamatic 1 en 2 en Listutorial) wordt helemaal uit de doeken gedaan hoe je lijsten kunt bewerken met CSS. Ideaal voor het maken van menu's:
- opmaak van je lijsten
- menulijsten
- horizontale lijsten (zoals hierboven mijn menu)
- het vervangen van bullets door afbeeldingen
Een Browser chart laat precies wat werkt in welke browser. Begin je net met CSS, start dan met de Listutorial.

Floats
In het Floatutorial staat hoe je onderdelen in je site uitlijnt met CSS. Bijvoorbeeld om een afbeelding naast je tekst te plaatsen. Ben je van plan fotoslides te gaan maken? Dan is deze tutorial een goed begin.
Een ander onderdeel hiervan is een uitleg van een 2-koloms of 3-koloms liquid layout met CSS. Whelp.nl heeft een 3-koloms layout. Liquid betekent dat de breedte meegroeit of krimpt met de breedte van een browser. Hier heb ik zelf niet voor gekozen omdat ik de voorkeur geef aan pagina's die voorspelbaar zijn. Ook houd ik er in de opbouw van mijn pagina (teksten en afbeeldingen) rekening mee. Bij een liquid layout heb je dat – naar mijn mening – wat minder in de hand.

Selectors
Dit tutorial tot slot gaat meer over de basale mogelijkheden van CSS en welke keuzes je hierin kunt maken. Wat minder aansprekend, maar – net als die hierboven – zeer uitgebreid en duidelijk.

Meer lezen?
Ben je geïnteresseerd in CSS? Kijk dan ook eens bij de CSS Zen Garden.

Stem / Bookmark [?]