CSS

CSS – zrozumieć flexbox

W tej lekcji postaram się zaprezentować pewien sposób myślenia o flexboksie, który może nam pomóc zrozumieć jak on działa. Zaczynajmy.
CSS – margin auto

Dość podchwytliwa rzecz, zwłaszcza jeżeli pracujemy też z flexboxem. Postaramy się zrozumieć w końcu, jak ona działa. Do dzieła.
CSS Grid – kalkulator

Omawiamy CSS projektu kalkulatora znalezionego w internecie na Githubie. Później zrobimy własny kalkulator nieco inaczej. Ok, do dzieła.
Flexbox – patent na layout całej strony

Przeglądając Githuby i cudze projekty natknąłem się na mega patent na zrobienie layoutu kolumnowego całej strony w Flexboksie. Zazwyczaj do tego lepszy byłby grid, ale ok. Analizujemy.
Flexbox – równe elementy

Poznajemy bardzo prosty sposób, aby używając flexboxa mieć elementy równej wielkości, niezależnie od ich ilości. Do dzieła.
CSS Grid – place content

Kolejna sztuczka, którą warto znać pracując z CSS Grid. Kontynuacja lekcji poprzedniej o gridzie. Do dzieła!
CSS Grid – mini ćwiczenie

Małe ćwiczenie w CSS Grid, które ma nam nieco otworzyć głowę i nauczyć, jak ta cała manipulacją w gridzie działa. Do dzieła!
CSS – grid layout na całą stronę

Prosta sztuczka, ale zarazem genialna. Dawno nie robiliśmy CSSa, najwyższa pora do niego wrócić. Do dzieła.
React – useEffect vol. 6

Poznajemy jeszcze kilka zagadnień powiązanych z hookiem useEffect, które wcześniej mogliśmy przeoczyć. Do dzieła.
CSS – nieco o kolorach

Poznajemy kilka properties CSS dotyczących kolorów i upewniamy się, że wszystko wiemy. Do dzieła.
Optymalizacja – CSS triggers, lazy loading

Poznajemy kilka ciekawych konceptów, takich jak CSS Triggers oraz lazy-loading w kontekście ładowania obrazków. Do dzieła.
CSS/JS – preload

Poznajemy kolejne, kluczowe dla nas sposoby sterowania ładowaniem zasobów. Tym razem chodzi o samo ładowanie – plików .css/.js oraz zasobów medialnych. Do dzieła.