Emiliano Pisu
Sensei & Co-Host @ DevDojoIT
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
Topics
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.
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.
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.
Web Day 2025 Sessionize Event Upcoming
CSSDay 2025 Upcoming
Building an Accessible Design System with the CSS APIs Approach
Locanda Tech Tales Sessionize Event Upcoming
RomaJS Special Edition #NaN
The Lean Web Manifesto
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