Vul uw gegevens in en wij
nemen contact met u op.
Indien u met ons in contact wilt komen
kan dat via de volgende gegevens:
Landstraat 45
7121 CP Aalten
Telefoon 0543 49 00 80
Email info@besite.nl
Door Rob Kemper in Kladblok
CSS (Cascading Style Sheets) wordt gebruikt om onderdelen van een website te positioneren, vorm te geven en kleur te geven. Een beetje als een schilderij: HTML is de canvas, CSS is de verf.
CSS3 is vergeleken met CSS2 op veel manieren verbeterd. Zie hieronder een greep van de vernieuwing
Ronde hoeken (border-radius) was altijd onnodig veel werk. Passen en meten om een afbeelding toe te voegen. Met name bij elementen waarbij de breedte variabel is.
Dit is met CSS3 opgelost. Nu is het simpelweg border-radius: waarde; Dit is op veel manieren in ieders voordeel. Zoals bijvoorbeeld dat het ontzettend gemakkelijk aan te passen is. Geen tijd kwijt met het maken van een afbeelding en geen afbeeldingen op de server.
Lettertypen zijn erg belangrijk op een website. Ze geven het karakter van een website weer.
Het is echter altijd erg lastig geweest om ‘aparte’ lettertypen te gebruiken op een website.
Iedere computer bevat een reeks aan lettertypen. Maar niet iedere computer bevat dezelfde. Het kan dus zijn dat een titel van een pagina in een apart lettertype weergegeven moet worden, zoals bijvoorbeeld Comfortaa. Dit is een commercieel lettertype waardoor er vanuit kan worden gegaan dat bijna geen computer Comfortaa heeft geïnstalleerd.
Pagina titel in lettertype Comfortaa:
Maar Comfortaa is een mooi en aantrekkelijk lettertype en stel dus dat u de pagina titel van de website in Comfortaa wilt tonen. Hier zijn al geruime tijd oplossingen voor. Het begon zover ik mij kan herinneren met SiFR. Op Adobe Flash gebaseerd. Een geavanceerde methode om aparte lettertypen te tonen op een site.
Dit is jarenlang gebruikt door veel webbureaus waaronder wijzelf, maar was verre van perfect. Het laden hiervan duurde te lang en de tekst was niet meer te selecteren. En daarbij, eigenlijk houdt niemand van een boel werk om iets kleins te doen. Toen jQuery populair werd kwam al gauw Cufon. Dit was een soort van opvolger/concurrent van SiFR. Velen malen eenvoudiger en schoner.
Nu met CSS3 is het allemaal nog eenvoudiger geworden en is geen service van derden meer nodig. Een goede ontwikkeling dus!
Met de komst van CSS3 zijn veel bestaande dingen vereenvoudigd toe te passen, en dingen die normaal met een grafisch programma op maat gemaakt moest worden, is nu met een CSS eigenschap toe te passen.
Uiteraard is Internet Explorer met de komst van versie 9 (IE9) al verouderd toen ze alle plannen op de tekentafel hadden gelegd. En helaas is dus is CSS3 niet volledig toe te passen op Internet Explorer. Gelukkig zijn plug-ins van derden te verkrijgen waardoor de meeste CSS vernieuwingen vooralsnog voorzichtig te realiseren is.
Ik wil niet alle vernieuwingen behandelen in dit weblog bericht, dat zou teveel tijd kosten. Wellicht is zien interessanter!
Bekijk hieronder een paar websites waar veel voorbeelden van CSS3 op staan.
Gebruikt u Internet Explorer en u ziet geen leuke voorbeelden op de onderstaande links?
Probeer het eens in een webbrowser van deze tijd! Zoals bijvoorbeeld Google Chrome of Mozilla Firefox.
Website met voorbeelden van CSS3
