Гост-лекция в НБУ – Advanced CSS3 за напреднали

Тази седмица се осъществи една моя мечта – да преподавам в университет!

На 14.04.2025 проведох гост-лекция на тема „Съвременен CSS3 за напреднали„, по време на която запознах студентите с най-новите свойства на технологията.

За какво точно си говорихме?

Идеята ми бе да разделя лекцията (90 минути) в три основни части:

1. Модулен CSS layout
   – flexbox, grid, responsive grid & subgrid
   – container queries
   – флуидна типография
2. Съвременно писане на CSS
   – нови псевдо класове и селектори
   – native nesting
3. Анимации с native CSS
   – scroll-driven animations

Какво исках да си вземат студентите от тази лекция?

Главната ми цел бе да провокирам мислене „в кутийки“. Какво имам предвид? Природата на CSS става все по-модулна и ориентирана към компоненти – вече имаме container queries (отлични за React компоненти), имаме @layers – възможността да описваме стилове на слоеве (напр. отделен стилов файл за всеки компонент и неговото include-ване) и други.

Говорихме си и за възможностите за анимиране със съвременен CSS – т.нар. scroll-driven animations. Ако досега ни се е налагало да пишем десетки редове JavaScript (или да използваме библиотека като GSAP), то напредъка на CSS в тази посока ни позволява да взаймодействаме с поведението на потребителя на следващо ниво.

По време на дискусията възникна един въпрос – превръща ли се CSS в програмен език? Сподели ми в коментар какво мислиш 😉

Линк към презентацията в PDF формат.

Stay blond