Kaskadowe arkusze stylów pozwalają osiągnąć wspaniałe rezultaty bez konieczności używania dodatkowych skryptów i bibliotek. Znajomość CSS3 umożliwi Ci tworzenie lekkiego i bardzo wydajnego kodu. To technologia z wielką przyszłością, dlatego warto poznać ją już dziś.

Niniejszy kurs pozwoli Ci szybko poznać najciekawsze i najbardziej przydatne rozwiązania oferowane przez CSS 3. Autorzy skupili się w nim na bardziej zaawansowanych aspektach tego tematu. To doskonała pozycja dla osób, które znają już podstawy HTML/CSS i po prostu chcą rozwinąć swoją wiedzę na temat najnowszych trendów w projektowaniu witryn.

W kursie poznasz wiele, bardzo zróżnicowanych tematów:

• Tworzenie gradientów bez konieczności używania dodatkowych plików graficznych.
• Efektowne animacje oparte na samym CSS.
• Użycie dynamicznego CSS. W kursie poznasz technologię Less, która pozwala na użycie w arkuszu stylów zmiennych, funkcji, zagnieżdżania klas itp. To doskonałe rozwiązanie oferuje możliwość tworzenia bardzo przejrzystego i logicznego kodu oraz niesamowicie ułatwia pracę nad złożonymi projektami.
• Przydatne techniki optymalizacji. Dowiesz się jak pisać przejrzysty kod i jak zminimalizować wpływ arkusza stylów na wydajność witryny.
• Ciekawe efekty i przejścia.
• Filtry CSS – bardzo interesująca technologia, która pozwala dodać do elementów graficznych ciekawe efekty wizualne.
• Różne przydatne techniki pracy i praktyczne projekty. Każdy z nich oparty został wyłącznie na CSS. Możesz osiągnąć przydatne funkcjonalności oraz ciekawe efekty bez konieczności stosowania skryptów czy dodatkowych bibliotek. Zobaczysz wiele przykładów: różne warianty menu, przyciski, efekt lightbox i wiele więcej.

Gradienty

• Wstęp do kursu (1m 28s)
• Gradienty - kompatybilność z przeglądarkami (2m 38s)
• Składnia gradientu (5m 05s)
• Kierunek i orientacja (4m 21s)
• Dodawanie punktów koloru (5m 17s)
• Tworzenie gradientu kołowego (5m 20s)
• Przezroczystość w gradiencie (4m 01s)
• Kąt gradientu (2m 29s)
• Tekst wypełniony gradientem (3m 41s)
• Gradienty dla Internet Explorer (3m 58s)
• Gradient jako wzorek (4m 32s)

Animacje

• Podstawy animacji CSS (7m 51s)
• Definiowanie klatek kluczowych (4m 22s)
• Najważniejsze właściwości animacji (3m 59s)
• Zmiana kierunku (4m 25s)
• Easing - krzywa prędkości (7m 01s)
• Tworzenie animacji zapętlonej (3m 24s)
• Animacje 3D (3m 19s)
• Przypisywanie animacji do zdarzeń (6m 55s)
• Łączenie kilku animacji (3m 55s)
• Użycie skróconego zapisu (3m 57s)

Dynamiczny CSS

• LESS CSS - wprowadzenie (6m 16s)
• Przygotowanie projektu (3m 35s)
• Omówienie zasady działania (5m 34s)
• Użycie zmiennych w dynamicznym CSS (7m 51s)
• Wielokrotne użycie klas (3m 17s)
• Stosowanie parametrów w praktyce (6m 58s)
• Zagnieżdżanie reguł (4m 01s)
• Najważniejsze operacje (5m 57s)
• Przykłady użycia funkcji (4m 52s)
• Import arkusza (2m 56s)
• Kompilacja plików LESS (4m 21s)

Optymalizacja stylów

• Reset stylów (4m 20s)
• Komentarze i spis zawartości (3m 41s)
• Przykłady użycia skróconego zapisu (4m 14s)
• Tworzenie klas ogólnych (4m 56s)
• Prawidłowe grupowanie selektorów (2m 40s)
• Dzielenie arkusza (3m 50s)
• Kompresowanie plików CSS (3m 31s)

Projekty i przydatne techniki

• Rozwijane menu oparte na CSS (9m 11s)
• Praktyczne przyciski (6m 19s)
• Elastyczny model pudełkowy (9m 09s)
• Stylowanie walidacji w formularzu (5m 35s)
• Style odnośników (4m 54s)
• Efekt lightbox oparty na CSS (8m 05s)
• Zastosowanie selektora TARGET (6m 32s)
• Menu harmonijkowe (10m 12s)

Przejścia i transformacje

• Przykłady użycia przejść (4m 53s)
• Omówienie kluczowych właściwości (6m 18s)
• Przejścia złożone (6m 01s)
• Przejścia i stany (5m 27s)
• Transformacje 2D (6m 24s)
• Transformacje 3D (5m 44s)
• Wywoływanie przejść (3m 47s)
• Praktyczny efekt przenikania (3m 38s)

Filtry CSS

• Składnia filtru (4m 03s)
• Omówienie dostępnych filtrów (9m 13s)