Search
AR, VR, and a Model for 3D in HTML
27.1.2023
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,...
Animating CSS Grid (How To + Examples)
25.1.2023
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)...
Space Odyssey Loyalty Program by BitSpinCasino Dishes Out up to 15% Weekly Cashback & 300 Free Spins
23.1.2023
Get rewarded for reaching new levels in the loyalty program by playing games and earning loyalty points. Casino loyalty programs have evolved through the changing paradigm of the casino industry. Digitalization has provided the arena of chance-based gaming the mobility to fit right onto...
Getting Started With SvelteKit
23.1.2023
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...
More Real-World Uses for :has()
20.1.2023
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...
How to Transition to Manifest V3 for Chrome Extensions
19.1.2023
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
18.1.2023
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...
6 Common SVG Fails (and How to Fix Them)
17.1.2023
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...
WEF Predicts Metaverse Tech Will Change Industry First, Moving to the Consumer Space Later
17.1.2023
The World Economic Forum (WEF) has published an article predicting how metaverse tech will evolve and how it will be introduced in different sectors. For the organization, the biggest impact of the implementation of this tech will be observed in industrial environments, where it will contribute...
Authorities in Germany, Bulgaria, Serbia, Cyprus Take Down Crypto Scam Network
17.1.2023
Authorities in Germany, Bulgaria, Serbia, and Cyprus have taken down a cryptocurrency scam network in collaboration with Europol. “The suspects used advertisements on social networks to lure victims to websites covertly operated by the criminals, which offered seemingly exceptional investment...
:has is an unforgiving selector
11.1.2023
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
10.1.2023
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...
Best 10+ WordPress Themes to Consider in 2023
10.1.2023
This article features 12 of the best WordPress themes for 2023 that are designed to beautifully present content, engage visitors, and boost your brand's online presence
Styling Buttons in WordPress Block Themes
9.1.2023
A little while back, Ganesh Dahal penned a post here on CSS-Tricks responding to a tweet that asked about adding CSS box shadows on WordPress blocks and elements. There’s a lot of great stuff in there that leverages new features …
Styling Buttons in WordPress Block Themes originally...
World Economic Forum Believes Crypto Will Remain Key Technology
4.1.2023
The World Economic Forum (WEF) has reviewed what happened in 2022 in crypto, making several predictions about the future of the ecosystem. Dante Disparte, CSO of Circle, in an article published for the WEF, states that while 2022 has been a terrible year, the building blocks of the industry will...
Detect XR Support with JavaScript
2.1.2023
A few years ago I wrote an article about how to detect VR support with JavaScript. Since that time, a whole lot has changed. “Augmented reality” became a thing and terminology has moved to “XR”, instead of VR or AR. As such, the API has needed to evolve. The presence...
Media Draws Attention to Sam Bankman-Fried’s 2 Visits While on House Arrest
30.12.2022
After FTX co-founder Sam Bankman-Fried (SBF) was released on bail and traveled to his parent’s home in California, it has been reported that SBF was visited by the crypto advocate Tiffany Fong, and also the “Big Short” author Michael Lewis while he’s been on house arrest. Fong detailed...
Thank You (2022 Edition)
28.12.2022
You know, this is the time of year where Chris normally publishes a big ol’ reflection of the past year. The first one was published in 2007, the same year CSS-Tricks began, and it continued all the way through 2021…
Thank You (2022 Edition) originally published on CSS-Tricks, which...
2022 Roundup of Web Research
21.12.2022
We’ve started making a tradition of rounding up the latest front-end research at the end of each year. We did it in 2020 and again in 2021. Reports are released throughout the year by a bunch of different companies …
2022 Roundup of Web Research originally published on CSS-Tricks...
WordPress Playground: Running WordPress in the Browser
19.12.2022
Being able to quickly spin up a WordPress instance has been the strength of WordPress ever since its famous “five-minute install”. Upload a few files, configure a few settings, and you’re off.
The friction of uploading files has gotten …
WordPress Playground: Running...