Nowe standardy oferują twórcom stron WWW niesamowite możliwości. Animacje, efekty, przejścia, elastyczne rozmieszczenie treści - to wszystko możesz osiągnąć z CSS3 już teraz! Dodatkowo, strony w CSS3 ładują się szybciej. Jeśli chcesz tworzyć nowoczesne serwisy internetowe - ten kurs jest właśnie dla Ciebie!
Praca na praktycznych przykładach
Pracując z kursem, zdobytą wiedzę będziemy wykorzystywać na praktycznym przykładzie kompletnej strony WWW. Najpierw, na prostych przykładach poznasz mechanizmy działania i funkcje CSS3, następnie wykorzystamy te wiedzę na praktycznym przykładzie.
Co jeszcze znajdziesz w kursie CSS3?
Pierwsza część kursu zawiera informacje o mniej spektakularnych, ale niezwykle użytecznych narzędziach CSS3, takich jak nowe Selektory czy praca z tekstem. W większości są to właściwości, które już teraz możesz wykorzystać przy tworzeniu nowoczesnych stron WWW i będą pomocne w zoptymalizowaniu elementów graficznych i przyspieszeniu czasu ładowania Twoich witryn. W drugiej części zajmiemy się fantastycznymi nowościami jak Transformacje (oraz 3D), Animacja, Flexible Box Model czy Media Queries.
Animacja w CSS3
W kursie poznasz techniki pracy z animacją generowaną wyłącznie z pomocą CSS3. Dowiesz się jak tworzyć proste przejścia i animacje obiektów z pomocą Transitions, jak również nauczysz się korzystać z modelu animacji dającego największą kontrolę - z zastosowaniem klatek kluczowych. Następnie zdobytą wiedzę przełożymy na ciekawe animacje na naszej kursowej stronie WWW. Ponieważ część nowych funkcji CSS3 nie jest wspierana we wszystkich przeglądarkach, dowiesz się jakie sztuczki i narzędzia można wykorzystać, aby nawet na starszych przeglądarkach Twoje strony dobrze się prezentowały.
Transformacje i Przejścia
Jedną z najciekawszych możliwości CSS3 jest tworzenie transformacji takich jak rotowanie obiektów, przekrzywianie czy skalowanie. W połączeniu z animacją daje to ogromne możliwości a dodatkową zaletą jest krótki czas ładowania. W kursie przyjrzymy się także eksperymentalnym translacjom 3D, które w przyszłości wyznaczą nowy kierunek w efektach wizualnych w sieci.
Tworzenie grafiki i Efekty
W CSS3 możesz generować grafikę strukturalnie - z pomocą kodu, począwszy od prostych gradientów aż po złożone kształty i wzorki. Zalety takiego rozwiązania to między innymi skalowalność oraz zdecydowanie mniejszy rozmiar, ale również elastyczność w stosunku do wykorzystania obrazków i mniejsza ilość zapytań do serwera. W kursie przyjrzymy się także pomocnym generatorom grafiki a nawet pokażę Ci, jak wyeksportować CSS3 z Photoshopa. Dowiesz się również jak tworzyć efekty takie jak zaokrąglone narożniki, cień dla tekstu i wiele więcej!
Strony WWW na wszystkie urządzenia
Już teraz możesz tworzyć elastyczne witryny, które skalują się na różne urządzenia i rozdzielczości. Dzięki temu Twoja witryna będzie poprawnie się wyświetlać na telefonach czy tabletach. W naszym projekcie wykorzystamy Responsive Design w nietypowy sposób i połączymy go z zupełnie nowym modelem pudełkowym, który jest w stanie reagować także na zmianę orientacji urządzenia przenośnego. Kolejnym krokiem będzie praktyczna praca z witryną kursową, która, jako że jest jednym dokumentem html, zawiera wiele wyzwań przy dostosowywaniu jej do różnych ekranów.
Typografia i Web Fonty
Obszerny rozdział w Kursie poświęciliśmy na omówienie kreatywnych zastosowań typografii na stronach WWW. Dowiesz się, jak wykorzystać własne fonty na stronie tak, aby każdy użytkownik mógł je zobaczyć. Wykorzystamy do tego celu kilka rozwiązań jak @font-face czy Google Web Fonts. Poza tym omówimy efekty na tekście jak również sposoby na pracę z układem wielokolumnowym. Następnie wszystkie poznane techniki wykorzystamy na naszej kursowej witrynie.
