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
THANKS!
The New Defaults of the Modern Web
By Jeremias Menichelli
The New Defaults of the Modern Web
Design systems are popping up in all companies to help developers build interfaces faster while staying consistent with the design of the product. It might happen that your company has one, but your teams are not using it or they are stuck in an old version of it. Not all design system codebases are created in the ideal context and conditions. I’m going to show you how in Typeform we are battling tech debt, building straight forward processes and infrastructure, to help our teams move forward as our design system evolves.
