How to Transition to Manifest V3 for Chrome Extensions


While I am not a regular Chrome extension programmer, I have certainly coded enough extensions and have a wide enough web development portfolio to know my way around the task. However, just recently, I had a client reject one of … How to Transition to Manifest V3 for Chrome Extensions...

Solved With :has(): Vertical Spacing in Long-Form Text


If you’ve ever worked on sites with lots of long-form text — especially CMS sites where people can enter screeds of text in a WYSIWYG editor — you’ve likely had to write CSS to manage the vertical spacing between different … Solved With :has(): Vertical Spacing in Long-Form Text originally...

On-Scroll Typography Animations


Inspiration and ideas for on-scroll typography animations that add an extra layer of creativity to a website design

5 Web Design Trends for 2023 That You Should Pay Attention To (Sponsored)


The start of a new year is usually a time when we start looking for ways to make something a little better. That something could be our life, work, or what we produce. Web designers, for example, might look for ways to make their designs more interesting or effective. In this post we will focus...

6 Common SVG Fails (and How to Fix Them)


Someone recently asked me how I approach debugging inline SVGs. Because it is part of the DOM, we can inspect any inline SVG in any browser DevTools. And because of that, we have the ability to scope things out and … 6 Common SVG Fails (and How to Fix Them) originally published...

fetch with Timeout


A few years back I wrote a blog post about how write a fetch Promise that times out. The function was effective but the code wasn’t great, mostly because AbortController , which allows you to cancel a fetch Promise, did not yet exist. With AbortController and AbortSignal available...

Collective #747


Conditional CSS * Typography Trends * Scrutch * Stylized Low Poly

:has is an unforgiving selector


A little thing happened on the way to publishing the CSS :has() selector to the ol’ Almanac. I had originally described :has() as a “forgiving” selector, the idea being that anything in its argument is evaluated, even if one or … :has is an unforgiving selector originally...

Faking Min Width on a Table Column


The good ol’ <table> tag is the most semantic HTML for showing tabular data. But I find it very hard to control how the table is presented, particularly column widths in a dynamic environment where you might not know how … Faking Min Width on a Table Column originally published...

Nahoru
Tento web používá k poskytování služeb a analýze návštěvnosti soubory cookie. Používáním tohoto webu s tímto souhlasíte. Další informace