Emiliano Pisu
MONK Software, Frontend Development Lead and Mentor
MONK Software, Frontend Development Lead and Mentor
Rome, Italy
Actions
Hi I'm Emiliano Pisu, your friendly neighborhood UI/UX Engineer.
Frontend Development Team Leader and Mentor
Following my IT addiction for my whole career, I always kept updated
concerning software development and related trends, focusing on:
UI, UX, Accessibility, Responsiveness, Compatibility, Scalability,
Maintainability
My primary goals are pixel perfect UI quality and stunning UX, no
matter how much this costs in terms of commitment or lines of code.
The implementation of ideas and products in a creative, compatible
and inclusive way is the key to achieve a functional and amazing
result.
My basic approach is to develop in a zero-dependency way:
this boosts creativity, knowledge and maintainability; resulting in
solutions which are carefully based on studying, experimenting and
trends following.
In conclusion I'm your man if you need a point of connection
between Design and Development, I breath to simplify the working
life of other developers: that's why I talk about UI/UX Engineering.
Ciao, sono Emiliano Pisu, il tuo amichevole UI/UX Engineer di quartiere.
Team Leader e Mentor per lo sviluppo Frontend
Seguendo la mia passione per l'informatica per tutta la carriera, mi sono sempre tenuto aggiornato sullo sviluppo software e sulle tendenze del settore, concentrandomi su: UI, UX, Accessibilità, Responsività, Compatibilità, Scalabilità, Manutenibilità.
Il mio obiettivo principale è la realizzazione di interfacce utente accessibili e la traduzione dei design in applicazioni reali, a prescindere dall'impegno o dal numero di righe di codice necessarie. L'implementazione di idee e prodotti in modo creativo, compatibile e inclusivo è la chiave per ottenere un risultato funzionale e sorprendente.
Il mio approccio di base è sviluppare senza dipendenze esterne: questo stimola la creatività, la conoscenza e la manutenibilità, portando a soluzioni accuratamente basate sullo studio, la sperimentazione e i trend.
In conclusione, sono la persona giusta se hai bisogno di un punto di connessione tra Design e Sviluppo. Respiro per semplificare la vita lavorativa degli altri sviluppatori: è per questo che cerco di evangelizzare lo UI/UX Engineering.
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