Тази седмица се осъществи една моя мечта – да преподавам в университет!
На 14.04.2025 проведох гост-лекция на тема „Съвременен CSS3 за напреднали„, по време на която запознах студентите с най-новите свойства на технологията.
За какво точно си говорихме?
Идеята ми бе да разделя лекцията (90 минути) в три основни части:
- Модулен CSS layout
– flexbox, grid, responsive grid & subgrid
– container queries
– флуидна типография - Съвременно писане на CSS
– нови псевдо класове и селектори
– native nesting - Анимации с native CSS
– scroll-driven animations
Какво исках да си вземат студентите от тази лекция?
Главната ми цел бе да провокирам мислене „в кутийки“. Какво имам предвид? Природата на CSS става все по-модулна и ориентирана към компоненти – вече имаме container queries (отлични за React компоненти), имаме @layers – възможността да описваме стилове на слоеве (напр. отделен стилов файл за всеки компонент и неговото include-ване) и други.
Говорихме си и за възможностите за анимиране със съвременен CSS – т.нар. scroll-driven animations. Ако досега ни се е налагало да пишем десетки редове JavaScript (или да използваме библиотека като GSAP), то напредъка на CSS в тази посока ни позволява да взаймодействаме с поведението на потребителя на следващо ниво.
По време на дискусията възникна един въпрос – превръща ли се CSS в програмен език? Сподели ми в коментар какво мислиш 😉
Линк към презентацията в PDF формат.
Stay blond
