Speaker

Emiliano Pisu

Emiliano Pisu

Senior Design Engineer, Sensei & Co-Host @ DevDojoIT

Senior Design Engineer, Sensei & Co-Host @ DevDojoIT

Rome, Italy

Actions

Hi 👋 Folks!
I’m Emiliano Pisu, your friendly neighborhood Design Engineer.

Throughout my career, driven by my coding addiction, I’ve always stayed up to date with software development and related trends, focusing on UI, UX, Accessibility, Responsiveness, Compatibility, Scalability, and Maintainability.

My main goal is to build accessible and pixel-perfect user interfaces that enhance the user experience.

My core approach is to develop with zero dependencies, fostering creativity, learning, experimentation, and deep knowledge. This leads to solutions that not only follow trends but are also carefully tailored to the needs of clients and stakeholders.

I am deeply committed to knowledge sharing and mentorship: through my experience as Sensei @ Dev Dojo IT, I actively support those who want to grow in the frontend world and in designing accessible and scalable interfaces.

In conclusion, I’m the right person if you need a bridge between Design and Development. I live to simplify my colleagues' DevX, which is why I focus on advocating for the core technologies of the web, strictly vanilla.

Salve 👋 Gente!
Sono Emiliano Pisu, Il vostro amichevole Design Engineer di quartiere.

Seguendo la mia dipendenza dal coding durante la mia carriera, sono sempre rimasto aggiornato riguardo allo sviluppo software e alle tendenze correlate, concentrandomi su: UI, UX, Accessibilità, Responsività, Compatibilità, Scalabilità, Manutenibilità.

Il mio obiettivo principale è costruire interfacce utente accessibili e pixel-perfect che elevino l’esperienza dell’utente.

Il mio approccio di base è sviluppare con zero dipendenze, favorendo creatività, studio, sperimentazione e conoscenza. Questo porta a soluzioni che non solo seguono le tendenze, ma sono anche accuratamente personalizzate sulle esigenze di clienti e stakeholder.

Sono profondamente dedicato alla condivisione della conoscenza e alla mentorship: attraverso la mia esperienza come Sensei @ Dev Dojo IT, supporto attivamente chi vuole crescere nel mondo del frontend e della progettazione di interfacce accessibili e scalabili.

In conclusione, sono la persona giusta se avete bisogno di un ponte tra Design e Sviluppo. Vivo per semplificare la DevX dei miei colleghi: per questo mi impegno a divulgare le tecnologie core del web, rigorosamente vanilla.

Area of Expertise

  • Information & Communications Technology
  • Media & Information

Topics

  • CSS Architecture
  • JavaScript & TypeScript
  • HTML
  • Frontend Engineer
  • Frontend Development
  • Frontend Architecture
  • Web Accessibility
  • UI/UX
  • Front-End Art
  • Web Frontend
  • Web Design
  • A11y
  • Accessibility
  • Web Development

Sessions

Baseline Rhapsody: A tale of Style & Motion en it

In recent years, CSS has undergone an extraordinary evolution. We once relied on float and clear to manage layouts, used tables to structure pages, and resorted to sprites to implement simple hover effects on buttons. Today, however, we have access to advanced tools such as mathematical and trigonometric functions, container queries, filters, masks, custom properties, @layer, @scope, popover API, scroll-driven animations, and view transitions. And the future promises even more, with the arrival of custom functions, the ternary if() operator, anchor positioning, and invoker commands. But evolution is not just about the language: thanks to Baseline, the new standard that certifies support for HTML, CSS, and JavaScript APIs, developers and designers can finally know with certainty which features are reliable and ready to be used in modern digital products.

This talk will be a journey through the transformation of CSS and web APIs, from static effects to the dynamic interactions that make the frontend more powerful than ever. We will analyze the modern CSS and JavaScript features that are redefining how we develop interfaces and explore how Baseline is revolutionizing the adoption of new technologies.

If you want to understand how today's CSS has become a symphony of styles, motion, and interaction, join us for this rhapsody of code and innovation!

Technical requirements: an intermediate understanding of HTML, CSS, and JavaScript.
Preferred session duration: 45 minutes.

Baseline Rhapsody: Una storia di Stile e Movimento en it

