Pixels of the Week – May 10, 2020

Pixels of the Week – May 10, 2020

 👉 Your curated weekly Design and Front-End resources: self hosted/local design tools, a glitch art generator, when bad UX is Good, accessibility and browsers, remote workshops, CSS border tricks, UI grids examples, a podcast on UX design, Design System interview questions, Technical resume advice, some designer slacks, CSS content accessibility, exciting things for CSS Layout, CSS dark mode and variable fonts, etc.

Continue reading

The Pragmatic Designer: Local and Self Hosted Design Tools

The Pragmatic Designer: Local and Self Hosted Design Tools

There’s some environments where a designer’s toolbox can be quite limited. In this article, I list the cloud/online tools related to user research, design and designer/developer relationship I like to use (when I can). I give some local/self-hosted/free alternatives for: user flows, card sorting, surverys and polls, interactive prototyping, feedback sessions on mockups and documentation, collaboration with developers and handoffs, design system documentation and user data analytics. I also give some tips and tricks on how to “hack” the tools you usually have in those companies (like the Microsoft Office ones) to still be able to do your job as a designer. Welcome to the Pragmatic Designer Guide. Also known as: “how to still do efficient user research, UI design and collaborate when you can’t use Figma, Invision and all the fancy new cloud design tools because you are working for banks, insurance and other institutions”.

Continue reading

Pixels of the Week – May 3, 2020

Pixels of the Week – May 3, 2020

👉 Your curated weekly Design and Front-End resources: React explained in 5 visual metaphors, accessible color contrast checker, a critique of the Lean UX Book, user interview follow-up questions,Android vs iOS design, understanding React, JS frameworks performance Cost, JS scope explained, heading levels in React, free 404 illustrations, an icebreakers generator, SVG favicons tricks, CSS level 5 media queries, CSS patterns you can re-use, etc.

Continue reading

Color accessibility: tools and resources to help you design inclusive products

Color accessibility: tools and resources to help you design inclusive products

I wrote a quick tweet about teaching the basics of accessibility and colors to design students that go quite some attention. It brought up some interesting discussions. So I thought I would share with you all the resources, tips and tools I regularly use to build and check the color accessibility of my products in one place. Enjoy.

Continue reading

Pixels of the Week – April 26, 2020

Pixels of the Week – April 26, 2020

👉 Your curated weekly Design and Front-End resources: posters to avoid design jargon, a few articles on designing dropdowns, some CSS useful properties, CSS for internationalisation, portfolio tips, the peak end rule, responsive layout without Media Queries, CSS focus-visible trick, 98Windows UI CSS library, better mobile experience with HTML5 inputs, using Figma for remote note taking, an ebook on animation in design systems, CSS clip-path animations, Disney Imagineering and the Mickey Pal character, etc.

Continue reading

Pixels of the Week – April 19, 2020

Pixels of the Week – April 19, 2020

👉 Your curated weekly Design and Front-End resources: Accessibility for UX Designers, frontend bookmarks, how to give constructive design feedback, colors in design systems, tips for designing remotely, pushing the limits of CSS, image techniques, a trick for minimum viable CSS dark mode, CSS diagonale layouts, UI design principes, responsive behavior, how people read on the internet, a fun game in the browser and mooooore…

Continue reading

Pixels of the Week – April 12, 2020

Pixels of the Week – April 12, 2020

👉Your curated weekly Design and Front-End ressources: responsive web design, all you need to know about button design, visual hierarchy, Information Architecture Lenses cards, CSS transformation properties, LCH colors in CSS, a web glossary, typography inspiration, Bad Actor Workshops, remote UX tips, web accessibility report, color combinations, SVG icons customisation tool, is this a sandwich quizz, a free ebook on PWAS, beautiful illustrations, the design jargon problem, finding confidence in design choices, how to get help from an expert, etc.

Continue reading

Pixels of the Week – April 5, 2020

Pixels of the Week – April 5, 2020

Your weekly curated UX, UI Design and Front-End resources and tools: remote usability testing, alternatives for in-person workshops, a how tech works video, measuring delight, accessibility, user interview field guide,  a nice free ebook on user experience, color contrast checker, color palettes with fun names, cute colorable sheets, Apple’s attack on service workers, design sprints pitfalls, free video games, neon art, the coming back of teaching designers to code, a “are you a real developer” quizz,  etc.

Continue reading

Pixels of the Week – March 29, 2020

Pixels of the Week – March 29, 2020

Your weekly curated UX, UI Design and Front-End resources and tools: stop blindly following Google and Apple’s UI, remote UX workshops, CSS and screenreaders, UX podcast on how complex surveys are, a method to organize digital information, Mobile usability (onboarding and phone field), Web Accessibility Checklist, remote usability testing, CSS tutorials (currentColor, scrollbar, box-shadow), SVG optimization tools, free illustrations, some fun online art generation experiment, etc.

Continue reading

Pixels of the Week – March 22, 2020

Pixels of the Week – March 22, 2020

Your weekly curated UX, UI Design and Front-End resources and tools: form elements, remote UX strategies, remote workshops, teaching tech, CSS viewport units, psychology and behaviour change, the problem with snackbars, accessibility resources, usability test template, design system resources, online video conference tools, books to read, the ROI of design, accessible SVG, and some fun illustrations for your inspiration.

Continue reading