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
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 STUFF 👉 STORYBLOK
BARCELONA 📍
I don't put pineapple on pizza
FULL HEIGHT PANEL
Problem: BROWSER'S UI ELEMENTS
SOLUTION: A HACK
👎
👍
Dynamic VIEWPORT UNITS
SCROLL ANIMATION
Problem: NOT NATIVE OPTION
SOLUTION: A LIBRARY, A HACK
👎
👍
SCROLL BEHAVIOR
SCROLL SNAPPING
Problem: NOT NATIVE OPTION
SOLUTION: A LIBRARY, A HACK
👎
👍
SCROLL SNAP
SCROLL INTERCEPTION
Problem: NOT NATIVE OPTION
SOLUTION: A HACK
👎
👍
INTERSECTION OBSERVER
WEB ANIMATIONS
Problem: NOT NATIVE OPTION
SOLUTION: A LIBRARY
👎
👍
WEB ANIMATION API
LAYOUT AND TEXT BALANCE*
Problem: INSUFFICIENT OPTIONS
SOLUTION: TONS OF HACKS
ひらがな
Donaudampfschifffahrtsgesellschaftskapitän
CSS LOGICAL PROPERTIES
TEXT-WRAP BALANCE
TEXT-WRAP PRETTY
GRID & SUBGRID
VIEW TRANSITIONS
Problem: NOT NATIVE OPTION
SOLUTION: RELY ON FRAMEWORKS
👎
👍
VIEW TRANSITIONS
HAVE FUN!
THANKS!
The New Defaults of the Modern Web [LIGHTNING]
By Jeremias Menichelli
The New Defaults of the Modern Web [LIGHTNING]
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.