Negli ultimi anni, CSS ha subito un’evoluzione straordinaria. Un tempo ci affidavamo a float e clear per gestire i layout, utilizzavamo tabelle per strutturare le pagine e ricorrevamo agli sprite per implementare semplici effetti hover sui bottoni. Oggi, invece, abbiamo a disposizione strumenti avanzati come le funzioni matematiche e trigonometriche, le container queries, i filters, le maschere, custom properties, @layer, @scope, popover API, scroll-driven animations, view transitions. E il futuro promette ancora di più, con l'arrivo delle custom functions, dell'operatore ternario if(), dell'anchor positioning e degli invoker commands. Ma l'evoluzione non riguarda solo il linguaggio: grazie a Baseline, il nuovo standard che certifica il supporto di API HTML, CSS e JavaScript, sviluppatori e designer possono finalmente sapere con certezza quali funzionalità sono affidabili e immediatamente utilizzabili nei moderni prodotti digitali.

Questo talk sarà un viaggio attraverso la trasformazione di CSS e delle API del web, partendo dagli effetti statici fino ad arrivare alle interazioni dinamiche che oggi rendono il frontend più potente che mai. Analizzeremo le moderne funzionalità CSS e JavaScript che stanno ridefinendo il modo in cui sviluppiamo le interfacce e scopriremo come Baseline stia rivoluzionando l'adozione delle nuove tecnologie.

Se vuoi capire come il CSS di oggi sia diventato una sinfonia di stili, movimento e interazioni, unisciti a noi in questa rapsodia di codice e innovazione!

Requisiti tecnici: comprensione media di HTML, CSS e JavaScript.
Durata preferita della sessione: 45 minuti.

Modern CSS Architecture (Accessible Design Systems combining Semantic HTML, @layer and --*) en it

The future of UI is already in the browser, if you know how to unlock it!
This talk explores how to combine semantic HTML, the @layer CSS at-rule, and CSS Custom Properties to organize code into a scalable hierarchy designed to expose intuitive CSS APIs. It showcases how to build accessible, token-first design systems that translate brand values into atomic components and color schemes (including dark/light themes and accent color support).

We'll dive into how to start from strong foundations by crafting a minimalist UI Kit, following the examples of libraries like Pico.css and Water.css, to deliver elegant interfaces with almost no CSS classes, maximizing the power of Semantic HTML to enhance accessibility and SEO.

By the end, we’ll have a cohesive, future-proof structure: start with minimalism, add layers, expose APIs, and stay accessible, letting the browser and CSS handle the heavy lifting, whether you're working on a side project or a full-scale enterprise product.

Duration: 45mins

Architettura CSS moderna (Design Systems accessibili combinando Semantic HTML, @layers e --*) en it

Il futuro della UI è già nel browser, se si sa come sbloccarlo! Questo talk esplora come combinare HTML semantico, la CSS at‑rule @layer e le CSS Custom Properties per organizzare il codice in una gerarchia scalabile allo scopo di esporre API CSS intuitive. Mostra la costruzione di design system accessibili token‑first, capaci di tradurre i valori del brand in componenti atomici e schemi colore (dark e light con supporto a temi con accent color), come partire da solide fondamenta creando uno UI Kit minimalista (sulla scia di librerie come Pico.css e Water.css) per ottenere interfacce eleganti con quasi nessuna classe CSS e sfruttando al massimo Semantic HTML, favorendo accessibilità e SEO. Alla fine avremo una struttura coesa e future‑proof: partire dal minimalismo, aggiungere layer, esporre API e rimanere accessibili, lasciando che il browser, e CSS, svolgano il lavoro più pesante; che si stia lavorando a un side project o a un prodotto enterprise.

Durata: 45min

(class)less is more it en

E se il browser avesse già una base di foundations per un design system? Ha ancora senso nel 2025 il concetto di CSS Reset?

In questo talk esploreremo l'affascinante mondo dei framework CSS minimalisti che trasformano il browser in un vero e proprio design system "out of the box". Soluzioni come Pico.css, Almond.css e Water.css possono rendere i progetti eleganti e coerenti con un effort minimo e soprattutto con un HTML semantico e pulito.

Attraverso esempi pratici, riflessioni semantiche e design tokens nativi del browser (colori di sistema, focus ring, hierarchy tipografica), questo talk analizza il concetto di UI kit, passando da "reinventare tutto" a "usare, meglio, ciò che è già lì".

