Headlines
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)
Articles
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)
Inspiration
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)
Jobs
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)