 - od 17.02.2008 - zaabonuj RSSNowości Helionu
|
Blog > Komentarze do wpisu
CSS3 - cieniowanie tekstu
Obsługa tekstu była zawsze oczkiem w głowie zarówno twórców specyfikacji kaskadowych arkuszy stylów, jak i przeglądarek - nic dziwnego, że jedną z najszybciej zaimplementowanych zmian w trzeciej wersji CSS jest cieniowanie tekstu. Interpretują je najnowsze wersje Firefoksa, Opery i Chrome, i to bez prefiksów. Definicja stylu jest prosta - dla przykładu: style="text-shadow: Gray to oczywiście kolor. Pierwsza wartość liczbowa odpowiada za przesunięcie tekstu w prawo, druga za przesunięcie w dół, trzecia - za dodatkowe rozmycie. Gdyby nie było trzeciej wartości, tekst miałby ostrzejsze krawędzie. Porównanie - pierwsza wersja z rozmyciem, druga bez rozmycia. ---- W epoce baroku nastąpił niebywały rozwój nauk przyrodniczych, określany jako rewolucja naukowa. W dziedzinie biologii William Harvey opisał działanie układu krwionośnego, a John Ray stworzył pierwszą systematykę roślin. Dzięki mikroskopowi przełomowych odkryć dokonali również Robert Hooke, Antonie van Leeuwenhoek i Marcello Malpighi. Z kolei Robert Boyle rozpoczął erę nowoczesnej chemii. W epoce baroku nastąpił niebywały rozwój nauk przyrodniczych, określany jako rewolucja naukowa. W dziedzinie biologii William Harvey opisał działanie układu krwionośnego, a John Ray stworzył pierwszą systematykę roślin. Dzięki mikroskopowi przełomowych odkryć dokonali również Robert Hooke, Antonie van Leeuwenhoek i Marcello Malpighi. Z kolei Robert Boyle rozpoczął erę nowoczesnej chemii. ---- Łatwo zauważyć, że wersja z rozmyciem mniej "bije po oczach", jest nieco przyjemniejsza w odbiorze i nie mamy wrażenia kłopotów ze wzrokiem. czwartek, 04 lutego 2010, prwimmer
TrackBack
Komentarze
2010/02/04 10:10:09
Gray is a color.
Grey is a colour. Tyle w kwestii pisowni. Natomiast co do meritum -- przy moich kłopotach z oczami (realnych, nie wymyślonych) cieniowanie to jakiś pomysł z piekła rodem. Nie bardzo rozumiem po co to. Ale jeżeli gdzieś w CSS{x+1} jest "skrzący się tekst" -- przyjmę to z wdzięcznością :-) 2010/02/04 11:37:48
@Wojtek - estetyka stron niewątpliwie się liczy, zatem zręcznie użyte cieniowanie może mieć sens. Na pewno nie będę jednak czytał stron, gdzie serwują mi teksty bez rozmycia, a ja nie wiem, czy to moje oczy nawalają, czy coś innego :-)
2010/02/04 11:52:55
@Wojtek
Cieniowanie tekstu nie jest złe, byle z umiarem, wydaje mi się, że generalnie powinno się stosować zasadę: im drobniejszy tekst tym mniej cieniowania. Oczywiście mam na myśli cieniowanie z rozmyciem, bo wariant bez rozmycia jest straszny i kojarzy mi się z designem z poprzedniego wieku ;-) 2010/02/04 12:11:32
"Nacieniowałem" z lekka moją stronę osiedlową: osowa.com
Jak to wg. was wygląda? 2010/02/04 12:15:03
@Fraglesi - czy tam jest jeszcze dodatkowo bold? Bo jeśli tak, to o jeden grzyb w barszcz za dużo.
2010/02/04 12:18:10
Znalazłem, ładny opis cieniowania: witia.jogger.pl/2009/07/06/stylowy-tekst-przy-uzyciu-text-shadow/ Kilka fajnych przykładów użycia.
Gość: hoopakk, 078088142182.jeleniagora.vectranet.pl
2010/02/04 13:22:22
Pawle - wiesz może coś na temat cieniowania div'ów w css3?
2010/02/04 13:33:21
Hoopakk - owszem, jest box-shadow. Opiszę go przy najbliższej okazji.
A tu był przykład: poradnikwebmastera.blox.pl/2010/02/SublimeVideo.html Przykładowa składnia: style="-webkit-box-shadow: 10px 10px 5px #888; -moz-box-shadow: 10px 10px 5px #888; padding: 15px 15px 15px 15px; width: 300px;"
Gość: nowotny, 213-238-98-218.adsl.inetia.pl
2010/02/04 19:01:44
@blah, Wojtek Myszka
Tu nie chodzi o język tylko o to co mówi specyfikacja a ta ewidentnie mówi "gray"... skoro to jest "Poradnik Webmastera" to przynajmniej "poradnikujmy" zgodnie ze zdefiniowanym standardem... Ehh... a potem marudzą że "A webmajstry to niezgodnie ze standardami piszą i o, tu mi się strona źle wyświetla..." :/ 2010/02/04 19:50:47
@nowotny - to dlaczego "grey" działa, skoro to niezgodne ze specyfikacją?
2010/02/04 22:45:10
@blah: Chyba jednak masz rację... Ponoć nie wszystkie przeglądarki rozumieją po angielsku :-)
2010/02/04 23:02:30
Obie formy Grey/Gray są już poprawne. W nadchodzącej specyfikacji CSS3 oraz w obecnej SVG 1.1 wszystkie nazwy kolorów, w których występuje wyraz Grey (np. slategrey), są zapisane również ze słowem Gray.
Taki stan rzeczy zawdzięczamy Microsoftowi. Oczywiście ja piszę Grey :) 2011/04/21 15:13:55
Nowsze wersje IE wspierają już ten atrybut?
|
www.w3.org/TR/REC-html40/types.html#h-6.5