Ta strona korzysta z ciasteczek, aby zapewnić Ci najlepszą możliwą obsługę. Informacje o ciasteczkach są przechowywane w przeglądarce i wykonują funkcje takie jak rozpoznawanie Cię po powrocie na naszą stronę internetową i pomaganie naszemu zespołowi w zrozumieniu, które sekcje witryny są dla Ciebie najbardziej interesujące i przydatne.
CSS
-
CSS, JS – optymalizacja
Kontynuujemy zagadnienia renderowania treści na stronach WWW oraz poznawanie CRP i metod optymalizacji. Do dzieła.
-
CSS – Render Blocking
Poznajemy, co to znaczy render blocking, czy CSS jest render-blocking i jak sprawić, aby nie był plus przykład do czego mogłoby to się nam przydać w praktyce. Do dzieła.
-
CSSOM – struktura drzewa
Poznajemy kolejne drzewo obok DOM, czyli CSSOM. Kolejna z bardziej zaawansowanych lekcji, wymaga od nas dobrej znajomości poprzedniego materiału.
-
Przeglądarka internetowa – części
Poznajemy nieodłączne części przeglądarki internetowej. Pewne podsumowanie wielu różnych działów i coś, bez czego nie ruszymy do przodu. Do dzieła.
-
JS – req ani frame vol. 2
Dalej bawimy się requestAnimationFrame, które musimy lepiej poznać. Kontynuacja lekcji poprzednich, do dzieła!
-
JS requestAnimationFrame
Poznajemy requestAnimationFrame w JavaScript. Nasze pierwsze kroki z animacjami w JS. Do dzieła!
-
JS – sizes ćwiczenie 1
Wykonujemy ćwiczenie, którego celem jest zrozumienie cudzego (świetnego) kodu i w drugiej części poprawienie go, aby był jeszcze lepszy. Ugruntowanie naszej wiedzy. Do dzieła.
-
Szybki CSS – header container
Tworzymy CSS dla nagłówka z nazwą kategorii oraz linków do kategorii. Proste ćwiczenie wykorzystujące flexboxa. Do dzieła.
-
Szybki CSS – animacja podkreślenia na hover
Tworzymy animację płynnego podkreślenia podczas hoveru myszki. Pracujemy na kodzie z poprzedniego przykładu, gdzie omawialiśmy sobie właściwość text-shadow. Do dzieła!
-
B. szybki CSS – text shadow
Text-shadow (oraz box-shadow) to bardzo fajne efekty, które choć nie powinny być nadużywane, to w przypadku korzystania z nich z umiarem potrafią nadać świetny efekt rozświetlenia danego elementu. Poznajemy je!
-
Flex Master – grow, shrink, basis
Zaczynamy masterowanie flexboxa, czyli poznajemy jak flexbox zajmuje się dystrybuowaniem wolnej przestrzeni, jak elementy utrzymują proporcje przy zmiennej wielkości ekranu. Po przećwiczeniu tego zostaje nam w zasadzie tylko order, marginesy i align-content, co wcale najtrudniejsze nie jest.
-
B. szybki CSS – clip path (game changer)
Niedawno uczyliśmy się jak stworzyć kształt trójkąta za pomocą czystego CSS. Clip path pozwoli nam to osiągnąć dużo prościej, łatwiej, w dodatku nadaje się do obrabiania obrazków tworząc kosmiczne kształty i animacje.