Blueprint: A CSS Framework

30 września 2007, Bez kategorii, 10 komentarzy

Taka mała ciekawostka weekendowa, którą znalazłem już jakiś czas temu, i która ciągle leżakowała sobie w bookmarkach. Framework CSS o nazwie Blueprint. Cóż to takiego? W skrócie jest to zestaw plików .CSS z predefiniowanymi klasami, które mają ułatwić tworzenie stron.

Według Twórców, main features to:

  • An easily customizable grid
  • Sensible typography
  • Relative font-sizes everywhere
  • A typographic baseline
  • An extendable plugin system
  • Perfected CSS reset
  • A stylesheet for printing
  • Compressed version

Najważniejszą rzeczą oferowaną przez Blueprint jest siatka (grid) według której możemy ustawiać elementy na stronie. Blueprint dzieli obszar strony na 24 kolumny o stałej szerokości z odpowiednimi marginesami:

Dokumentacja i tutoriale dostępne są na stronie projektu Blueprint.

Ilustracje do wpisu

Tagi: , , , , ,

A może jakiś framework…?A może jakiś framework...?... 20 komentarzy MyAvatars, czyli MyBlogLogowe avatary przy komentarzachMyAvatars, czyli MyBlogLogowe avatary przy komentarzach... 8 komentarzy Google Chrome auto feed discovery pluginGoogle Chrome auto feed discovery plugin... 3 komentarze

Komentarze do wpisu "Blueprint: A CSS Framework" (dodaj swój »)

  1. heh

    framework na myślenie… fajne… wszystko jest dobre.. chyba chodzi o zastosowanie na cos wiekszego… moze wieksze niz blog dla babci i dziadka ;)
    ok to nie bylo zgryzliwe… ;)

    OdpowiedzPapuas (WWW), sobota, 27 paź 2007 #

  2. Niedługo będzie framework na myślenie. :/

    Dzięki, ale nie rozumiem np. potrzeby wciskania czterokilobajtowego wspomnianego przez Was reseta w sytuacji, gdy cały styl zajmuje ~20kB.

    Strzelanie do muchy z armaty, skończyły się czasy minimalizmu… :(

    eRIZ

    OdpowiedzeRIZ (WWW), niedziela, 30 wrz 2007 #

  3. Też się zdziwiłem na widok framework’u CSS, ale może to i nie takie głupie? Trzeba będzie potestować w wolnej chwili. :)

    Lukem

    OdpowiedzLukem (WWW), niedziela, 30 wrz 2007 #

  4. bardzo ciekawe rozwiązanie :) prawdę mówiąc w pierwszej chwili framework dla CSS wydał mi się absurdalny, ale rzeczywiście coś takiego istnieje :) bo po co na nowo wymyślać koło? xD

    marines

    Odpowiedzmarines (WWW), niedziela, 30 wrz 2007 #

  5. Ciekawa rzecz, muszę się zapoznać z tym frameworkiem.

    grizzly3: ja nie zuważyłem jakieś szczególnego obciążenia, a niemal zawsze stosuję to formułkę. I że niby jak psuje wygląd przycisków formularzy? Przecież wszystko się potem poprawia indywidualnie, chyba nie łapię.

    OdpowiedzBellois (WWW), niedziela, 30 wrz 2007 #

  6. Ciekawy artykuł na temat frameworków i rest css czytałem ostatnio na Smashing Magazine: http://www.smashingmagazine.com/2007/09/21/css-frameworks-css-reset-design-from-scratch/

    Podobno * {margin: 0; padding: 0} jest dość mocno obciążające dla przeglądarki. …no i psuje wygląd przycisków formularzy.

    grizzly3

    Odpowiedzgrizzly3 (WWW), niedziela, 30 wrz 2007 #

  7. @wzs Ostatnymi czasy, pamiętam próbowało się resetować wszystko za pomocą margin:0;padding:0. Ostatnio na scenę webdev weszły frameworki wraz z resetami które resetują „wszystko” począwszy od wszystkich marginesów, do obramowań, rozmiarów i typografii. I tutaj się pojawia moje pytanie: Czy warto przeznaczyć około te 4kb transferu na plik reset.css.

    OdpowiedzOff (WWW), niedziela, 30 wrz 2007 #

  8. Wiesz Tomku -też się tym jakiś czas temu zainteresowałem – ostatnio framework wydaje mi się pojęciem wszechobecnym… Szkoda tlyko, że na opanowanie każdego trzeba czasu. Dużo czasu.

    Warto też zwrócić uwage na YUI Library – tam także sporo fajnych rozwiązań.

    @Off: Akurat reset jest chyba dość oczywistą rzeczą, której… nie ma co tlumaczyć?

    wzs

    Odpowiedzwzs (WWW), niedziela, 30 wrz 2007 #

  9. Masz byka w ostatnim linku w poście. Widzę, że CSS też Ci nie jest obcy :P Zna ktoś może dobre umówienie wartości reset css w polskich artykułach, bo do tej pory żadnego nie zauważyłem?

    OdpowiedzOff (WWW), niedziela, 30 wrz 2007 #


© Tomasz Topa 2005 - 2010