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.
tutorial javascript
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.
news
Web Typography: Designing Tables to be Read, Not Looked At
Richard Rutter goes deep on how to improve the readability of your data tables.
css design
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.
tutorial 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.
video
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.
tutorial
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.
video
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.
tutorial
W3C Invites Implementations of Preload
This spec defines the preload keyword that may be used with link elements.
news tutorial
Unlocking the Benefits of CSS Variables
The benefits of CSS variables and helpful tips and tricks for working with them.
css tutorial
How to Build an Interactive Virtual Globe with Three.js
javascript tutorial
A Look at the Relatively Uncommon ‘output’ HTML Element
tutorial
Using Redux When Building Chrome Extensions
javascript tutorial
Emulating CSS Timing Functions with JavaScript
javascript tutorial
The Web Began Dying in 2014, Here’s How
“GOOG and FB now have direct influence over 70%+ of internet traffic.”
opinion
An Animated Flexbox Playground
A helpful visual reminder of what effect certain Flexbox properties have.
css tutorial
grid-kiss: A PostCSS Plugin to Keep CSS Grids ‘Stupidly Simple’
news css
Koa11y: An Open Source Web Accessibility Tool
A desktop app for automatically detecting Web accessibility issues.
news
A Better Focus?
An attempt at a more ‘visually-pleasing focus for keyboard users’.
css tutorial
Technical SEO specialist, JavaScript developer and senior full-stack developer. Owner of getButterfly.com.
If you like this article, go ahead and follow me on Twitter or buy me a coffee to support my work!