🎯 A chi è rivolto
- Developer frontend e UI engineer
- Designer interessati a sistemi semantici e classless
- Chi cerca rapidità di prototipazione o footprint CSS ridotti
- Appassionati di minimalismo, lean web e progressive enhancement

(class)less is more it en

What if the browser already provided a foundation for a design system? Does the concept of CSS Reset still make sense in 2025?

In this talk, we’ll explore the fascinating world of minimalist CSS frameworks that turn the browser into a ready-made design system out of the box. Solutions like Pico.css, Almond.css, and Water.css can make your projects elegant and consistent with minimal effort — and most importantly, with clean, semantic HTML.

Through practical examples, semantic reasoning, and native browser design tokens (system colors, focus rings, typographic hierarchy), this talk rethinks the concept of a UI kit — shifting from “reinvent everything” to “better use what’s already there.”

🎯 Target Audience
- Frontend engineers and UI developers
- Design system architects
- Web designers and a11y specialists
- Developers interested in performance, minimalism, or classless CSS

wcagUI, an accessible UI kit based on WCAG patterns en it

Building an accessible web experience shouldn’t be overwhelming. In this talk, we’ll introduce wcagUI, an open-source UI kit that simplifies building accessible interfaces by automatically handling WAI-ARIA attributes and other key accessibility features. Built on the principles of the Web Content Accessibility Guidelines (WCAG), wcagUI helps developers and designers integrate accessibility seamlessly into their projects, reducing complexity and allowing a focus on great user experiences.

With a zero-dependencies philosophy and no view encapsulation, wcagUI is lightweight, transparent, and compatible with any tech stack. Developed using modern JavaScript and the customElements API, its reusable components manage accessibility features like WAI-ARIA roles and states automatically. wcagUI also adheres to progressive enhancement principles, ensuring components provide core functionality even when JavaScript is unavailable, making interfaces more resilient and inclusive.

As the European Accessibility Act (EAA) enforces strict accessibility requirements across the EU, tools like wcagUI are more critical than ever. By streamlining compliance and making accessibility effortless, wcagUI not only ensures inclusivity but also helps avoid legal risks and keeps your products competitive. This talk will equip you with the knowledge and tools to create accessible, future-ready projects with confidence.

Technical requirements: an intermediate understanding of HTML, CSS, and JavaScript, and WCAG Accessibility Specs
Preferred session duration: 30-45 minutes.

wcagUI, uno UI kit accessibile basato sui WCAG patterns en it

Costruire un'esperienza web accessibile non dovrebbe essere opprimente. In questo intervento introdurremo wcagUI, uno UI Kit open-source che semplifica la creazione di interfacce accessibili gestendo automaticamente gli attributi WAI-ARIA e altre caratteristiche chiave per l'accessibilità. Sviluppato sui principi delle Linee Guida per l'Accessibilità dei Contenuti Web (WCAG), wcagUI aiuta sviluppatori e designer a integrare l'accessibilità nei loro progetti senza difficoltà, riducendo la complessità e permettendo di concentrarsi su un'ottima esperienza utente.

Con una filosofia di zero dipendenze e senza incapsulamento delle viste, wcagUI è leggero, trasparente e compatibile con qualsiasi stack tecnologico. Sviluppato utilizzando JavaScript moderno e l'API customElements, i suoi componenti riutilizzabili gestiscono automaticamente le funzionalità di accessibilità come i ruoli e gli stati WAI-ARIA. wcagUI aderisce anche ai principi del miglioramento progressivo, assicurando che i componenti forniscano funzionalità di base anche quando JavaScript non è disponibile, rendendo le interfacce più resilienti e inclusive.

Con l'Atto Europeo sull'Accessibilità (EAA) che impone requisiti rigorosi sull'accessibilità in tutta l'UE, strumenti come wcagUI sono più cruciali che mai. Semplificando la conformità e rendendo l'accessibilità facile da implementare, wcagUI non solo assicura inclusività, ma aiuta anche a evitare rischi legali e a mantenere i prodotti competitivi. Questo intervento vi fornirà le conoscenze e gli strumenti per creare progetti accessibili e pronti per il futuro con fiducia.

Requisiti tecnici: comprensione media di HTML, CSS e JavaScript e delle Specifiche WCAG di Accessibilità.
Durata preferita della sessione: 30-45 minuti.

CSS Superpowers with Layers en it

Structuring our CSS codebases is an ever-evolving art!

