Web Design Weekly #247


The Headless Web

The Web in a year will be different. The Web in a few is unfathomable. This excites me massively. Will the Web be Headless? This might be a crazy concept to get your head around but the Headless Web is a concept that enables the user to rarely ever interact with a web page in a web browser. You might never actually visit a site directly but it’s still powered by URLs and content that is directly addressable and available to every person in the world. (paul.kinlan.me)

Are you writing legacy CSS code? (tinnedfruit.com)


Hidden Expectations

Dave Rupert hits the nail on the head with this post. The hardest parts of the Web are the invisible parts. He covers topics like accessibility, security, performance and empathy. (daverupert.com)

How Netflix does A/B Testing

Jessie Chen shares some insights into how Netflix went about designing their homepage through A/B testing. Always great to see how the large teams go about this. (uxdesign.cc)

Using A Static Site Generator At Scale

Static site generators are amazing for small scale sites, but that’s not always the case. Sites grow and evolve. In this article Stefan Baumgartner shares some great knowledge on how to best go about using them when things get big. (smashingmagazine.com)

Save valuable resources by prototyping

A nice reminder by Davey Heuser that the world of prototyping tools might look scary at first, but are an invaluable tool for quickly exploring different solutions and making you a better designer. (awkward.co)

Tools / Resources

HyperDev – Developer playground for building full-stack web apps, fast

Combining automated deployment, instant hosting and collaborative editing, HyperDev gets you straight to coding with no setup. Build products, prototype ideas and invite teammates to collaborate on code together. (hyperdev.com)

Bootstrap 4 Alpha 3 Released

An overhauled grid, updated form controls, a new font stack and lots of bug fixes. If you are using Bootstrap for any of your projects, it’s probably a good idea to keep an eye on what’s changing. (getbootstrap.com)

PNG optimisation

A great post by the Bjango team that looks at the default PNG export settings shipped with the popular design tools and ways to adjust them to get the smallest PNG possible. (bjango.com)

High Performance SVGs

Need to optimise your SVGs? This post is for you. Worth bookmarking. (css-tricks.com)

Sharing Buttons

Quickly generate social sharing buttons that have a tiny performance footprint. (sharingbuttons.io)

A library of Framer snippets to help speed up your workflow (github.com)

Use a Slack bot to deploy your app (tech-blog.serenytics.com)

Stack Overflow Documentation (stackoverflow.com)


CSS-only scroll indicator by Mike Riethmuller (codepen.io)

A Curated Collection of the 40 Best Google Fonts (typewolf.com)

Great Products Don’t Happen By Accident (medium.com)


Product Designer at Xero

We’re looking for an experienced Product Designer to work on our most important projects and initiatives. You will work closely with global design and product team leadership to craft experiences that help small businesses succeed by better connecting them with their employees and customers. (xero.com)

Front-End Developer at Pitchfork

Pitchfork’s Product team is hiring. We’re looking for a sharp, creative front-end developer excited about pushing hard on UI and UX across all platforms. Your work will be seen daily by millions around the world, and you’ll be a part of a small team of designers and developers whose work has been praised for redefining online music journalism and influencing the medium itself. (pitchfork.com)

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

Last but not least…

Do you really need that staging environment? (vimeo.com)