Every week I share a list of curated articles, resources and tools about UX, UI and mobile design, HTML, CSS, the web industry, process inspiration and more…
This week’s selection: 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.
You can follow me on twitter to get a dose of links every days.
I gave a talk this week
Here are the slides of the small 20minutes talk I gave at role=drinks (an accessibility meetup in Amsterdam) on encoding, special characters and how can affect some users’ experience: Hello my name is St�phanie – a talk on special characters and UX
TL;DNR the one you should not miss
Every Layout is a really cool site by Heydon Pickering & Andy Bell to help you learn or relearn CSS layout.
“How Amazon Will Change Worldwide Shopping Habits With This New UX Checkout” or more accurately “ho crap yet another dark pattern that will try to trick users into buying more”
An interesting article on how some interactions can shape our users behavior patterns
Haan this great article by Ploy Buraparate totally resonates with the geek inside me: “Dungeons & Dragons & Design Thinking“. I was a workshop facilitator but never a DM, only player, maybe one day?
Brad Forst on “Frontend Design”
Building the most inaccessible site possible with a perfect Lighthouse score.
I loved that article because people get quite patronizing with scores sometimes without really checking what’s under the hood, we must not trust these numbers blindly!
“Let’s talk about online plagiarism“Another issue I have is crappy sites built for seo/link placement that steal my content but change it using a synonyme algorithm, no contact form, I end up sending an abuse to the host but most don’t care or follow up
“Why we prefer CSS Custom Properties to SASS variables” some interesting use of the CSS custom properties
Life is short, time is precious, so here are some interesting tools and techniques to automate some of your repetitive tasks: Automation for Designers: An Introduction
Inspiration, fun demos and Great ideas
Using a Strip of Paper To Give Birds Funny Eyes Is Ingenious
Food Artist Crafts Quirky Characters That Are Too Cute to Eat
The Content Strategy Podcast, a podcast for people who care about content
Reducing motion with the picture element, an interesting demo by Brad Frost on replacing a GIF by a static image for accessibility purposes
Useful tools and plugins that will make your life easy
Responsive Image Breakpoints Generator
colorfonts.wtf, nice website that explains what color fonts are and why they are aweeesome
Programming Design Systems, A free digital book that teaches a practical introduction to the new foundations of graphic design
By the way; this is a nice font that mimics the National Park Service signes in the US, with a really cool website
#Copywriting #Landing Page
landingpagr.com the perfect tool to make sure your landing page looks like all the other landing pages in the world
Sketch Data, this looks like a really useful Sketch plugin to add real complex datas to your interfaces
devchecklists.com for my developer friends, a list of checklists