Bookmarks (2620)

Make Microsoft Edge DevTools 'Your Own' — A nice look at the ways you can make Edge’s DevTools suit your own preferenes.

Small Bundles, Fast Pages: What To Do With Too Much JavaScript — Bundle size matters and this post touches on a few ways to monitor and improve it.

Web Quality Assurance: From User Requirements to Web Risk Management — Elie Sloïm has spent the last 20 years thinking about web quality assurance, asking “What does quality mean for a web user?”. This article explains everything he has learned along the way.

Mechanic — An open source framework that claims to make it easy to create custom, web-based design tools that export design assets right in your browser.

Animated Gradient Background Generator — You can edit the color stops, angle, and speed of the animation, which works by animating the background-position property

CSS Container Query Units — I’ll start by saying that CSS container queries are currently only supported via an experimental flag in Chrome, Edge, and Opera. However it’s always worth staying ahead with these sorts of things — Ahmad digs into the benefits.

30 Seconds of CSS: Useful CSS Snippets You Can Understand Quickly — We linked to the first version of this a few years ago but it’s been updated and more than doubled in size since then. It’s a handy collection of CSS snippets for various situations like hover menus or dynamic shadows.

Optimizing Images on the Web — Cloudflare has a new testing tool for highlighting possible improvements you can make in delivering images to visitors. This post highlights what those improvements are (think format, size, quality, etc).

The Future of CSS: Cascade Layers (CSS @layer) — “When authoring CSS we have to carefully think about how we write and structure our code. Cascade Layers aim to ease this task.”

How to Record Audio Using the MediaStream API — A practical introduction to using the Media Capture and Streams API to record audio from an end user’s microphone then do something with it.

Chrome Is The New Safari. And So Are Edge and Firefox — Thoughts on the long standing WebKit-only browser landscape on iOS.

Exploring the CSS Paint API: Polygon Border — Here's the latest entry in a series exploring the CSS Paint API, this time looking at how to go about adding a border to a clip-path.

Implementing Batch Editing in an Angular Data Grid the Easy Way — Use this tutorial to learn how to use Kendo UI for Angular to create a Data Grid that allows updates and saves in bulk.

Orchestrating Complexity with Web Animations API — There’s lots to learn in the Web Animations API, as such here’s a how-to looking at learning both timing and playback controls — a good foundation/starting point.

Grainy Gradients — This tutorial looks at how generate colorful noise to add texture to a gradient using only a small amount of CSS and SVG. There's code demo's here and what you need to know in regards to browser support. It's a neat effect.

Modernising CSS Infrastructure in DevTools — A look at the history of CSS in DevTools, and the future plans for migrating to CSS Module Scripts.

Bundling Non-JavaScript Resources — Learn how to import and bundle various types of assets from JavaScript in a way that works both with browsers and bundlers.

Tailwind Mobile: Mobile UI Components Built with Tailwind CSS — Includes lots of utilities and components with a native iOS or Material Design look, currently available for React, with plans for Svelte and Vue in the future.

Developer Decisions For Building Flexible Components — A walk through of the decision process of taking a seemingly simple design for a component (often presented as a static mock-up) and deciding how best to translate it into code — keeping in mind the needs of both users and content authors.