Pixels of the Week – February 23, 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 design tips, designer ethics and the end of amateurism, Design Sprint facilitation and brand design sprints, handlebar UI, notifications, onboarding framework, progress tracking UI, CSS variables, CSS margin collapse, SVG form animation, CSS breakpoints, UI prototyping tool working with Sketch, hand-coding SVG, AMP stories.

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

TL;DNR the two articles you should not miss this week

#Design

This is a really nice article for students and design beginners: 7 Practical UI tips (shadows, borders, backgrounds, etc.) to help you achieve visual hierarchy in your design.

#Ethics #Design

I want to quote half of this article on ethics an designer’s responsibly to the world, so please read it: “Design’s Lost Generation” by Mike Monteiro. Amateur hour is over, design isn’t art. Fucking YES!

Interesting article

#UI #UX #Design

#Design Sprint

#CSS

Revisiting Margin Collapse

#Conference

My Talk Writing Process” by Val Head. Soooo glad to read that I’m not the only one hoarding articles, videos & books pieces into a giant Google doc. Last 45min conf was 30 pages of notes & I also keep updating the notes after, in case I give the talk again ^^

#Notifications

How To Build A Notification That You Won’t Hate, by installing a light bulb ^^ nice idea.

Inspiration, fun demos and Great ideas

#Form

SVG animated login avatar, with the help of some trigonometry & GSAP. #animation #UX #gsap

Webdesign news

#Invision #Design tools

InVision Studio is out—but are designers migrating to a new tool again?”  True, eventually someone might come with a “Design tool testing retreat” concept: one week of hiking, biking, drinking juice & doing stuff designers with beards do, + testing tools.

#AMP

AMP gets stories as well (not quite sure about that one)

Tutorials

#CSS

#SVG

How to Hand Code SVG, if you like challenges

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

#Design tools

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.

Leave a Reply

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

This site uses Akismet to reduce spam. Learn how your comment data is processed.