Web Design Weekly #348

March 04, 2019 - Jake Bresnehan

Headlines

Color Spaces

Color is one of those areas with seemingly infinite depth of complexity. In this article, Bartosz Ciechanowski goes deep into the complexity but aims to keep it simple. An epic article. (ciechanow.ski)

World Wide Web (css-tricks.com)

Design + Development, Together at Last

Designers and developers need an integrated workflow. Bildr Studio combines design tooling with the power of a full development environment. Build the real app as you design it. (bildr.com)

Articles

When Is A Button Not A Button?

In this article, Vadim Makeev explains how you can create a proper interactive button for your users — one that shouldn’t be confused for anything else. (smashingmagazine.com)

The Dark Side of the Grid

This is part 1 of 3 in a series of articles that aim to give you an overview of potential implementation pitfalls, or in other words, the dark side of the grid. (matuzo.at)

How to add custom Angular Material Theme in Angular

Angular Material gives you nice inbuilt design features to design your Angular components seamlessly. In this post, Anup Sarkar explains how to write a custom angular-material-theme for an Angular application. (medium.com)

Using Custom React Hooks to Simplify Forms

A look into using custom React Hooks to build forms that require half the code to write, are reusable, and are much easier to read. (upmostly.com)

Tools / Resources

Making Google Fonts Faster

If you use Google Fonts on your website or web application, a few additional steps can lead to much faster load times as this article explains. (medium.com)

SkySilk Cloud – Host your Website for as Low as $2/Month

SkySilk is a boutique-style cloud service which offers a wide variety of Linux applications and clean OS templates to deploy and host your websites, applications, game servers, and more. Plans start as low as just $2/month for .5 GB RAM, 200 Mb/s bandwidth, and 10 GB SSD storage. (skysilk.com)

JavaScript Loading Priorities

Addy Osmani has put together a handy table of JavaScript loading priorities in Chrome. (addyosmani.com)

i18n Literally

A simple way to introduce internationalisation to your JS. (github.com)

Cheatsheet for React users using TypeScript (github.com)

Collection of React Hooks (nikgraf.github.io)

CSS selectors cheatsheet (medium.com)

Styled System v4 (styled-system.com)

Inspiration

Chris Coyier’s Favorite CodePen Demos (davidwalsh.name)

Awesome Design Systems (github.com)

Jobs

Product Designer at Gusto

As a Senior Product Designer, you’ll take ownership of a large area of the Gusto product and be involved in the entire product development process, from early research and visioning to tweaking pixels up to launch. (gusto.com)

Design Systems at Zendesk

we’re looking for a self-starting senior designer with an impeccable sense of beauty and craft, who will elevate our product’s aesthetics and usability. Your standards are pixel-perfect, with exceptional interaction design and an eye for accessibility, localisation, and motion. (zendesk.com)

Need to find passionate developers or designers? Why not advertise in the next newsletter

Last but not least…

I ruin developers’ lives with my code reviews and I’m sorry (habr.com)