Css3

Uwolnij się od prefixów CSS

Uwolnij się od prefixów CSS

slav

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:

WebPutty edytor CSS online

WebPutty edytor CSS online

slav

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.

Co można zrobić przy pomocy 1K CSS

slav

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.

CSS3 Menu czyli jak szybko zrobić ładne menu

CSS3 Menu czyli jak szybko zrobić ładne menu

slav
O tym, że za pomocą CSS3 można robić ładnie wyglądające menu wie chyba każdy. Nie każdy jednak lubi i potrafi grzebać w CSS, ustawiać wszystko żeby wyglądało tak jak tego oczekujemy. Z pomocą przychodzi nam bardzo fajny i prosty program o wdzięcznej nazwie CSS3 Menu . Aplikacja naprawdę prosta w obsłudze, działa na szczęście pod Windowsem i pod Mac OS X. Generanie cała zabawa z tym programem polega na ustawienia parametrów naszego menu i samego menu – program generuje gotowy kod CSS3 i HTML.
Frameworki CSS – Bueprint i 960 Grid System

Frameworki CSS – Bueprint i 960 Grid System

slav

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.