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 e-book on modern image optimization techniques. Formats, decoders, techniques for efficient compression and more are covered.
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.
The Future of Accessibility for Custom Elements
A look at how the Accessibility Object Model may help custom elements with semantics.
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.
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.
Everything You Ever Wanted to Know About Secure HTML Forms
Using SVG clip-path to Change A Logo’s Colour On Scroll
Implementing a Collapsible Widget with Pure CSS
How to Write Better CSS with the BEM Naming Convention
How 18F Created A Large-Scale Design System for the US Government
eBay’s Font Loading Strategy
The considerations and strategy behind eBay’s switch to using a custom font.
What You Need to Know About Variable Fonts
An interview with Tim Brown and Bram Stein of Adobe Typekit.
How CSS Grid Went From Idea to Reality
Stripe Elements: Build Beautiful, Smart Checkout Flows
Pre-built UI components for creating ‘pixel-perfect’ checkout flows across desktop and mobile.
CSS Grid Layout + Firefox = ❤
A detailed walk-through on learning CSS Grid layout.
SentinelJS: Detect New DOM Nodes using CSS Selectors
a11y-dialog: A Very Lightweight and Flexible, Accessible Modal Dialog
If you like this article, go ahead and follow me on Twitter or buy me a coffee to support my work!