Emiliano Pisu
Frontend Developer, Mentor, Speaker.
Frontend Developer, Mentor, Speaker.
Rome, Italy
Actions
Hi 👋 Folks!
I'm Emiliano Pisu, Frontend Developer, Mentor, Speaker.
Your friendly neighborhood UI/UX Engineer.
Following my coding addiction during my career, I always kept updated concerning software development and related trends, focusing on: UI, UX, Accessibility, Responsiveness, Compatibility, Scalability, Maintainability.
My primary goal is to build accessible pixel perfect UIs and stunning UXs.
My basic approach is to develop with 0-dependencies: this boosts creativity, studying, experimenting, knowledge; resulting in trends following solutions which are carefully tailored on client/stakeholders needs.
In conclusion I'm your man if you need a bridge between Design and Development.
I breath to simplify the DevX of my colleagues: that's why I talk about the core web vanilla technologies.
Salve 👋 Gente!
Sono Emiliano Pisu, Frontend Developer, Mentor, Speaker.
Il vostro amichevole UI/UX engineer di quartiere.
Seguendo la mia dipendenza dal coding durante la mia carriera, sono sempre rimasto aggiornato riguardo allo sviluppo software e le tendenze correlate, concentrandomi su: UI, UX, Accessibilità, Responsività, Compatibilità, Scalabilità, Manutenibilità.
Il mio obiettivo principale è costruire interfacce utente accessibili e pixel-perfect UI e UX.
Il mio approccio di base è sviluppare con 0 dipendenze: questo favorisce la creatività, lo studio, la sperimentazione, la conoscenza; risultando in soluzioni che seguono le tendenze, accuratamente personalizzate sulle esigenze di clienti e stakeholder.
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 che cerco di parlare delle tecnologie core del web, rigorosamente vanilla.
Area of Expertise
Topics
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
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.
Discover how wcagUI, a WCAG-inspired UI kit, can help you build accessible and inclusive interfaces with ease. Learn how to streamline your workflow while meeting accessibility standards.
Your Browser Has a Design System en it
What if your browser already had everything you needed for a clean, consistent design? In this talk, we'll dive into the fascinating world of minimalist CSS frameworks that turn your browser into a design system out of the box. We'll explore tools like System.css, Pico.css, Simple.css, and Water.css, and how they can make your projects beautifully styled with minimal effort.
We'll explore how to create our own from scratch, by presenting pix.css a framework CSS layered inspired by Pico.css and System.css.
From reducing your CSS footprint to embracing a "(class)less is more" approach to styling, these frameworks allow you to quickly create polished, responsive interfaces without heavy customization. Whether you're a developer looking for quick prototyping tools or someone interested in exploring the lighter side of styling, this session will show you the power of your browser as a ready-made design system.
Discover how minimalist CSS frameworks like System.css, Pico.css, Simple.css, and Water.css can transform your browser into a powerful design system with minimal effort. Embrace the "(class)less is more" philosophy and create polished, responsive designs easily.
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
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.
Scopri come wcagUI, uno UI Kit ispirato alle WCAG, può aiutarti a creare interfacce accessibili e inclusive con facilità. Impara a semplificare il tuo flusso di lavoro rispettando gli standard di accessibilità.
Il tuo Browser ha un Design System en it
E se il tuo browser avesse già tutto ciò di cui hai bisogno per un design pulito e coerente? In questo intervento, ci immergeremo nel mondo affascinante dei framework CSS minimalisti che trasformano il tuo browser in un sistema di design pronto all'uso. Esploreremo strumenti come System.css, Pico.css, Simple.css e Water.css, e come possano rendere i tuoi progetti elegantemente stilizzati con il minimo sforzo.
Vedremo come crearne uno da zero, presentando pix.css, un framework CSS a livelli ispirato a Pico.css e System.css.
Dalla riduzione dell'impronta del tuo CSS all'abbracciare un approccio "(class)less is more" allo stile, questi framework ti permettono di creare rapidamente interfacce eleganti e responsive senza pesanti personalizzazioni. Che tu sia uno sviluppatore in cerca di strumenti per il prototipazione rapido o qualcuno interessato a esplorare il lato più leggero dello styling, questa sessione ti mostrerà la potenza del tuo browser come sistema di design già pronto all'uso.
Scopri come i framework CSS minimalisti come System.css, Pico.css, Simple.css e Water.css possano trasformare il tuo browser in un potente sistema di design con il minimo sforzo. Abbraccia la filosofia "(class)less is more" e crea design eleganti e responsive con facilità.
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