Our new digest series aims to provide web designers and developers with a single location to discover the latest and most significant stories on the web, while sipping a hot coffee.
If you’re like us, you spend hours every day browsing through hundreds of sites and articles, hoping to stumble across relevant news stories.
We search through hundreds of posts on blogs, social media, and news channels, to deliver the most essential stories of the day. Our content covers quality news, fresh tools and apps, case studies, code demos, inspiration posts, videos and more.
Creating HTML Web Components with Vanilla JS
While native Web Component support isn’t 100% yet, polyfills are available, and this tutorial walks through what’s involved to create your own HTML tags as components.
HTTP 103: A Draft HTTP Status Code for Indicating ‘Hints’
The idea is to allow Web servers to send back certain headers (e.g. preload link headers) early before the main response.
Web Typography: Designing Tables to be Read, Not Looked At
Richard Rutter goes deep on how to improve the readability of your data tables.
How to Write a JS-Free Todo App With Only HTML and CSS
An interesting creative attempt to create a basic ‘web app’ using nothing but HTML & CSS.
I Watched All The Chrome Dev Summit Vids So You Don’t Have To
The takeaway: Google wants you to build PWAs, reduce JS file size, use Web Components, and configure your forms to support autofill.
Building a Fast Search Experience
How popular car selling platform Auto Trader created a high-performance search experience that regularly returns results in less than a second.
The Future of Loading on the Web
Sam Saccone explores recently shipped performance primitives, cutting edge performance techniques, and a glimpse into what the future of loading on the web may hold.
The Accessibility Cheatsheet
A helpful overview with some simple things you can do to take positive steps towards a more accessible web. From 2015, but worth revisiting.
W3C Invites Implementations of Preload
This spec defines the
preload keyword that may be used with link elements.
Unlocking the Benefits of CSS Variables
The benefits of CSS variables and helpful tips and tricks for working with them.
How to Build an Interactive Virtual Globe with Three.js
A Look at the Relatively Uncommon ‘output’ HTML Element
Using Redux When Building Chrome Extensions
The Web Began Dying in 2014, Here’s How
“GOOG and FB now have direct influence over 70%+ of internet traffic.”
An Animated Flexbox Playground
A helpful visual reminder of what effect certain Flexbox properties have.
grid-kiss: A PostCSS Plugin to Keep CSS Grids ‘Stupidly Simple’
Koa11y: An Open Source Web Accessibility Tool
A desktop app for automatically detecting Web accessibility issues.
A Better Focus?
An attempt at a more ‘visually-pleasing focus for keyboard users’.
If you like this article, go ahead and follow me on Twitter or buy me a coffee to support my work!