Standards and best practices have been established, which over time have also conflicted with each other.

The new @layer at-rule, combined with CSS Custom Properties, allows us to set up the codebase in revolutionary ways.

We will discover how to structure a feature-rich design system in an innovative and extremely simple way.

Exposing CSS APIs is a new proactive approach to structuring CSS codebases, being ready for the future and allowing for easy customization.

Requires a basic knowledge of core web technologies HTML, CSS and JS

CSS Superpowers with Layers en it

La strutturazione delle nostre codebase CSS è un'arte in continua evoluzione!

Sono stati stabiliti standard e best practice, che nel tempo si sono anche trovati in conflitto tra loro.

La nuova at-rule @layer, combinata con le Proprietà Personalizzate CSS, ci consente di organizzare la codebase in modi rivoluzionari.

Scopriremo come strutturare un design system ricco di funzionalità in modo innovativo e incredibilmente semplice.

L'esposizione di API CSS rappresenta un nuovo approccio proattivo per strutturare le codebase CSS, rendendole pronte per il futuro e facilitandone la personalizzazione.

Richiede una conoscenza base delle core web technologies HTML, CSS e JS

The Lean Web Manifesto en it

In the world of modern web development, complexity has become the norm: heavy frameworks, endless dependencies, and bloated code seem indispensable. But is that really the case?

This talk explores the concept of Lean Web, an approach aimed at reducing waste, optimizing resources, and creating lighter, faster, and more sustainable applications. We will discover how to eliminate the unnecessary, improve performance, and ensure an accessible user experience for everyone.

Through concrete examples and case studies from companies like GitHub, Netflix, and Airbnb, we will see how returning to simpler and native techniques can lead to surprising results. We will analyze the hidden cost of JavaScript and the myth of the Virtual DOM, while discussing how accessibility and sustainability are fundamental pillars of this approach.

If you think more is better, get ready to change your mind: the future of the web is Lean.

Technical requirements: a basic understanding of HTML, CSS, and JavaScript.
Preferred session duration: 30-45 minutes.

Il Manifesto del Lean Web en it

Nel mondo dello sviluppo web moderno, la complessità è diventata la norma: framework pesanti, dipendenze infinite e codice sovraccarico sembrano imprescindibili. Ma è davvero così?

Il talk si esplora il concetto di Lean Web, un approccio che punta a ridurre gli sprechi, ottimizzare le risorse e creare applicazioni più leggere, veloci e sostenibili. Scopriremo come eliminare il superfluo, migliorare le performance e garantire un'esperienza utente accessibile a tutti.

Attraverso esempi concreti e casi studio di aziende come GitHub, Netflix e Airbnb, vedremo come il ritorno a tecniche più semplici e native possa portare a risultati sorprendenti. Analizzeremo il "costo nascosto" del JavaScript e il mito del Virtual DOM, e discuteremo di come l'accessibilità e la sostenibilità siano pilastri fondamentali di questo approccio.

Se pensate che "più sia meglio", preparatevi a cambiare idea: il futuro del web è Lean.

Requisiti tecnici: comprensione media di HTML, CSS e JavaScript.
Durata preferita della sessione: 30-45 minuti.

Accessible Web: combining WCAG, WAI-ARIA, and Semantics en it

To create truly accessible digital experiences, it is essential to understand when to rely on semantic HTML, when to integrate WAI-ARIA, and how to ensure compliance with WCAG. Let's explore a practical method to determine the most effective solution based on real-world use cases, helping to avoid common mistakes and optimize interface accessibility.

Semantic HTML is the ideal choice when native elements already provide the necessary functionality, ensuring greater compatibility and better interpretation by assistive technologies. On the other hand, WAI-ARIA becomes crucial in scenarios where HTML alone is insufficient to enhance usability and interaction with dynamic elements or complex structures. In some cases, the best solution is a combination of both approaches, using WAI-ARIA only when strictly necessary to improve semantics and navigability.

Technical requirements: an intermediate understanding of HTML, CSS, and JavaScript, and WCAG Accessibility Specs
Preferred session duration: 30-45 minutes.

Web Accessibile: come combinare WCAG, WAI-ARIA e Semantica en it

Per creare esperienze digitali accessibili, è fondamentale comprendere quando affidarsi all'HTML semantico, quando integrare WAI-ARIA e come garantire la conformità alle WCAG. Esploriamo un metodo pratico per scegliere la soluzione più efficace in base ai casi d’uso reali, evitando errori comuni e ottimizzando l’accessibilità delle interfacce.

