Web Design Weekly #273


Technology Imitates Art – The rise of the conversational interface

Not only is this post full of awesome content the amount of effort dedicated to creating it is next level. A mixture of writing, UX and humanity. Who said blogs were boring? (typeform.com)

Meet The Next Smashing Magazine (next.smashingmagazine.com)

Build and deploy websites (even with custom domains) on CodePen!

While the Pen Editor on CodePen is mighty useful, your limited to just the HTML, CSS, and JavaScript editor panes. If you need more, you can build a Project, which gives you a whole sidebar for files more like you might be used to in a desktop IDE. Create or upload files and away you go. (codepen.io)


Modern JavaScript for Ancient Web Developers

Have you been around the web for donkeys years but finding it hard to get a grasp on all this new JavaScript lingo that is happening at present? Well this post is for you. (postlight.com)

What to do when nobody is using your feature

A great look into Intercom’s design process. A company that sure is one of the leaders in this space at the moment. (blog.intercom.com)

An Introduction to GraphQL

GraphQL is a new way to consume and build APIs, enabling tight integrations not possible with REST APIs. In this post, Derek Haynes explains the core concepts using GitHub’s GraphQL API. (blog.codeship.com)

Build an awesome Hero Header

Donovan Hutchinson (aka Mr Animation) shares a great tutorial on creating a hero header with some nice animations. He also experiments with some timing functions, animation choreography and tips for creating reusable keyframes. (cssanimation.rocks)

Tools / Resources

Calibre Test Profiles

A massive release of features for Calibre this week. Emulate devices, adjust connection speed and test your apps under real world conditions. (building.calibreapp.com)

Snag the hottest new domain name for designers

.design domains were just released and some of the best ones are still available. Normally cost $35 but Web Design Weekly readers get them now for only $5. (we.design)

Office UI Fabric

The official front-end framework for building experiences that fit seamlessly into Office and Office 365. (dev.office.com)

React Share Button

Share button component with web-share api and fallback modal with native intent urls. (github.com)


Accessibility engine for automated Web UI testing. (github.com)

Chrome now supports display-mode: fullscreen for PWAs (blog.chromium.org)

Text Editor Performance Comparison (github.com)

React Router v4 helper components (github.com)


How to Start Up Your First Startup (zachholman.com)

Reflection on a price increase (pippinsplugins.com)

The new 2ality blog setup (2ality.com)


Product Designer at Pusher

As a product designer, you’ll work closely with product managers, marketers and engineers across a range of projects, and you’ll play a key part in creating our products, websites and marketing assets. (pusher.com)

Front-End Web Developer at Bytion

Bytion is seeking a Front-End Web Developer who is motivated to combine the art of design with the art of programming. (bytion.io)

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

Last but not least…

Heroku Now Offers Free, Automated SSL Certificates (heroku.com)

NPM Offers Free Orgs (medium.com)