Links from 2017
B ig Tech is broken. Suddenly, a wide range of journalists and politicians agree on this. For decades, most of the media and political establishment accepted…
André Staltz The Web began dying in 2014, here's how 30 Oct 2017 Before the year 2014, there were many people using Google, Facebook, and Amazon. Today, there…
About 22 years of leadership and execution in digital product design. Learn about LukeW Writings 1953 articles about the big picture and crucial details behind…
- sonar, a linting tool for the web sonarwhal.com
sonar a linting tool for the web Getting Started Try it online Build better websites with sonar Accessibility, security, interoperability and more! The web is…
- Sketch Libraries & Abstract: Per-project Libraries – Abstract blog.goabstract.com
Tim Van Damme Principal designer at @goabstract. Oct 10 Start building scalable Design Systems with Sketch Libraries and Abstract This morning Sketch released a…
- Collapsible Sections inclusive-components.design
Collapsible sections are perhaps the most rudimentary of interactive design patterns on the web. All they do is let you toggle the visibility of content by…
- The Endless Battle – Alan Cooper – Medium medium.com
Fighting a small grass fire in Marin County. User-centered versus designer-centered For the past 25 years, I’ve focused on the process of determining the form…
Illustration by Amanda Wray Robots are hiding in plain sight. It’s time we stop ignoring them. There’s a chart I came across earlier this year, and not only…
The newly installed Sackler Courtyard at London’s Victoria and Albert Museum is one of the most glittering places in the developed world. Eleven thousand white…
- Philip Pullman's swearwords are a useful lesson for children theguardian.com
No biting, hitting or screaming here … graphic of bad language.Illustration: youngID/Getty Images “ Philip Pullman Litters New Children’s Book With Swear Words…
- Happy Bear Software | Web Application Development happybearsoftware.com
A developers guide to human networking When you think of networking, you think of “hustlers” throwing business cards at each other at dimly-lit drinks…
*TL;DR*: performance budgets are an essential but under-appreciated part of product success and team health. Most partners we work with are not aware of the…
“Snowfall” has become a verb in many newsrooms after The New York Times launched its beautiful multimedia project earlier this year. Though the format was…
- 20 beautiful examples of "Snowfall" style interactive storytelling - Web Directions webdirections.org
20 beautiful examples of “Snowfall” style interactive storytelling By: Tweet: @maxine July 19, 2013 Yesterday an article on Medium, Snowfallen , caught my eye.…
Sometimes we make links look like buttons. Sometimes we make buttons look like links. This is unfortunate. Maybe there is something we can do about this. Let’s…
- Alt-texts: The Ultimate Guide - Axess Lab axesslab.com
My experience of images on the web I use a combination of magnification and screen reader when surfing the web. As a rule of thumb, I use magnification on…
- Lazy loading with inline SVG codepen.io
A Pen By 18,449 Lazy loading with inline SVGs. Using inline SVGs to create lightweight thumbnails that creates a better before experience compared to blurred…
- Software architecture is failing – Alex Hudson alexhudson.com
I doubt there has ever been a time when software architecture was seen as a raging success. The “three-tier architecture” of the web has held up extremely well…
- The Web Share API Is Here :) – codeburst codeburst.io
Share your audio recordings on Voice Record Pro One of the coolest APIs is available now as of Chrome 61! The Web Share API is a JavaScript API that let’s you…
Sick Systems How to Keep Someone With You Forever So you want to keep your lover or your employee close. Bound to you, even. You have a few options. You could…
- Building a Well System – Track Changes trackchanges.postlight.com
Last week my co-founder Rich Ziade wrote about what he’s learned and experienced over the last two years of running our product studio, Postlight . Which made…
- Rebuilding slack.com – Several People Are Coding slack.engineering
A redesign powered by CSS Grid and optimized for performance and accessibility. Illustrations by Alice Lee . In August, we released a major redesign of…
A transcript of my presentation for Design Systems Coalition NYC Text version: On my flight here from San Francisco, I watched a biographical drama called, The…
Introducing Treo ! A cloud infrastructure for Lighthouse that provides end-to-end testing, geographical regions, scalable API, and integrations with Github &…
- Service Worker Registration | Web Fundamentals | Google Developers developers.google.com
Serviceworkers can meaningfully speed up repeat visits to your web app, but you should takesteps to ensure that a service worker's initial installation doesn't…
- Russell Davies: City Snacks russelldavies.typepad.com
<blockquote>Mostly though I just remember sitting here, writing optimistic notes about work that mattered, for stuff that had a chance of actually happening. That's proven to be rare in the world of 'digital transformation'.</blockquote>
Amen.
- This little light salon.com
Once upon a time in the Pixar offices my dad played ball with me, and “Luxo Jr.” was born Spencer Porter 09.04.2017 • 12:30 AM • 0 Comments 0 Comments Sometimes…
Today, there are nearly 30,000 U.S federal websites with almost no consistency between them. Between the hundreds of thousands of government employees working…
When Atlassian expanded their focus on design in 2012, Jürgen Spangl was hired as the new Head of Design. One of the first projects he initiated was creating…
Decide What Belongs & Convey Work That Remains Every system needs button , checkbox , and typographic headings . But beyond an obvious core, curating a system’s…
- Home observepoint.com
1.855.TRUTH.NOW 1.855.878.8466 LOGIN Products WebAssurance™ AppAssurance™ VideoAssurance™ Services Customer Success Professional Services Education Resources…
- summary_large_image images.guide
We should all be automating our image compression. In 2017, image optimization should be automated. It's easy to forget, best practices change, and content that…
- Walmart Labs open sources its tool for bringing React Native to existing mobile apps social.techcrunch.com
Walmart is placing a big bet on React Native . With Electrode, the company’s Walmart Labs division open sourced the React-based framework that powers…
- CSS Grid Gotchas And Stumbling Blocks – Smashing Magazine smashingmagazine.com
In March this year, CSS Grid shipped into production versions of Chrome, Firefox and Safari within weeks of each other. It has been great to see how excited…
Jordan Staniscia tried — and claims he failed — multiple times to create a single, re-usable design system for all of Instacart’s visuals, icons and…
- Introducing Cloudflare Workers: Run Javascript Service Workers at the Edge blog.cloudflare.com
TL;DR: You'll soon be able to deploy Javascript to Cloudflare's edge, written against an API similar to Service Workers. Try writing a Worker in the playground…
- Portals - React facebook.github.io
Edit on GitHub Portals Portals provide a first-class way to render children into a DOM node that exists outside the DOM hierarchy of the parent component.…
What is strategy? Hooray! Everyone’s favorite question! Just kidding. In reality, this is a topic that quickly makes very smart people pull their hair out.…
One of the downsides of cancelling an American Express Preferred Rewards Gold or Platinum charge card is that you are required to empty out your Membership…
- Designing Websites for iPhone X webkit.org
Out of the box, Safari displays your existing websites beautifully on the edge-to-edge display of the new iPhone X. Content is automatically inset within the…
- Killing Old Service Workers for the Greater Good – Hackages Blog blog.hackages.io
Killing Old Service Workers for the Greater Good Recently at Hackages, we ran into the following problem: we had our website at https://www.hackages.io and then…
iOS 11 brings some new, perhaps unintuitive, behaviour around the status bar area which will be particularly important for developers using tools like Apache…
- Performance Budget gist.github.com
Front-end Performance The Case for FED Performance Optimisation A fast website is essential for a good user experience (UX), conversion and findability.…
- Tools | Performance Tooling Today perf-tooling.today
HTTP/1 vs HTTP/2 by LoadImpact Loadimpact gathers all resources from your URL, fetches those resources from their own server using HTTP/2 and give you some neat…
- Subform | A modern tool for digital product designers. subformapp.com
Subform is a modern tool for digital product designers. Spend more of your time designing—instead of juggling multiple artboards and tediously propagating…
- Team Library 1.0 – Figma Design blog.figma.com
Rasmus Andersson Design @Figmadesign. Previously @Dropbox, @Facebook, and @Spotify — rsms.me Sep 19 Team Library 1.0 Illustration made for Figma by Peter…
- Tame your Service Worker before your Progressive Web App go into the wild by Maxim Salnikov slides.com
before your PWA go into the wild Maxim Salnikov @webmaxru Tame your Service Worker How to build fast, offline-ready, user-friendly web apps And enjoy doing this…
“It needs more ‘pop’.” Can I tell you how many times I’ve heard that phrase? It’s the sad reaction to a design that could lack proper emphasis. My reaction is…
Methodology It’s a lot like growing up, but not as awkward and embarrassing. Carbon , Lightning , Clarity , Polaris , Plasma , Build . Am I describing names of…