Zurb's Foundation is een van de meest gebruikte responsieve frameworks die momenteel beschikbaar zijn - en dat is niet voor niets ook het geval. Met een flexibel rastersysteem, een schijnbaar eindeloze lijst met functies en een community die werkt om nieuwe en verbeterde functies zo vaak mogelijk te pushen, kunt u zien waarom.

En dat niet alleen, maar het zit vol steiger-CSS om in een mum van tijd een draadmodel te bouwen - of zelfs om te gebruiken als onderdeel van uw volledige ontwerpen.

De nieuwste versie van Foundation - Foundation 5 - was vorige week uitgebracht, dus dit is het perfecte moment om de mogelijkheden te onderzoeken.

Vandaag gaan we door met het maken van de website van een fietsliefhebber. We zullen leren hoe:

  • download en installeer het Foundation-raamwerk;
  • voeg de inhoud met het flexibele, responsieve rastersysteem rechtstreeks uit de doos;
  • een "hero" -venster maken om gekenmerkte tekst of afbeeldingen prominent weer te geven;
  • we voegen zelfs enkele knoppen, een blokraster en een navigatiebalk toe om ons ontwerp te voltooien.

Dus, als je van begin tot eind meegaat, heb je een volledig responsieve website in minder dan 20 minuten. Best indrukwekkend, als je het mij vraagt!

Gebruik je Foundation? Welke delen ervan geniet u het meest van? Laat het ons weten in de comments.