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.
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!
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 dark 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
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 new HTML element, UI frameworks and user experience, the state of CSS 2019, mobile UX and illustrations, cognitive biases, conducting usability testing, etc.
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.
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 dark 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.
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!
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.
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
This week’s selection is a little bit special because I spent 3 day at Google I/O last week. I decided to add an extra section with all the interesting links and ressources I discovered including links on ethical design in a world of future technologies, some really cool Art, Culture, AR and Machine Learning experiments, new web platform and Chrome new integrations, designing for AR and Artificial Intelligence, Android new features and more. On top of that, there’s the usual links selection including inclusive design for transgender people, mastodon crumbling, accessible React components, the MacDonaldization of UX, podcasts, SVG & CSS animations, nice mac wallpapers, smart notebooks, icons, comics, etc.