getButterfly Logo

Web Insights – Your JS/CSS/UI/UX Digest #11

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


Leave a Reply

Subscribe to our mailing list