Sorry voor deze onderbreking, maar de wet verplicht me om het volgende te vertellen. Deze website en/of derde partijen gebruikt op deze website, zoals Google Analytics, maken gebruik van cookies, die nodig zijn voor de juiste werking van de website en voor een goede analyse van de bezoekers van deze website zoals beschreven in cookies. Door op de knop "Ja, ik accepteer de cookies" te drukken gaat u akkoord met het gebruik van cookies.

CSS, de vormgeving van websites

☰ 17 augustus 2019 over CSS, de vormgeving van je website.

17-08-2019

Als je berichten over het maken van websites volgt, kom je de term CSS wel eens tegen. Deze afkorting staat voor Cascading Styles Sheet. Met CSS bepaal je grotendeels hoe de vormgeving van een website er uit ziet, bijvoorbeeld welke kleuren er gebruikt worden en welke lettertypes.

Meestal gebruiken webdesigners een externe stylesheet. Alle pagina's van de website hebben dan een verwijzing naar deze stylesheet in hun header staan. Daarmee halen ze als het ware de "huisstijl" van de website binnen.

Het grote voordeel is, dat wanneer je (klant) opeens andere kleuren, andere lettertypes of een andere lay-out wil hebben, je de wijzigingen meestal alleen in die externe stylesheet hoeft aan te brengen om in een keer de hele website aan te passen.

Het nadeel is dat webpagina's daardoor langzamer laden omdat er eerst iets "van buiten" de pagina opgehaald moet worden. Dit nadeel speelt een rol bij mobiele browsers.

Er moet dus een goede afweging gemaakt worden of het verlies van snelheid groot of klein is en of dat zodanig is dat je beter voor een andere oplossing moet kiezen, namelijk de CSS als style element, op iedere webpagina apart, in de header moet zetten.

Die methode zorgt er, mits de hoeveelheid style bepaling niet te groot is, dat de pagina sneller laadt, maar heeft als groot nadeel dat je dus NIET in een keer de vormgeving van de hele website in een keer kunt wijzigen.

Heb je eenmaal je vormgeving bepaald, dan wil je wel dat je CSS aan de regels voldoet. Daarmee heb je vrij grote zekerheid dat de vormgeving op alle verschillende moderne browsers er hetzelfde uit ziet. Je kunt je CSS laten nakijken, "valideren".

CSS valideren kan via een W3C tool online.



Hoe kleiner je CSS beschrijving is, des te beter. Dat is een kwestie van zo efficiënt mogelijk noteren of je CSS ook laten opschonen of zelfs laten comprimeren.

Dat CSS opschonen of comprimeren kan via https://www.csstidyonline.com



Wil je meer weten over CSS dan kan ik de volgende bronnen aanbevelen:

Dit door Bert Bos vertaalde artikel is wel een aanrader:



In "CSS explained in 20 minutes", een video in het Engels en onderdeel van een hele serie, legt Kyle van WebDevSimplified heel duidelijk uit wat CSS is, hoe het werkt en wat je er mee kan doen.



☰ Contactgegevens (met Google map)

FD-ID websites & projecten
Marguerite Efdé
info @ fd-id.nl
+31 6 45 38 63 24
KvK nummer 32121511

Dank je wel voor je bezoek. Misschien wil je deze pagina op social media delen?