Pixels of the Week – March 2, 2018
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: UI cheat codes for design, User Journey Maps or User Flows, PWAs coming to all Chrome platforms, UX onboarding, microcopy for cancellation, flags and data, learning CSS Variables, SVG elastic range, resilient CSS, fun with Design titles, CSS snippets you can understand in 30 seconds, Web Fonts explained, CSS third part safety, some great 3D animations, fun happy new year website and an interview with 3D characters.
You can follow me on twitter to get a dose of links every days.
Some work I did
#Icons
I designed some “Speaker” icons for a side project, they are available as Creative Commons CCBY feel free to use them.
TL;DNR the one you should not miss
#Dev #Science
“Why do women have periods? What is the evolutionary benefit or purpose of having periods? Why can’t women just get pregnant without the menstrual cycle?” first geek answer is fun. The second scientific one is really interesting
Interesting article
#UI #UX
- Yet another nice article for design beginners and students: 10 cheat codes for designing User Interface.
- 10 UX design principles for great onboarding
- User Journey Maps or User Flows, what to do first? Tldnr “I recommend creating Flows first if you have the existing solution. If you are starting a fresh project, try to build user Journey Map that will be later validated by User Flows”
- Raise your ✋ if you were in this situation: the UX nightmare of “what should I call the 2 buttons in my cancellation confirmation modal”, a great article you definitely want to read and bookmark somewhere – The microcopyist: cancellation, confirmation, conflagration
#Front End
- Third party CSS is not safe
- It’s Resilient CSS Week, let’s learn how to write CSS that will work in all the browsers, even the old ones 🙂
- How to JavaScript in 2018 by Tara Z. Manicsic
- Understanding Web Fonts and Getting the Most Out of Them (I really want to make a “Woff Woff ?” joke, sorry about that I haven’t had enough coffee yet)
- Want to learn CSS Variables? Here’s my free 8-part course! Did I mention they were awesome? (yup turning into a CSS variable fan girl haha)
#Marketing
Cut the bullshit and the buzzwords and try truth based marketing for a change “Everything I know about marketing I learned from the 1990 movie Crazy People.”
#Mobile
Progressive Web Apps coming to all Chrome platforms, hoooo YEAH. (also, cute raccoon)
Inspiration, fun demos and Great ideas
#Animation
Gallery of Emerging Species, this is sooo cute. – plays sound
#Illustration
My friend Laurence created a great illustrations to help you know how it Stéphanie and who is Laurence
#Fun #Name
The Truth About Design Titles ?
#Flags
How do the United States flags look when data decides their designs?
#Emoji
stinkmoji.cool, fun emoji experiment with the webcam
#Happy New Year
2018.monopo.co.jp, I’m not quite sure what this is but it’s amazing – plays sound
#Interview
Yeah, uenodotco created a website for their job interviews, it’s stupid, silly and awesome and now I want to eat hot dogs, I hope you are happy 😀 – plays sound
Conferences
#Interaction
Talks from Interaction 18 available online 🙂
Webdesign news
Design tool news of the week, really nice evolutions:
- Sketch gets a prototyping tool
- Zeplin gets a flow tool to present relationships between screens
- Figma gets a transition tool
Tutorials
