CSS Camp Barcelona 2019

Interactive Web Animation with SVG

Cassie Evans
slides

Freepick.com for free vendors, photos, icons
svgomg For cleaning svgs
animie for animations
greensock for animations
velocity.js for animations

Mind over Matter: Optimize Performance Without Code

Stephanie Walters
blog

Use fun loaders instead of normal loaders for spinners such as aeroplane taking off instaed of just a color-accessibility-tools-resources-to-design-inclusive-products
Explain what will take Time
Show progress
Don't block users

Dynamic Typography with Variable Fonts

Jason Pamental
slides
github

Accessibility toggle for light and dark mode or for font sizes
CSS Varialbes
Respnsive font width with variables

App's Too Fast: How To Change The Pace For Better UX

Adam Argyle
slides
website
github

Building Socially-Inclusive Design Systems

TATIANA MAC
website
github

Time Control in Web Accessibility

Sergei Kriger
website
github

Live Regions
Empty component
Speaking - aria live="polite"
text-content 'you liked it'
tab index to make usable
Aria authoring practices
Laura Kalbeg Accessibility for everyone

When Houdini Met Goldblum

Oliver Turner
website
github

More Than You Ever Wanted to Know About Resource Hints

Harry Roberts
website
github
blogpost

Everything loads in this order
DNS/TCP/TLS/TFB/Latency
Preload css as style
preload fonts as font
no state prefetch
prefetch a page with the urls for example youtube

Writing CSS Algorithms

Laura Schenck
website
github
blogpost