Pixels of the Week – December 15, 2017
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: Isometric illustration tutorial, iPhoneX design and gestures, tips if you start as a Web Designer, inclusive design, logo integrity in focus game. Adaptive vs Responsive design, recap of front-end development in 2017, testing accessibility, debugging CSS Grid Layout, making sites responsive with one line of CSS, some UI tools, Sketch templates for iOS 11, security planner and a nice Serif font
You can follow me on twitter to get a dose of links every days.
TL;DNR the one you should not miss
#Illustration
Mastering Isometric Illustrations — Part 2, the cylinder. I totally love how he makes isometric illustration look easy, looking forward to part 3 \0/
Interesting article
#Mobile
- iPhone X: The Rise of Gestures – Replacing the Home button with a swipe gesture creates some UX difficulties, but they are likely to be overcome by the benefit of a larger screen.
- How to Design for iPhone X (without an iPhone X), an interesting story on creativity and understanding device opportunities and ergonomics
- What analyzing 3,300 Feature Graphics has taught us about Google Play Store ASO
- Responsive – Adaptive vs responsive web design – A quick footnote for beginners
#Design
- A long list of tips if you starting to learn Web Design (if you are a dev or a student and are looking for some advice on how to make your sites better :))
- Who Is Inclusive Design For? Perfect quick summary.
- Graphic Designers: Here’s How To Make a Difference Right Now. On working for NGOs (I don’t 100% agree with the total creative freedom, in my experience NGOs tend to fall really quickly in the designed by committee trap)
- Using Design Workouts To Build World-Class Design Teams. Interesting ideas but I wonder how you find time to do this when you barely have time to work on real clients or internal projects :/
- Logo Integrity in Focus, an interesting test to see if you can still recognize famous logos when they are blurred. It might be complicated if you are not from the USA for some thought
#UX
Designing for Your Inner Kirk and Spock, a quick introduction to how our brain work, the quick part and the slow rational part
#Start Up
Nobody is going to steal your startup idea. – and especially nobody’s going to steal your execution.
#Work
“How I Actually Spend My Time As a UX Consultant”
Inspiration, fun demos and Great ideas
#Pattern #Objects
This makes me feel really good: “Everyday Objects Obsessively Organized Into Patterns By Adam Hillman”
#Transition
That’s a fun page transition : Pixel Wave Page Transition
Webdesign news
#Front-End
A recap of front-end development in 2017 – Front-end engineering once again evolved at a feverish pace in 2017. Here is a list of the most notable events of the past year.
Tutorials
#CSS
- This is, wow: Debugging CSS Grid Layouts With Firefox Grid Inspector
- Using CSS Counters – 3 examples on how to use them and what for
#Responsive
How to make your HTML responsive by adding a single line of CSS. Whooooo grid layout is amazing ?
#Accessibility
Automating Your Accessibility Tests ◆ 24 ways
Useful resources, tools and plugins that will make your life easy
#Typography
- Tracy — an online tool that generates a SVG out of your handdrawn logos and lettering
- Spectral: A New Screen-First Typeface
#Sketch #iOS
#UI Tools
Reviewing the most popular UI design tools in 2017 – interesting list of you’re looking for new tools to test. I haven’t tested XD in a while but it looks like it improved a lot 🙂
#Security
Securityplanner.org Answer a few simple questions to get personalised online safety recommendations. It’s confidential – no personal information is stored and we won’t access any of your online accounts.
#CSS
A SCSS mixin to create flexbox hexagones, sure why not
