CSSDay 2018
2018-03-16
Faenza, Italy
who it's for
frontend developers, frontend architects, UI designers, web performance engineers, build tooling engineers, design systems engineers
topics
web font loading and fallbacks; CSS theming and encapsulation; component-level styling patterns; CSS and JavaScript interactions; high-performance CSS transitions; SASS framework architecture; SVG styling with CSS; responsive media query techniques; modern layout techniques for apps; layout challenges in web applications
| title | author | length |
|---|---|---|
| A Style for Every Occasion | Andrea De Carolis | 31m |
How to choose frontend technologies by asking four concrete questions: can it be used, what if it fails, who benefits, and what assumptions does it hide. Uses… | ||
| Web Font Mania - for Better or Worse | Giulia Laco | 31m |
Covers practical guidance for using web fonts: prefer woff/woff2 and variable fonts to avoid multiple files, reuse a small set of weights (about four for body… | ||
| Encapsulation and Theming: The New Frontiers of the Final CSS Challenge | Massimo Artizzu | 44m |
Explains how Shadow DOM encapsulation protects component styles but prevents global theming, and recommends practical approaches: use CSS custom properties… | ||
| How JavaScript Changed CSS | Davide Di Pumpo | 32m |
The talk explains how JavaScript changed how CSS is authored and delivered: Node and PostCSS enable Sass and CSS Modules to be compiled in a JS build so styles… | ||
| Super Fast Transitions | Giacomo Zinetti | 33m |
Covers practical techniques for making UI transitions fast: animate only transform and opacity so animations stay on the compositor, use will-change sparingly… | ||
| 'arduino-sass' - Custom SASS framework, from design to implementation | Stefania Mellai | 23m |
A SASS library providing placeholders and mixins for palette, typography and a configurable spinner mixin, compiled to compact CSS that omits unused code… | ||
| Let's modify our SVGs with CSS | Andrea Barghigiani | 27m |
Shows how to optimize SVG files with svgo/svgomg and embed them inline so CSS can target elements to change fill and stroke, then animate outlines using… | ||
| Layout Saga - in the web application era | Alessandro Violini | 27m |
Compares concrete CSS layout techniques for keeping a content pane scrolling independently: fixed positioning with calc fallback and a double-wrapper trick… | ||
| Media Queries Next Level | Carmine Alfano | 29m |
Media Queries Level 4 adds concrete features for responsive CSS: a light-level media query to adapt contrast based on ambient light, refined pointer… | ||
| nothing matches | ||