Pixels of the Week – November 25, 2018

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 post a lot of my daily readings about Web, UI and UX Design, mobile design, webdesign tools  and useful resources, inspiration on twitter and other social networks.

This week’s selection: UX and gamification, mobile push notifications mistakes, mental models, PWAs,  learning design, building user flows, check-out UX, building color palettes, design debug tool, personas, CSS in React components, cute icons, ordering CSS properties, tools and scripts for AI, machine learning, indeweb and performance.

You can follow me on twitter to get a dose of links every days.

I gave talks last week

Last week I was at Voxxed Days Thessaloniki and gave two talks:

TL;DNR the one you should not miss


Amazing site with lots of links and resources to start learning design, great for students and beginners – Degreeless.design – Everything I Learned in Design School”


Dear Front End Developers, Full Stack, any JS dev who needs to work with CSS at some point, this is super useful: The “C” in CSS: The Cascade

Interesting article



#Front-End, #CSS and #JS


Great read for design beginners and anyone who wants to build sites a and products with nice color balance: Building Your Color Palettes

Voxxed Thessaloniki – machine learning, AI and more

I really enjoyed several talks at Voxxed Dayd Thessaloniki last week and discovered quite a few tools and ressources, so I will put them all here in case you missed the tweets 🙂

#Machine Learning

Jen Looper and Asim Hussain each gave talks related to machine learning and JavaScript, here are a few tools

#JS #Native

nativescript.org – Open source framework for building truly native mobile apps with AngularVue.jsTypeScript, or JavaScript.


Lighthouse is an open-source, automated tool for improving the quality of web pages. You can run it against any web page, public or requiring authentication. It has audits for performance, accessibility, progressive web apps, and more.

#Content #Indeweb

Jeremy Keith gave a really interesting talk about gaining back the control over your content. Here are a few tools

  • indieweb.org The IndieWeb is a people-focused alternative to the “corporate web”, gain back control over your content!
  • RelMeAuth is an authentication method that uses personal URL for identity that rel-me link to established OAuth provider(s) to perform the actual authentication.
  • Webmention.io is a hosted service created to easily receive webmentions on any web page.
  • brid.gy  pulls comments, likes, and reshares on social networks back to your web site. You can also use it to post to social networks – or comment, like, or reshare – from your own web site.

Useful tools and plugins that will make your life easy


Cute. Eva Icons is a pack of more than 480 beautifully crafted Open Source icons for common actions and items.


An online small tool to create polls

#Emoji #Fun

Emoji Builder but we can’t build one that pukes rainbows so this needs improvement to be perfect

#Design Tool

Project VisBug, Okay this is SUPER cool, a tool to play with the design in the browser without needing to know code


Web.dev  – an online tool to check your site against modern web capabilities like offline, PWAS, etc.

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.

Comments are closed.