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.
Chrome 62 Released: What’s New?
Improved Network Information API, support for OpenType variable fonts, new ways to capture media, and Payment Request API support on iOS.
news
Building a CSS-Only Image Gallery (with Fallbacks)
A look at an approach to creating an experimental CSS-only image gallery, which doesn’t break the experience on older browsers.
css tutorial
Naming Things In CSS Grid Layout
The various ways that you can name lines and areas in CSS Grid Layout to enable easier placement of items by name rather than number.
css tutorial
Improving Performance with the Paint Timing API
An in-depth look at an API currently only available in Chrome 60+ for accessing and reporting Web page ‘paint’ metrics from JavaScript.
javascript tutorial
An Introduction to CSS Grid Layout
A two part series (part 2 here) from Mozilla Hacks.
css tutorial
Rendering ‘Metaballs’ with SVG and CSS
Essentially blobs that merge into one another. A nice effect.
css tutorial
Learn a CSS Framework in 6 Minutes with Bulma
Bulma is a modern, Flexbox-based CSS framework.
css news tutorial
Web Typography: Working with Numerals
Tips on using old-style numerals and sub/superscript numerals.
css tutorial
5 Reasons To Use BEM, the CSS Naming Convention
The author argues it “keeps the world of CSS safe from clutter”
css tutorial
Micromodal: Tiny JS Library for Creating Accessible Modal Dialogs
Just 1.9KB minified and gzipped.
javascript tutorial
Smooth Scrollbar: Customizable, High Performance Scrollbars
If you want more control over your page’s scrolling.
javascript tutorial
handorgel: Accessible Web ‘Accordion’ Widget Written in ES6
javascript 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!