L'HTML semantico è la scelta ideale quando gli elementi nativi forniscono già le funzionalità richieste, garantendo maggiore compatibilità e comprensione da parte delle tecnologie assistive. WAI-ARIA, invece, diventa essenziale nei contesti in cui l’HTML da solo non è sufficiente per migliorare la fruibilità e l’interazione con elementi dinamici o strutture complesse. In alcuni scenari, la soluzione migliore è una combinazione dei due approcci, utilizzando WAI-ARIA solo quando strettamente necessario per migliorare la semantica e la navigabilità.

Requisiti tecnici: comprensione media di HTML, CSS e JavaScript e delle Specifiche WCAG di Accessibilità.
Durata preferita della sessione: 30-45 minuti.

Building an Accessible Design System with the CSS APIs Approach en it

A design system is fundamental to ensuring consistency, scalability, and accessibility in digital products. But how do you build one from scratch while ensuring flexibility and maintainability? CSS Custom Properties and CSS Layers offer a powerful combination to define a structured and manageable foundation, exposing clear CSS APIs for external overrides. In this talk, we will explore—through an example implementation—how to get the most out of a design system and its role in creating a visual identity. We will discuss fundamentals such as design tokens, atomic design principles, and accessibility, including typography, spacing, color palettes, motion guidelines, and strategies for dark mode and accent themes. Additionally, we will address testing to ensure design integrity, such as visual regression testing and pixel diffing.

Technical requirements: a medium understanding of HTML, CSS, and JavaScript.
Target audience: developers and designers interested in building accessible, scalable, and maintainable design systems.
Preferred session duration: 45 minutes.
The session includes practical examples, best practices, and a Q&A segment for further discussion.

Costruire un Design System Accessibile con l'approccio CSS APIs en it

Un design system è fondamentale per garantire coerenza, scalabilità e accessibilità nei prodotti digitali. Ma come si costruisce uno da zero, assicurando flessibilità e manutenibilità? CSS Custom Properties e CSS Layers offrono una combinazione potente per definire una base strutturata e gestibile, esponendo CSS API chiare per override esterni. In questo talk esploreremo, grazie ad un'implementazione di esempio, come ottenere il massimo da un design system e il suo ruolo nella creazione di un'identità visiva. Parleremo di fondamenti come token di design, principi di atomic design e accessibilità, includendo tipografia, spaziature, palette colori, motion guidelines e strategie per dark mode, e accent themes. Inoltre parleremo di test per garantire l'integrità del design, come visual regression testing e pixel diffing.

Requisiti tecnici: comprensione media di HTML, CSS e JavaScript.
Target audience: sviluppatori e designer interessati a costruire design system accessibili, scalabili e manutenibili.
Durata preferita della sessione: 45 minuti.

La sessione include esempi pratici, best practices e una sessione di Q&A per approfondimenti.

customElements & beyond: a lean way to build reactive apps in vanillaJS en it

You know when people tell you that without a framework you can't build a "real" app? Well… spoiler alert: that’s a lie.
Custom Elements are no longer a toy for old-school HTML addicted, they're the gateway to a whole new way of building apps: lightweight, accessible, and blazing fast.
And the best part? No endless npm install marathons required.

In this talk we’ll explore cutting-edge browser APIs like Observables, Signals, Constructable Stylesheets, and more, showing how to make your native components do their magic like they’re powered by a framework… but without the framework.

It’s a journey into reactivity, semantics, and the future of the web, because vanillaJS isn’t old school, it’s the next level.

customElements & beyond: un modo lean per creare applicazioni reattive in vanillaJS en it

Avete presente quando dicono che senza framework non si può costruire un'applicazione degna di questo nome? Bene... spoiler alert: non è vero affatto!

I customElements non sono solo un giocattolino per i nostalgici dell’HTML, ma una porta d'accesso a un modo nuovo di scrivere applicazioni: leggere, accessibili e con performance da paura.
La cosa più bella? Non serve nemmeno più fare maratone di npm install.

In questo talk esploreremo nuove API come Observables, Signals, Constructable Stylesheets e tanto altro, mostrando come lasciar fare ai componenti nativi la loro magia, come se fossero in un framework... ma senza framework.

