WEB DEVELOPER*
PRODUCT ENGINEER
DESIGN SYSTEMS LEAD
DOCUMENTATION & DEV REL STUFF
LANDING PAGES
BRAND GUIDELINES
PROMOTIONAL AND MOVIE SITES
SOCIAL INITIATIVE PROGRAMS
ひらがな
هيراغانا
FULL OF HACKS
UNMANTAINABLE CODE
SLOW LOADING TIMES
BAD PERFORMANCE
CSS NOW
CSS WHEN I NEEDED IT A DECADE AGO
*
* APPLIES TO JAVASCRIPT TOO
The new defaults of the modern web
import { me } from './speakers'
JEREMIAS MENICHELLI
@jeremias.codes on bluesky
jeremias.codes on the internets
DOCUMENTATION AND DEV REL 👉 STORYBLOK
📍 BARCELONA
FULL HEIGHT PANEL
Problem: BROWSER'S UI ELEMENTS
👎
👍
Dynamic VIEWPORT UNITS
SCROLL ANIMATION
Problem: ANIMATING SCROLL ON MAIN THREAD
👎
👍
SCROLL BEHAVIOR
SCROLL SNAPPING
Problem: Hack, USER EXPERIENCE COMPROMISE
👎
👍
SCROLL SNAP
SCROLL INTERCEPTION
Problem: MAIN THREAD OVERLOAD, PERFORMANCE
👎
👍
INTERSECTION OBSERVER
WEB ANIMATIONS
Problem: NOT HARDWARE ACCELERATED
👎
👍
WEB ANIMATION API
LAYOUT AND TEXT BALANCE*
Problem: SPECIFICITY AND RENDERING Performance
ひらがな
Donaudampfschifffahrtsgesellschaftskapitän
CSS LOGICAL PROPERTIES
TEXT-WRAP BALANCE
TEXT-WRAP PRETTY
GRID & SUBGRID
VIEW TRANSITIONS
Problem: FRAMEWORK ONLY OPTION
👎
👍
VIEW TRANSITIONS
