Tips to Create an Accessible and Contrasted Color Palette
Color contrast is something really important in Design. It will help users read your text and get a clear understanding of your content. Color contrast and color accessibility scares a lot of designers too. Some are afraid that color accessibility will limit the color palette they will be allowed to use and so their creativity. Some people think that color accessibility is “only for people with some sort of color blindness disease” so it does not concern their target audience. …
Pixels of the Week – March 3, 2019
UX, UI and Front-End ressources: creating a diverse open dataset for voice, relevancy of wireframes, history of LGBTQ+ design, accessibility audits tools, typography inspiration, promoting diversity, learning CSS, validate design decisions, the bad idea of recreating buttons with divs and JS, Interactive Typography cheatsheet, SVG & CSS micro-interactions, Grid layout cheat sheet, footer design, PWAs, CSS drawing basics, etc.
Portfolio Rework: Animation, Micro interaction & SVG
Stéphanie reworked her Portfolio and blog in 2018. I (Geoffrey) personally worked on the coding part, but also on the animation and micro-interaction part. And that’s what I want to write about today. Animation can be considered as part of a visual identity. Let’s go through the different little animations and their specificities. I want to share with you some tips, things I learnt before and practiced while creating those interactions, to inspire you.
Pixels of the Week – February 24, 2019
Weekly UX, UI and Front-End ressources: UX and videogames, bad habits of UX designer, UX in the age of personalization, app onboarding, accessibility, regex cheat sheet, color scales generator, CSS grid layout and flexbox, introduction to WebBluetooth, WebAuthn guide, decision making, design systems handbook, Agile vs Design Sprints, etc.
Pixels of the Week – February 17, 2019
You weekly dose of UX, UI and Front-End ressources: form design, pixel fox, design for data density, running research sessions, leveraging mental models, ineffectiveness of lonely icons, conversations about diversity, meetings about product design, design systems for mobile apps and desktop, CSS4 selectors, design tips, mobile design advice, learning HTML and CSS, etc.
Pixels of the Week – February 10, 2019
UX, UI and Front-End ressources: dynamic text overlay on images, designing complex tables, work effectively with designer/ engineers, UX portfolios, sticky positions in CSS, SVG text animations, SVG filters, Sketch plugins, thoughts on Jobs to be Done, beautiful happy 2019 interactive card, typography cheat sheet, life without Google (Fonts), becoming a design manager, etc.
Pixels of the Week – 3 February, 2019
Curated list of UX, UI and Front-End ressources: 2019 design tools, inclusive design, UX methods, favicon generator, onboarding process, PWAs available on Google Play Store, a color palette tool, table design patterns, CSS units, CSS cheat sheets fun definitions, etc.
Pixels of the Week – January 27, 2019
Weekly curated UX, UI and Front-End ressources: decentralizing the web, color palette tools, time management, product strategy, UI standardization, client/designer relationship, popular website redesign, interesting augmented reality concepts, web performance and UX, building better forms, flexbox layout ressource, etc.
Pixels of the Week – January 20, 2019
Weekly curated UX, UI and Front-End ressources: CSS specificity, research questions, UX process, iconography, illustrator tips, dashboard design, color blindness accessibility, content visual separators, SVG filters, a selection of UI/UX tools, pictures of monorail cats, Javascript animation library, etc.
Pixels of the Week – January 13, 2019
My curated list of weekly UX, UI and Front-End articles ressources: content strategy, mobile browser capabilities, greats reads on how CSS works, CSS grid, design ethics, SEO and React, different project process for product design, diversity and icons, a SVG Gradient Map Filter tool, a library with interface sounds, SVG organic shape generator,