È un viaggio tra reattività, semantica e futuro del web: perché il vanillaJS non è old school, è il next level.

Kinetic CSS, a deep dive into modern Motion APIs en it

What if, in the future of web motion, JavaScript were no longer needed? Spoiler: that future is today. Over the last few years, CSS has received a legendary power-up. It can now animate, react, and choreograph entire scenes without touching a single script. In this talk, we'll explore how to bend reality using only HTML and CSS, no frameworks, no npm madness, just pure motion expressed through brain bending style.

We'll discover how @property can be used to create truly animatable variables, and how @function together with if() allows logic and reactive math to live directly inside your stylesheets. We'll use @starting-style to craft cinematic enter animations, while combining @view-transition, @scope, and @container to design modular motion systems that adapt to context. All of this will come together through smooth, scroll-driven animations that make the interface feel alive. Along the way, we'll count elements dynamically with sibling-index() and sibling-count() to synchronize timelines, and we'll rely on individual transforms like rotate, translate, scale, and skew, enhanced by anchor positioning, typed values, and trigonometric functions that turn geometry into visual poetry.

It’s no longer about decoration, it's about choreography.
This is CSS that moves, thinks, and breathes.

The art of JS-free motion, where HTML breathes... CSS dances... It’s no longer about decoration, it's about choreography.

This is CSS that moves, thinks, and breathes.

Kinetic CSS, a deep dive into modern Motion APIs en it

E se nel futuro del motion web design JavaScript non fosse necessario? Spoiler: quel futuro è oggi.

Negli ultimi anni, CSS ha ricevuto un potenziamento leggendario, un vero power-up. Ora può animare, reagire e orchestrare intere scene senza toccare una sola riga di javascript.

In questo talk esploreremo come piegare la realtà usando solo HTML e CSS, niente framework, niente dipendenze, solo puro movimento.

Scopriremo come utilizzare @property per creare variabili con interpolazione e come @function, insieme a if(), permetta di portare logica e reattiva direttamente dentro i fogli di stile. Useremo @starting-style per rivoluzionare il modo di scrivere le transizioni, combinando @view-transition, @scope e @container per progettare sistemi di movimento modulari e adattivi al contesto.

Tutto questo prenderà vita attraverso animazioni fluide anche scroll driven, che renderanno l’interfaccia davvero viva.

Durante il percorso, conteremo dinamicamente gli elementi con sibling-index() e sibling-count(), sincronizzareremo le animation-timeline, e metteremo in stack dinamci le individual transforms come rotate, translate, scale e skew, sfrutteremo anchor positioning, typed attributes e funzioni trigonometriche che trasformano la geometria in poesia visiva.

Non si tratta più di decorazione: si tratta di coreografia.
Questo è il CSS che si muove, pensa e respira.

L’arte del movimento senza JavaScript, dove l’HTML respira… e il CSS danza... non si tratta più di decorazione: si tratta di coreografia.

Questo è il CSS che si muove, pensa e respira.

Back to CSS en it

A time-bending tour of tomorrow’s CSS where HTML is the state and CSS is the logic. Wiring typed attr() to read real, unit-safe values straight from HTML attributes, branch styles with native if(), and compose reusable logic with @function. Expect zero-JS UI toggles, attribute-driven themes, and component props that cascade through styles like data.

Showing "temporal" UIs and flipping between past and future states by changing only attributes, proving how far you can push interaction and architecture with CSS alone. (features: typed attr(), if(), and the at-rule @function)

The UI jumps at 88mph!

🎯 Target Audience
- Frontend engineers and UI developers
- Design system architects
- Web designers and a11y specialists
- Developers interested in performance, minimalism, or classless CSS
Technical requirements: an intermediate understanding of HTML and CSS.
Preferred session duration: 45 minutes.

Back To CSS en it

Un viaggio spazio-temporale nel CSS di domani, dove HTML è lo stato e CSS è la logica. Useremo attr() tipizzata per leggere numeri, angoli e percentuali direttamente dagli attributi, dirameremo gli stili con if() e impacchetteremo comportamenti riutilizzabili con @function. Niente JS, solo HTML che passa "props" ai componenti e CSS che decide cosa fare.

