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.
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.
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.
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.
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.
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.
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,
Times have changed! There’s a lot, and I mean A LOT of things you can do today that used to be native mobile app territory only. Learn how to use the power of Progressive Web Apps and APIS like geolocation, push-notifications, offline support, bluetooth, biometric authentication, etc. to bring user experience on mobile browsers to the next level