Spring Sale! | Digging Into WordPress

🌻 Save 30% on our WordPress books with coupon code SPRING2023. Combine discount with any COMBO deals and save up to 50% on books. Shop books » 🌻 Bonus! Code SPRING2023 also good for 25% off all pro WordPress plugins, including BBQ Pro, Blackhole Pro, USP Pro, SAC Pro, and more. Shop plugins » Discount code expires June 26th, 2023 Source link

Read More

The Difference Between Taxonomies, Categories, and Tags (Oh My!)

A common question for new WordPress users is, “what’s the difference between categories and tags?” Like everyone knows what a “category” is, but the idea of “tags” can seem very similar. And then you throw in related WordPress concepts like “taxonomy”, and things can get confusing very quickly. But no worries, it’s really not that complicated. Let’s break it down.. Contents Taxonomies In WordPress, Taxonomies are used to organize posts.

Read More

Passkeys: What the Heck and Why? | CSS-Tricks

These things called passkeys sure are making the rounds these days. They were a main attraction at W3C TPAC 2022, gained support in Safari 16, are finding their way into macOS and iOS, and are slated to be the future for password managers like 1Password. They are already supported in Android, and will soon find their way into Chrome OS and Windows in future releases. Geeky OS security enhancements don’t exactly make big headlines in the front-end community,

Read More

Some Cross-Browser DevTools Features You Might Not Know | CSS-Tricks

I spend a lot of time in DevTools, and I’m sure you do too. Sometimes I even bounce between them, especially when I’m debugging cross-browser issues. DevTools is a lot like browsers themselves — not all of the features in one browser’s DevTools will be the same or supported in another browser’s DevTools. But there are quite a few DevTools features that are interoperable, even some lesser-known ones that I’m

Read More

Making Calendars With Accessibility and Internationalization in Mind | CSS-Tricks

Doing a quick search here on CSS-Tricks shows just how many different ways there are to approach calendars. Some show how CSS Grid can create the layout efficiently. Some attempt to bring actual data into the mix. Some rely on a framework to help with state management. There are many considerations when building a calendar component — far more than what is covered in the articles I linked up. If

Read More

Managing Fonts in WordPress Block Themes | CSS-Tricks

Fonts are a defining characteristic of the design of any site. That includes WordPress themes, where it’s common for theme developers to integrate a service like Google Fonts into the WordPress Customizer settings for a “classic” PHP-based theme. That hasn’t quite been the case for WordPress block themes. While integrating Google Fonts into classic themes is well-documented, there’s nothing currently available for block themes in the WordPress Theme Handbook. That’s

Read More

5 Mistakes I Made When Starting My First React Project | CSS-Tricks

You know what it’s like to pick up a new language or framework. Sometimes there’s great documentation to help you find your way through it. But even the best documentation doesn’t cover absolutely everything. And when you work with something that’s new, you’re bound to find a problem that doesn’t have a written solution. That’s how it was for me the first time I created a React project — and

Read More

Creating a Clock with the New CSS sin() and cos() Trigonometry Functions | CSS-Tricks

CSS trigonometry functions are here! Well, they are if you’re using the latest versions of Firefox and Safari, that is. Having this sort of mathematical power in CSS opens up a whole bunch of possibilities. In this tutorial, I thought we’d dip our toes in the water to get a feel for a couple of the newer functions: sin() and cos(). There are other trigonometry functions in the pipeline —

Read More

Creating a Clock with the New CSS sin() and cos() Trigonometry Functions | CSS-Tricks

CSS trigonometry functions are here! Well, they are if you’re using the latest versions of Firefox and Safari, that is. Having this sort of mathematical power in CSS opens up a whole bunch of possibilities. In this tutorial, I thought we’d dip our toes in the water to get a feel for a couple of the newer functions: sin() and cos(). There are other trigonometry functions in the pipeline —

Read More

Everything You Need to Know About the Gap After the List Marker | CSS-Tricks

I was reading “Creative List Styling” on Google’s web.dev blog and noticed something odd in one of the code examples in the ::marker section of the article. The built-in list markers are bullets, ordinal numbers, and letters. The ::marker pseudo-element allows us to style these markers or replace them with a custom character or image. ::marker { content: url(‘/marker.svg’) ‘ ‘; } The example that caught my attention uses an

Read More