Aspettatevi toggle dell'interfaccia utente senza JavaScript, temi basati sugli attributi e proprietà dei componenti che si estendono a cascata attraverso stili come i dati. Mostreremo interfacce utente "temporali", passando da stati passati a futuri modificando solo gli attributi, dimostrando fino a che punto è possibile spingere l'interazione e l'architettura con il solo CSS. (caratteristiche: attr() tipizzato, if() e la funzione @function con regola at)

La UI salta ad 88 miglia orarie!

🎯 Target Audience
- Frontend engineers and UI developers
- Design system architects
- Web designers and a11y specialists
- Developers interested in performance, minimalism, or classless CSS
Technical requirements: an intermediate understanding of HTML and CSS.
Preferred session duration: 45 minutes.

Reactive Apps without Frameworks en it

Meet a framework-free, zero-deps app stack powered by the near-future web: a tiny signal-based store, DOM-first rendering, and tagged template literals for expressive, safe views.

Sketching an observable state core aligned with the TC39 Signals proposal, with a look to the future to bind it to the DOM using emerging “DOM Parts” ideas for precise updates, finally layering a minimalist template-literal engine that makes JSX feel optional.

The result is a reactive, component-capable architecture you can understand in one file, portable from today’s browsers to tomorrow’s platform APIs.

Come for the WOW, leave with a starter kit for building real apps in vanillaJS. (Proposals: TC39 Signals, DOM Parts, both in active exploration and limited availability.)

🎯 Target Audience
- Frontend engineers and UI developers
- Design system architects
- Web designers and a11y specialists
- Developers interested in lean web principles, minimalism, or classless CSS
Technical requirements: an intermediate understanding of HTML, CSS and JS.
Preferred session duration: 45 minutes.

Reactive Apps without Frameworks en it

Scopriamo uno stack di app senza framework e senza dipendenze, basato sul web del prossimo futuro: un piccolo store basato su segnali, rendering DOM-first e template letterali taggati per visualizzazioni espressive e sicure.

Improntiamo un core di stato osservabile allineato alla proposta TC39 Signals, con uno sguardo al futuro per collegarlo al DOM utilizzando idee emergenti di "DOM Parts" per aggiornamenti precisi, e infine un motore minimalista basato sui template-literals che rende JSX opzionale.

Il risultato è un'architettura reattiva, compatibile con i componenti, comprensibile in un unico file, portabile dai browser di oggi alle API delle piattaforme di domani.

Vieni per l'effetto WOW, esci con uno starter kit per creare app reali in vanillaJS. (Proposte: TC39 Signals, DOM Parts, entrambi in fase di esplorazione attiva e disponibili in quantità limitata.)

🎯 Target Audience
- Frontend engineers and UI developers
- Design system architects
- Web designers and a11y specialists
- Developers interested in lean web principles, minimalism, or classless CSS
Technical requirements: an intermediate understanding of HTML, CSS and JS.
Preferred session duration: 45 minutes.

DevFest Bari 2025 Sessionize Event Upcoming

November 2025 Bari, Italy

Devfest Pescara 2025 Sessionize Event

November 2025 Pescara, Italy

DevFest Roma 2025 Sessionize Event

October 2025 Rome, Italy

Codemotion Milan 2025 Sessionize Event

October 2025 Milan, Italy

DevFest Modena 2025 Sessionize Event

October 2025 Modena, Italy

NGRome

Introducing wcagUI

June 2025 Rome, Italy

WMF 2025 (We Make Future)

Architettura CSS moderna (implementare Design Systems accessibili combinando HTML semantico + CSS @layer e custom properties)

May 2025 Bologna, Italy

Codemotion Rome 2025 Sessionize Event

April 2025 Rome, Italy

Green Software Italia - Meetup User group Sessionize Event

March 2025 Milan, Italy

Web Day 2025 Sessionize Event

March 2025 Milan, Italy

Open Source Day 2025 Sessionize Event

March 2025 Florence, Italy

CSSDay 2025

Building an Accessible Design System with the CSS APIs Approach

March 2025 Faenza, Italy

Locanda Tech Tales Sessionize Event

March 2025

RomaJS Special Edition #NaN

The Lean Web Manifesto

February 2025 Rome, Italy

Emiliano Pisu

Senior Design Engineer, Sensei & Co-Host @ DevDojoIT

Rome, Italy

Actions

Please note that Sessionize is not responsible for the accuracy or validity of the data provided by speakers. If you suspect this profile to be fake or spam, please let us know.

Jump to top