zondag 6 juni 2010

960Grid CSS stylesheet generator

Bij het maken van een website is een css-grid best handig. Het zorgt ervoor dat je in een meerkoloms-opmaak netjes je spatiering en kolombreedte op orde hebt. 960 pixels breed is de standaard voor volledige zichtbaarheid in alle A-browserconfiguraties.

Omdat het best een hoop gepuzzel is een dergelijk grid op te zetten in CSS zijn er op internet talloze generators daarvoor te vinden.

Ik heb er zelf een geschreven op basis van zo'n generator. Voor Visual Studio in de vorm van een TT bestand. Heel eenvoudig:
  • Download het bestand van GitHub en plaats het in je Project in de CSS map.
  • Verander in de sectie "configuration" de gewenste parameters. (aantal kolommen etc)
  • Link het gegenereerde bestand vanuit je Theme of Page.
Het bestand downloaden doe je hier: http://gist.github.com/427412

PS: Het is natuurlijk een alpha release, alle op en of aanmerkingen zijn welkom in de comments van github.

2 opmerkingen:

  1. Hey Cas, klinkt interessant maar ik snap het nut nog niet helemaal. Ik ga het zeker nog effe in Visual Studio uitproberen!

    BeantwoordenVerwijderen
  2. Ik heb hier in het verleden naar tevredenheid Blueprint (http://www.blueprintcss.org/) en 960 grid-system (http://960.gs/) voor gebruikt.

    BeantwoordenVerwijderen