Świąteczne nowości 🎄🎅
Frontlive Newsletter
Cześć 👋
Święta zbliżają się wielkimi kroki, dlatego, jako dobry Św. Mikołaj, postanowiłem podrzucić Ci kilka prezentów pod choinkę 🎁 Jeden z nich to przedpremierowy artykuł na Frontlive!
Życzę Ci, żeby nadchodzący rok był znacznie lepszy od obecnego. Dużo zdrowia i dużo nowych, frontendowych skillsów!
Chcesz zostawić mi świąteczny prezent? Wypełnij ankietę! To tylko jedno pytanie - Czego chcesz się nauczyć? Będzie mi bardzo miło, jak dasz znać! Link - https://bit.ly/3qHMnqP
Merry Christmas 🎄 🎅
Nowoczesny CSS - CSS Variables
Specjalnie dla Ciebie, przedpremierowo - nowy artykuł z serii Nowoczesny CSS. Tym razem bierzemy na tapet zmienne w CSSie. Mogłoby się wydawać, że to błachy temat, ale uwierz mi w środku znajdziesz wiele, wiele przydatnych informacji.
Jak zawsze, startujemy tutaj od zera, a kończymy na zaawansowanych tematach. Nie zabrakło tutaj porównania do Styled Components i zmiennych w SCSS.
Adwentowe materiały:
Jak co roku, w sieci, pojawiają się specjalne, adwentowe materiały dla danych technologii. Jak to działa? Przez 24 dni, codziennie, dostajemy jeden, krótki artykuł - świetna sprawa! Poniżej zebrałem linki do tych najciekawszych:
- React Advent: https://react.christmas/2020
- PWA Advent: https://pwadvent.dev/
- A11y Advent: https://hugogiraudel.com/2020/12/01/a11y-advent-calendar/
- Functional Advent: https://functional.christmas/2020
- JavaScript Advent: https://javascript.christmas/2020
- Security Advent: https://security.christmas/2020
- UX Advent: https://ux.christmas/2020
Nowość w React.js, która wstrząsnęła całe frontendowe community. React Core Team, 2 dni temu, zaprezentował komponenty, które, tak jak sama nazwa mówi, będą renderowane po stronie serwera. Nie jest to to samo co znane już SSR. Bardzo polecam zobaczyć prezentację od Dana Abramova, która opisuje to całe zagadnienie.
Na sam koniec coś dla fanów CSS. Scrollowanie elementów w kontenerze, znowu, może się wydawać banalne, takie jednak nie jest. Często natrafiamy na jakieś bugi, przez które nasza strona nie zachowuję się tak, jak powinna. Ten artykuł opisuję kilka przydatnych właściwości, jak np. `scroll-snap-type`, o których szczerze mówiąc, nie miałem zielonego pojęcia.