Pixels of the Week – July 15, 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: designing for TV UI, some cool SVG demos, evolution of iOS app design, CSS in JavaScript, 4 really cool fonts, ressources to learn CSS and HTML, design principles, design thinking, service design, avoiding color gender stereotypes in dataviz, collaborated UI and UX patterns inspiration resource, typography and forged documents and more.
You can follow me on twitter to get a dose of links every days.
TL;DNR the one you should not miss
CSS: A New Kind Of JavaScript”, a really nice article on a brand new technology that might help us separate styling in our JavaScript files: CSS (in case you didn’t quite get that, #SHARKASM)
Interesting article
#UX
- What’s your [customers’] problem? – on design thinking helping you in the process of creating digital business strategies.
- 15 principles of good service design
- An Introduction to User Experience Design – The deceptively tricky challenge of designing for user behaviour
#Design
- Designing for Television, Part 1 – An introduction to the basic ingredients of a TV UI
- Better Collaboration By Bringing Designers Into The Code Review Process
- 7 Basic Design Principles We Forget About – really nicely written article. Point 3 about having a vision, sticking to it and accepting that you can’t satisfy everybody is I think the most difficult of all, especially for stakeholders
- Really interesting data: An alternative to pink & blue: Colors for gender data
- Why Design Thinking is failing and what we should be doing differently – very interesting read. And this quote is sooo true. I quote “Designers and creatives are only as good as the team they are surrounded by. If a talented designer has to spend 80% of their time teaching others or constantly explaining every decision in a rational way to stakeholders — they might not be such a talented creative in a few years. Their craft deteriorates.”
#CSS
- CSS Quick Tip: The Valid Characters in a Custom CSS Selector – as usually just because you could, doesn’t mean you should use those but they are valid. It reminds me, when I worked in Germany, I messed up IE6 with a ö in the CSS comments. Good old days :p
- Little Tip: Draw Your Grid in ASCII in Your CSS Comments for Quick Reference >>> smart idea !!!
- Haaa I love those “Web history” articles Clearfix: A Lesson in Web Development Evolution. Hands up if you had to use zoom:1
- The div that looks different in every browser
#Typography
“How a Microsoft font brought down Pakistani Prime Minister Nawaz Sharif“when forging documents, make sure the font exist at the time the document was supposed to be written 😀
#Accessibility
The cost of access by Laura Kalbag
Learning ressources
#HTML and CSS
- The Ultimate Guide to Learning CSS, a big list of resources to help you master different CSS topics 🙂
- Interneting is hard – a free online course to learn the bases of HTML and CSS, a super idea for beginners
Inspiration, fun demos and Great ideas
#Mobile
10 years of the App Store: The design evolution of the earliest apps -> super article on design evolution
#SVG
Magic and brillant, mutable.gallery, a collection of generative artworks by Heydon Pickering.
Useful tools and plugins that will make your life easy
#Fonts
My friend Laurence created 4 really cools fonts you can grab for free here.
#URLs
I like this cute idea “Itty bitty sites are contained entirely within their own link”
#UI #Patterns
Waveguide, a good collaborative ressource if you are looking for UI patterns and also mobile patterns
