Pixels of the Week – June 16, 2019

Stéphanie Walter

Senior UX Designer - Mobile Expert

Senior UX Designer. Mobile Expert. Public speaker. Blog writer. Google Dev Expert Product Design (GDE)

Follow on Twitter

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

#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 #Darkpattern

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”

#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

Are you looking for a UX or UI designer, for a site or mobile application? Do you want me to give a talk at your conference, or simply want to know more about me? You can take a look at my portfolio and contact me.

One thought on “Pixels of the Week – June 16, 2019

Leave a Reply

Your email address will not be published. Required fields are marked *