Mateusz Adamowski Szkolenia

CSS

Gotowe fragmenty kodu

• 30 seconds of CSS - Efektowne fragmenty kodu CSS do wykorzystania
• You might not need JS - mnóstwo gotowych elementów stron zaimplementowanych w samym CSS
• Pochylony “akordeon” z zakładkami
• Filtry grafiki z Instagrama zaimplementowane w CSS

Narzędzia

• Can I use? - Zestawienie informacji o dostępności różnych funkcji w różnych wersjach przeglądarek.

Projektowanie i porady

• Porady dotyczące projektowania interfejsów

Efekty i sztuczki

• Transformacje 3D w CSS
• Labirynt 3D zaimplementowany w samym CSS (identyczna animacja była wygaszaczem ekranu w Windows 95 - Filmik na YT )
• Fajerwerki w CSS
• Silnik gry 3D zaimplementowany w CSS
• Keylogger zrobiony w samym HTML+CSS
• CSS Only
• CSS Zen Garden - strona na której dokładnie ten sam kod HTML został ostylowany różymi CSS - można porównać wygląd. Trochę stara, ale warto spojrzeć.
• Efekty obrazów z :hover

Gry do nauki

• Nauka selektorów CSS
• Nauka elementu Flex
• Nauka elementu Grid

Gry w CSS

• Gry