Filtry w CSS3

CSS3 wprowadza spore możliwosci co do definiowania wyglądu elementów. Jedną z nowości są filtry, które pozwalają tworzyć różne transformacje. Wsród predefiniowanych filtrów znajdują się m.in. skala szarości, blur, sepia czy odwracanie kolorów. Dzieki temu możemy oszczedzić sporo czasu (np. poprzez dodanie filtrów do obrazków po stronie klienta, bez konieczności używania elementu canvas).

Zdarzenie onclick w CSS3

W CSS3 zostały wbudowane pseudoklasy, które m.in. pomagają obsłużyć takie zdarzenia jak znane z JavaScriptu onmouseover, onfocus. Ale czy istnieje możliwość obsługi kliknięcia, które jest jednym z najczęściej wykorzystywanych zdarzeń? Okazuje się, że częściowo można...

Pseudoklasy CSS3

CSS w wersji 2 oferował zaledwie kilka, ale jakże przydatnych pseudoklas dla różnych znaczników stron. CSS3 zdecydowanie rozszerza te możliwości dzięki czemu mamy większą kontrolę nad elementami, co pozwala nam zaoszczędzić w kodzie szablonu oraz dodawania dodatkowych klas, a także używania JavaScriptu. Oto krótki przegląd pseudoklas dostępnych w CSS3.

HTML5 ma własne logo

Prace na HTML5 stają się coraz bardziej zaawansowane - może o tym także świadczyć fakt, że przygotowana została pierwsza wersja loga, a także reprezentacje graficzne poszczególnych technologii zawartych w ramach przygotowywanego standardu. Całość jest umieszczona na bardzo ładnie przygotowanej stronie internetowej - oczywiście zgodnej z HTML5.

Przeglądarki mobilne - jak wykryć i przekierować ruch na dedykowaną stronę

Z każdym dniem rynek urządzeń mobilnych, a co za tym idzie przeglądarek mobilnych, zdecydowanie się zwiększa. Jednocześnie dla wielu z nich standardowe strony są zbyt duże, zawierają zbyt dużo JavaScript'u itp. - przez co nie mogą być poprawnie wyświetlone. Rozwiązaniem jest przygotowanie osobnej strony dostosowanej do tego typu urządzeń. A najlepiej by było automatycznie przekierować użytkowników przeglądarek mobilnych na taką stronę.

Półprzezroczyste tło nawet w IE

Niedawno wspominałem o rozciąganiu tła na całą stronę - tym razem chcę również poruszyć temat tła, jednak jednolitego i półprzezroczystego. CSS3 w swojej opracowywanej specyfikacji zawiera wsparcie dla kanału alpha, pozwalając definiować kolory w postaci rgba(255,255,255,0.8). Większość przeglądarek - jak Firefox, Opera czy Chrome posiadają już wsparcie dla tej metody od dłuższego czasu, ale jak zwykle pozostaje pytanie: co z IE? Otóż należy zastosować "magiczne" filtry Internet Explorer'a...

To jest demo półprzezroczystości (IE)

Tło na całą stronę - CSS3 + Flash + tabelki

W momencie pojawienia się szybkich łącz zaistniała możliwość umieszczania coraz to większych (i cięższych w bajtach) zdjęć na stronach. Jedną z ciekawszych metod designerskich jest umieszczenie obrazka w tle - rozciągniętego na całą stronę. Przykładem strony nie zrobionej we Flashu, w której zastosowano rozciąganie tła jest Go To China. Innym rozwiązaniem - bardziej wydajnym jest zrobienie tylko komponentu tła we Flashu, zaś najnowszym - zastosowanie CSS3.

jQuery PhotoShoot - efekt robienia zdjęć na jQuery

Całkiem nie dawno zaprezentowano ciekawy plugin do framework'u jQuery umożliwiający tworzenie efektu robienia zdjęć - a dokładnie widoku wizjera na tle rozmazanego obrazka. Przykład dołączony do rozszerzenia pokazuje także, w jaki sposób przygotować "podgląd" zrobionych zdjęć.