CSS

Bardzo ciekawy i jednocześnie specyficzny projekt. CSS Pivot  pozwala na edycję CSS na niekoniecznie swoich stronach WWW. Dzięki czemu możemy “wstrzykiwać” CSS do obcych stron WWW pokazując jak coś może wyglądać po naszych zmianach, bez faktycznej edycji serwisu WWW i jego zawartości.

Czy idea jest wystarczająco jasna? Nie? To może na przykładzie. Zakładamy że mamy stronę X – chcemy pokazać komuś alternatywną wersję z innymi plikami / zmianami w CSS. Mamy do wyboru skopiowanie całej strony i podmianę plików CSS, stworzenie alternatywnej wersji plików CSS i wskazanie ich w nagłówkach, albo… użycie CSS Pivot.

Pamiętam za starych dobrych czasów na pl.lang.perl – (kto pamięta grupy dyskusyjne?, pytanie pomocnicze: kto używał chamstera?) – organizowany był konkurs o nazwie “golf”. Jego główną ideą było stworzenie jak najkrótszego kodu realizującego określone zadanie. Wiadomo – Perl język bardzo fajny, szczególnie do realizowania wszelakich zadań związanych z obróbką tekstu, plików i… zasadniczo do każdego innego działania. Był to mój pierwszy prawdziwy skryptowy język server-side. Znając go odrobinę lepiej, można było (i nadal można) stworzyć w nim praktycznie wszystko a znając jego składnię i “sztuczki” można tworzyć naprawdę “zwięzły” i nieczytelny kod. No… ale nie o Perlu chciałem pisać a o CSS.

Jest na to rozwiązanie.

Czasami potrzebujemy zrobić na szybko jakąś stronę, bez tracenia czasu na zabawę z HTML, CSS i układaniem wszystkiego. Każda strona składa się z tych samych elementów: mamy nagłówek, potem może być menu, po lewej, po prawej, albo poziome. Jest miejsce na treść – w układzie jednym lub wielu kolumn, a potem stopka. Jeżeli nie mamy czasu na ręczne kodowanie całgo CSS, a dokładność “co do piksela” nie jest krytyczna – wtedy z pomocą przychodzą nam gotowe Frameworki CSS3. Niektóre są bardzo proste – zawierają tylko style do wyzerowania wszystkich wartości CSS (tak żeby bazować na tym samym dla każdej przeglądarki), inne zawierają gotowe predefinowane ustawienia kolumn i wierszy (wklejamy tylko treść w odpowiednią kolumnę). Ostatnia grupa to tzw. “grid system”, które umożlwiają dowolne ustawianie elementów w systemie siatki.