Pixels of the Week – December 22, 2017

This content is 7 years old. Remember that the following content might be outdated.

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: designing for mobile performance, UX mapping, free illustrations, designing complex tables, links Usability, UX absurd predictions, a super fun natural computer project, SVG duotone image effects, special characters tool, is jQuery still relevant, CSS Grid Specs, PWAs.

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

TL;DNR the one you should not miss

#UX

UX Life in Emojis, hahha this is awesome I wanna print those and put them in the office

Interesting article

#UX #UI

#Mobile #PWA

#Front-End

#Todo

✨I’m Useless Without a To-Do List by Una Kravets. I personally haven’t found a system I’m about to commit to more than 3 weeks. So for the moment I use Google Calendar for reminders, tasks, personal projects teching classes and conf preparation.

Inspiration, fun demos and Great ideas

#Computer

Dynamicland, a computer made with physical objects (paper, etc.) people can interact with. Such an amazing idea

#Website

drapo.com, cute inspiration of the day, I really like the illustrations and the color palette

#Dataviz

Why millennials are facing the scariest financial future of any generation since the Great Depression., an interesting article and data visualisation

Webdesign news

#Safari

Release Notes for Safari Technology Preview 46: Service Workers, weeeeeeeeee!!!
This means that even if all the features of PWAs are not supported on iOS Safari, SW will eventually so iOS users will still benefit a bit from PWAs

#Trends

19 web design trends for 2018 – interesting trends but of those are usability and accessibility nightmares, I hope it gets betters in 2018 :/ You say you focus on inclusive design and build something unusable for many people 🙂

Talk

LGBTQ+ and Polyamory in Animals: Yes, It’s Natural | Antonia Forster

Tutorials

#SVG

Using SVG to Create a Duotone Effect on Images. This is sooo cool, why edit pictures in Photoshop when you can let CSS so the trick 🙂 (ok maybe performance and retro compatibility but still fun to try)

Useful resources, tools and plugins that will make your life easy

#Illustrations

UnDraw – MIT licensed illustrations for every project you can imagine and create

#Special Characters

Useful little tool: copychar.cc  CopyChar – ⌘+C – Copy special characters to your clipboard

#Accessibility

Accessibility Testing Tools