AR, VR, and a Model for 3D in HTML

Tucked down somewhere in the Safari Technology Preview 161 release notes is a seemingly innocous line about support for a new HTML element and attribute: Added support for <model src> and honor <source type> attributes (257518@main) Anytime I … AR, VR, and a Model for 3D in HTML originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter.

Read more
AR, VR, and a Model for 3D in HTML
Animating CSS Grid (How To + Examples)

Animating CSS Grid (How To + Examples)

I’m pleased to shine a light on the fact that the CSS grid-template-rows and grid-template-columns properties are now animatable in all major web browsers! Well, CSS Grid has technically supported animations for a long time, as it’s baked right … Animating CSS Grid (How To + Examples) originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter.

How To Fix “Blocked by page removal tool” in Google Search Console

How To Fix “Blocked by page removal tool” in Google Search Console

“Blocked by page removal tool” is a Google Search Console status. It means that your page is indexed, but it […] The post How To Fix “Blocked by page removal tool” in Google Search Console appeared fi…

Getting Started With SvelteKit

Getting Started With SvelteKit

SvelteKit is the latest of what I’d call next-gen application frameworks. It, of course, scaffolds an application for you, with the file-based routing, deployment, and server-side rendering that Next has done forever. But SvelteKit also supports nested layouts, server mutations … Getting Started With SvelteKit originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter.

“Blocked by robots.txt” vs. “Indexed, though blocked by robots.txt”: Differences and How To Fix Them

“Blocked by robots.txt” vs. “Indexed, though blocked by robots.txt”: Differences and How To Fix Them

“Indexed, though blocked by robots.txt” and “Blocked by robots.txt” are Google Search Console statuses. They indicate that the affected pages […] The post “Blocked by robots.txt” vs. “Indexed, though …

More Real-World Uses for :has()

More Real-World Uses for :has()

The :has() pseudo-class is, hands-down, my favorite new CSS feature. I know it is for many of you as well, at least those of you who took the State of CSS survey. The ability to write selectors upside down … More Real-World Uses for :has() originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter.

How To Fix “Page indexed without content” in Google Search Console

How To Fix “Page indexed without content” in Google Search Console

“Page indexed without content” is a Google Search Console status. It means that you published an empty page or that […] The post How To Fix “Page indexed without content” in Google Search Console appe…

How to Transition to Manifest V3 for Chrome Extensions

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 originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter.

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

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 published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter.

6 Common SVG Fails (and How to Fix Them)

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 on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter.

Lunuc

A full-stack framework for building applications

Learn more about lunuc

Get in touch