Pixels of the Week – June 16, 2019
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 deceptive 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
#Encoding #UX
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
#CSS
Every Layout is a really cool site by Heydon Pickering & Andy Bell to help you learn or relearn CSS layout.
Interesting article
#UX #deceptivepattern
“How Amazon Will Change Worldwide Shopping Habits With This New UX Checkout” or more accurately “ho crap yet another deceptive pattern that will try to trick users into buying more”
#Interaction Design
An interesting article on how some interactions can shape our users behavior patterns
#Design thinking
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?
#Job Title
Brad Forst on “Frontend Design”
#Accessibility
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!
#Copywriting #Plagiarism
“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
#CSS
“Why we prefer CSS Custom Properties to SASS variables” some interesting use of the CSS custom properties
#Automation
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
#Photos
Using a Strip of Paper To Give Birds Funny Eyes Is Ingenious
#Food #Photos
Food Artist Crafts Quirky Characters That Are Too Cute to Eat
Podcasts
#Content Strategy
The Content Strategy Podcast, a podcast for people who care about content
Tutorials
#CSS #Motion
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
Responsive Image Breakpoints Generator
#Typography
colorfonts.wtf, nice website that explains what color fonts are and why they are aweeesome
#Design #Ebook
Programming Design Systems, A free digital book that teaches a practical introduction to the new foundations of graphic design
#Font
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
Sketch Data, this looks like a really useful Sketch plugin to add real complex datas to your interfaces
#Checklist
devchecklists.com for my developer friends, a list of checklists
