Mind over Matter: Optimize Performance Without Code – CSSCamp 2019
It was a great honour for me to be invited to the first CSSCamp Barcelona ever. I had an amazing day and learned a lot about CSS, but also how to build inclusive design systems, about SVG animations, Houdini, accessibility and aria-live areas, performance and so much more. The slides of my talk are online and the video will be soon.
Pixels of the Week – July 14, 2019
Your weekly curated UX, UI Design and Front-End ressources and tools: better search, UX instagram accounts to follow, nested SVGs, ad-tech industry, watching Netflix at work, CSS clip-path, list makers and counters, open source guides, a diversity guide, typography game, a cognitive biases, etc.
Fun places to learn CSS Layout – Part 2: Grid Layout
Grid Layout is an amazing set of CSS properties that will let you specify a grid layout system for you site with rows, columns and place your content accordingly. Pretty cool, right?
The syntax might be a little bit complex to learn if you come from good old floats, so here are some fun games, cheatsheets, visual playgrounds, generators and tutorials to help you learn and master everything you need to know about Grid Layout. Enjoy!
Pixels of the Week – July 7, 2019
Your weekly curated UX, UI Design and Front-End ressources and tools: bringing personal websites back, design frustrations, user journeys compliant with GDPR, onboarding mistakes, UX and product design recruitment, portfolio advice, UX design process, e-commerce deceptive patterns, mental models, 3 ebooks to read, dataviz, Variable Fonts for developers, design systems, awesome things HTML can do, CSS focus-within the idea of a “now” page, illustrations, Soffa font, color palette tool, Illustrator pattern tutorial, icons design, playing with synths in the browser
Pixels of the Week – June 23, 2019
Your weekly curated UX, UI Design and Front-End ressources and tools: accessibility and typography, signs of low UX maturity, some inspirational UX cards, responsive menus, form required fields, mobile prototyping tool, CSS tables, a satire of the
Pretty, but not Usable – CSSDay 2019 UI Special
I gave a talk at CSSDay Amsterdam for the UI special call “Pretty but not Usable”. This talk is based on my years of experience working with dev teams that used Bootstrap, Material UI, Ant, PrimeNG, iOnic, etc to build the projects. I share my experience and process, some design/dev relations tips to help people build a user centric product while working with a UI framework. This whole process is only possible with a lot of communication between the dev and design team. Because this kind of project is not a dev only project, designers needs to be involved in the early stages.
Pixels of the Week – June 16, 2019
Your weekly curated UX, UI Design and Front-End ressources and tools: a site to (re)learn CSS layout, encoding special characters and UX, amazon’s deceptive pattern, interaction design, Dungeons & Dragons & Design Thinking, color fonts, accessibility and lighthouse score, a design free ebook, CSS Custom Properties vs SASS variables, CSS reduce motion, cute pictures of birds and food characters, developer checklists, etc.
Hello my name is St�phanie – a talk on “special characters”, inclusive design and user experience
In this small talk, I go through the different kind of issues I encountered while using the web as a user with a “é” in her name. This is a talk about user experience and how encoding and database decisions about formats and characters can create an awful experience. Because we must stop putting the needs of our systems, database, before the needs of our users!
Pixels of the Week – June 2, 2019
Your weekly curated UX, UI Design and Front-End ressources and tools: finding data for user research, ethical design and tech diet, is “the fold” still a thing, better designer collaboration, accessibility, mobile banking study, freelance designer traps, some SVG/Canvas 3D tool, CSS grid generator, generative music, inspiration search engine, design tools, font-display and performance, etc.
Pixels of the Week – May 26, 2019
Your weekly curated UX, UI Design and Front-End ressources and tools: a podcast episode on accessibility and design, accessible SVG buttons, usability of Tesla’s touchscreens, designing mass market products, understanding Kano Model, help to switch from Sketch to Figma, voice assistants responding to harassement, some CSS tricks, SVG and CSS guide, an animations handbook, HTML input mode, food and climat change questions, a nice micro blogging platform, design naming convention, and beautiful poster and concept art inspiration