Mr Branding: Web Design Weekly #282

Monday, June 12, 2017

Web Design Weekly #282

Headlines

The State of CSS

Ryan Oglesby has put together 5 old-fashioned CSS things that you don’t need to do anymore and what you should do instead. Note, there are some good comments worth reading. (ryanogles.by)

Emotional Intelligence in Design (medium.com)

Get 3 Free Months of Online UX Design Courses!

The Interaction Design Foundation is the largest, and oldest, provider of online UX design courses. All their courses are self-paced, which makes them perfect for both working professionals and students. Here are 7 reasons to join their UX design community. (interaction-design.org)

Articles

Shape Detection API

The Shape Detection API opens up a world of possibilities and allows us to truly tap into the power of the hardware that exists on mobile devices. Dean Hume explains how we can get started today. (deanhume.com)

How the CSS Grid minmax() Function Works

Ire Aderinokun, shares an insight into the the minmax() function that was introduced with CSS Grid. (bitsofco.de)

Making Photos Smaller Without Quality Loss

The Yelp engineering team worked hard to optimize their photos and were able to achieve a 30% average size reduction. Oh, and they did it all without reducing the quality images. Great read. (engineeringblog.yelp.com)

Color Accessibility Workflows

Geri Coady looks into a selection of tools to help make your site WCAG AAA compliant. (alistapart.com)

Fun with Viewport Units (css-tricks.com)

Tools / Resources

JavaScript & The spread operator

Brandon Morelli shares 4 practical examples to help understand the spread operator. (hackernoon.com)

Learn from customers faster with NomNom

Get all your customer feedback and user research in one place (nomnom.it)

A Beginner’s Guide to NPM

The Node Package Manager ecosystem can be pretty daunting to get your head around at first. If you are a bit overwhelmed by it, this post is worth reading. (sitepoint.com)

Intro to Firebase and React

For those that are keen to get into using Firebase with React this tutorial by Simon Bloom is a great starting point. (css-tricks.com)

Storybook 3.0

Under the hood, Storybook 3.0 is a major overhaul of the Storybook project both organisationally and structurally. 3.0 brings long-anticipated webpack2 support, flexible snapshot testing and a host enhancements. (medium.com)

Wiretie

A Higher Order Component for Preact that resolves (async) values from a model and passes them down as props. (github.com)

Building New Tools for Designers and Developers (youtube.com)

Dribbble’s official app for iPhone and iPad. (itunes.apple.com)

Apple UI Design Resources (developer.apple.com)

FlexBox Cheatsheet
(vudav.github.io)

Inspiration

Design Details 201: Thrown Under the Self Driving Bus (spec.fm)

2017 Logo Trends (logolounge.com)

Jobs

Product Designer at Mesosphere

Own the user interface & experience of our datacenter operating system DC/OS. You’ll be driving design projects from inception to production. Working closely with PMs & Developers. Talking to Fortune 1000 customers. Growing our design system. Prototyping & shipping quality products. (mesosphere.com)

Designer at WegoWise

WegoWise is looking for a Designer to create beautiful designs that visually communicate WegoWise’s value to target audiences. This role works closely with our Head of Design and Marketing team and on a variety of platforms, including our web application, landing pages, flyers, email campaigns, etc. (wegowise.com)

Mr Branding