Css3

Bardzo ciekawe rozwiązanie uwalniające od tworzenia specjalnych reguł CSS dla każdej z przeglądarek. Piszę tutaj o rozwiązaniach pozwalających na tworzenie gradientów w tle, czy okrągłych narożników: -webkit-border-radius: 50%; -moz-border-radius: 50%; [ . Żeby było ciekawiej – rozwiązanie to działa client-side, czyli cała zabawa jest po stronie przeglądarki i nie wymaga instalowania niczego na serwerze. Wystarczy zaimportować 2KB JavaScript i problem z głowy. Zapomniałbym o odnośniku do serwisu: -prefix-free . Przykład zastosowania poniżej:

Nazwa serwisu jest odrobinę myląca – początkowo myślałem, że w końcu doczekałem się porządnej realizacji terminala SSH przez przeglądarkę. Okazuje się jednak, że WebPutty to całkiem przyzwoity edytor CSS online. Cały serwis jest w fazie beta, ale wygląda bardzo przyzwoicie. System pozwala na edycję plików CSS z rzeczywistem podglądem zmian na edytowanej stronie. Aby go wypróbować niezbędne jest konto w serwisie gmail.

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.

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.