Chciałbym w tym wpisie pokrótce przedstawić świetny „framework” dla CSS – 960 Grid System, który znacząco skróci Twoje prace nad szablonami stron WWW.
Nie wiem czy framework jest tutaj odpowiednią nazwą dla tego narzędzia, niemniej jednak 960.gs udostępnia strukturę znacząco ułatwiającą rozbudowę szablonów HTML/CSS, udostępniając gotowe klasy i style.
Z początku miałem opory, by zabrać się za zabawę z tym narzędziem. W końcu style CSS to nie tak ciężki orzech do zgryzienia, a konieczność ładowania 3 plików, aby zainicjować kilka dodatkowych klas, odstraszała.
Spróbowałem jednak i nie żałuję. Od samego początku praca z 960gs jest banalnie prosta. Mamy kilka podstawowych klas, które pomagają w zarządzaniu kolumnami na stronie. Tak opisują to autorzy:
The 960 Grid System is an effort to streamline web development workflow by providing commonly used dimensions, based on a width of 960 pixels. There are two variants: 12 and 16 columns, which can be used separately or in tandem.
Witryna, którą wtedy tworzyłem, została ukończona dużo szybciej, niż gdybym musiał grzebać samemu w dokumencie CSS. Myślałem nawet nad napisaniem własnego tutorialu, jednak ktoś mnie uprzedził (i to dużo wcześniej).
Od czasu opublikowania tutorialu minęło jednak trochę czasu, a sam system dostał kilka nowych funkcjonalności (co mogę opisać, gdyby było zainteresowanie). Warto też zajrzeć na stronę projektu i samodzielnie zorientować się w nowych funkcjonalnościach narzędzia.
Pozostaje mi więc zaprosić wszystkich do zabawy z 960 Grid System, który przydaje się zwłaszcza przy małych i prostych stronach (firmowych, wizytówkach, blogach, portfolio, etc).
Przydatne linki
- 960 Grid System – download
- 960 Grid System Tutorial – Vivee.info
- 960 Layout System – generator szablonów
Ciekawy system – framework dla CSS. Kiedy będzie jakiś framework dla HTML ? :)
Hmm.. Boilerplate po części jest takim „frameworkiem” do HTMLa, bo daje „fundament” aplikacji i podstawową strukturę kodu :-)