Zurb's Foundation er et af de mest anvendte reaktive rammer, der er tilgængelige i øjeblikket - og med god grund også. Med et fleksibelt net system, en tilsyneladende endeløs features-liste og et fællesskab, der arbejder for at skubbe nye og forbedrede funktioner så ofte som muligt, kan du se hvorfor.

Ikke kun det, men det er fuld af stilladser CSS at konstruere en wireframe model på ingen tid - eller endda at bruge som en del af dine fuldt udformede designs.

Den seneste version af Foundation - Foundation 5 - var udgivet i sidste uge, så det er den perfekte tid til at undersøge mulighederne.

I dag vil vi gå gennem bevægelserne for at skabe en cykelentusiasts hjemmeside. Vi lærer at:

  • Download og installer Foundation Framework;
  • indsæt indhold med det fleksible, lydhøre net system lige ud af kassen;
  • lav et "hero" panel for at vise fremhævet tekst eller billeder fremtrædende;
  • vi vil endda tilføje nogle knapper, et blokgitter og en navbar for at fuldføre vores design.

Så hvis du følger med fra begyndelsen til slutningen, har du et fuldt følsomt websted på mindre end 20 minutter. Rigtig imponerende, hvis du spørger mig!

Bruger du Foundation? Hvilke dele af det nyder du mest? Lad os vide i kommentarerne.