getButterfly Logo

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

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


Leave a Reply

Subscribe to our mailing list