getButterfly Logo

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

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.

Essential Image Optimization for the Web
A free ebook on modern image optimization techniques. Formats, decoders, techniques for efficient compression and more are covered.
tutorial

CSS Grid Gotchas And Stumbling Blocks
CSS Grid is such a different way of approaching Web layout that a variety of questions often pop up, some of which are answered here.
css tutorial

The Future of Accessibility for Custom Elements
A look at how the Accessibility Object Model may help custom elements with semantics.
tutorial

Fundamentals of Responsive Images
A good explainer of the key concepts for responsive images, and an overview of a few different responsive image tactics.

HTML 5.1 2nd Edition is a W3C Recommendation
The Web Platform Working Group has published a W3C Recommendation of HTML 5.1 2nd Edition.
news

Integrating SVG Into Your Site
Dudley Storey gets into why you should be using Scalable Vector Graphics (SVG) and how you can easily integrate them into your site in a variety of ways.
tutorial

Everything You Ever Wanted to Know About Secure HTML Forms
tutorial

Using SVG clip-path to Change A Logo’s Color On Scroll
tutorial

Implementing a Collapsible Widget with Pure CSS
css tutorial

How to Write Better CSS with the BEM Naming Convention
css tutorial

How 18F Created A Large-Scale Design System for the US Government
story design

eBay’s Font Loading Strategy
The considerations and strategy behind eBay’s switch to using a custom font.
story

What You Need to Know About Variable Fonts
An interview with Tim Brown and Bram Stein of Adobe Typekit.
css design

How CSS Grid Went From Idea to Reality
css story

Stripe Elements: Build Beautiful, Smart Checkout Flows
Pre-built UI components for creating ‘pixel-perfect’ checkout flows across desktop and mobile.
javascript

CSS Grid Layout + Firefox = ❤
A detailed walk-through on learning CSS Grid layout.
css tutorial

SentinelJS: Detect New DOM Nodes using CSS Selectors
css tutorial

a11y-dialog: A Very Lightweight and Flexible Accessible Modal Dialog
tutorial


Leave a Reply

Subscribe to our mailing list