Web Design Weekly #143


WebIDE Lands in Nightly

This is a first step towards debugging across various platforms and devices over WiFi using open remote debugging APIs. (hacks.mozilla.org)

Is your site down?

How would you know? Don’t let an email from a customer be your first sign something is wrong. Website monitoring is something we know we should do, but never find the time to implement. Vigil lets you do it all from your iPhone in a few easy taps. (vigil-app.com)


Designing with Dynamic Content

Have you ever started implementing a design that utilised “lorem ipsum” which caused some major headaches when real content was used? I have, many times! This article by Brad Frost discusses why we should move away from leaving those questions to the very end if we want to create more thoughtful, realistic and resilient designs. (bradfrostweb.com)

How To Speed Up Your WordPress Website

Marcus Taylor explores twelve ways to improve your website’s loading time. If you run your site on WordPress this quick read is a must. (smashingmagazine.com)

Mobile Web Stress

Tammy Everts goes into detail about understanding the neurological impact of poor performance on mobile. Stay tuned for the video! (webperformancetoday.com)

Giving Animations Life

Joel Besada writes about using Bounce.js and classical animation concepts to bring life to user interfaces in a simple manner. (medium.com)

Tim Kadlec’s notes on ‘Performance Culture’ at Google I/O (timkadlec.com)

Google Blurs The Line Between Web And Native Apps On Android (techcrunch.com)

“Merge pull request” Considered Harmful (blog.spreedly.com)

Tools / Resources

Framer Studio – Innovative Prototyping

Framer Studio is built on Framer.js, an open source framework for rapid prototyping. Framer allows you to define animations and interactions to quickly turn your ideas into real things. Such and awesome tool! (framerjs.com)

Vim for people who think things like Vim are weird and hard

I’m a Sublime Text user at heart but often find myself tinkering around in Vim from time-to-time. If you are in the same boat this post by Harry Roberts should make the Vim voodoo a little clearer. (csswizardry.com)

Webpack Module Bundler

Packs CommonJs/AMD modules for the browser. Also allows you to split your codebase into multiple bundles, which then can be loaded on demand. (webpack.github.io)

Building offline-first sites on the web using the ServiceWorker (youtube.com)

SideComments.js – Awesome commenting component (aroc.github.io)

WordPress JSON REST API – Version 1.1 (make.wordpress.org)

Visual Designers Checklist for the Web (webdesignerschecklist.com)

CSS Shrink (cssshrink.com)


Working Out – A podcast on doing what you love

Join photographer Ashley Baxter & designer Paddy Donnelly on a journey to figure out how to create a business doing what you love. (workingoutpodcast.com)

Google Design Specification – Material Design

Google’s design language for a unified experience across devices. (google.com)

Pay it forward — Your time is valuable. Use it wisely. (medium.com)

Inspiration for subtle hover effects (tympanus.net)


Product (UX) Designer @ Campaign Monitor

We’re looking for an experienced product designer who will help take Campaign Monitor to new and exciting places! (campaignmonitor.com)

Advertise in next week’s newsletter →

From The Blog

Different Sass Output Styles (web-design-weekly.com)

Can I Use Connected to Google Analytics (web-design-weekly.com)

Last But Not Least…

Componentize the Web

If you are still trying to wrap your head around Web Components this is a great introduction by Addy Osmani. (google.com)