Delicious

In this tutorial, you will find several jQuery methods that are used for testing whether the checkbox is checked based on the different versions you use.

On my posts page I have a selection of radio button options. I'm using them similar to how 'Categories' would work usually. I was wondering if it was possible for me to query a page of posts depending on which radio button was selected? For example, when I create a new post I have to […]

We don’t need to write everything from scratch every single time. With boilerplates and starter kits, we can set up our projects faster, and get to work immediately.

Blogs, landing pages, portfolios, documentation sites - start with ready-to-use templates

As awesome as flexbox is, what it’s doing under the hood is actually a little strange because, by default, it is doing two things at once. It first looks at the content size which is what we would get if by declaring width: max-content on an element. But on top of that, flex-shrink is also doing some work allowing the items to be smaller, but only if needed. Let’s break those two down and see how they work together.

One thing that can be just a smidge funky about the element is that, when open, it's not always 100% clear what is inside that element and

With HTML alone there is no way to disable a hyperlink (an element), and have it be both exposed as a “link” and as “disabled”. Now, setting ...

I was surprised to learn that custom taxonomies aren't added as body or post classes like categories and tags are. I'm sure this will be added in a future version of WordPress, but in the meantime I

I just finished giving a lightning talk at the wonderful CSS Conf Colombia covering Scroll-Linked Animations with CSS @scroll-timeline. Really enjoyed giving a talk again after all this time, especially with this great vibe they have going on and the afterparty in gather.town (skribbl FTW!). You can find the slides embedded below: Source materials for … Continue reading "Scroll-Linked Animations with CSS Scroll-Timeline (CSS Conf Colombia)"

By locking the perspective on the body element and transforming elements in 3D on top of that, you can easily create parallax scrolling effects that do...

Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.

Native Lazy Load to oEmbed iFrames in WordPress. GitHub Gist: instantly share code, notes, and snippets.

In this post I will show you the main web performance concerns I had while building my website and how a Jamstack architecture will help us solve them.

Don't use image carousels! Read this article to know about your image slider alternatives and how to use carousels the right way if you have no other choice.

Web Accessibility: What is it? For whom is it important? What can you do to improve the accessibilty of your website? Read it on our blog!

PPK laid out an interesting situation in "Two options for using custom properties" where he and Stefan Judis had two different approaches for doing the

Blocks in WordPress are great. Drop some into the page, arrange them how you like, and you’ve got a pretty sweet landing page with little effort. But what

Free fonts, free alternatives to premium fonts, done-for-you-research articles. Open startup.

Presentation Slides for Developers (Beta). Contribute to slidevjs/slidev development by creating an account on GitHub.

Debug or inspect webhook and API’s with httpdump. Create individual endpoints to test, debug or inspect your HTTP requests and Webhooks.

In this tutorial you’ll learn how to change the background color of a page randomly, using JavaScript. You’ll also learn how to modify your code to generate only pastel colors or dark colors.

Modern apps put high demands on frontend devs. Use serverless functions to avoid complexity & helps your team ship more with less stress.

Build faster websites with less client-side JavaScript

This is extremely fun. Jeff Lindsay has created Topframe, and writes: Anybody that knows how to mess around with HTML can now mess around with their

Tips and resources for learning how to match design colors for digital interfaces.

Web components promise speedier integration. At some level, I understood this. I've even made this exact point while advocating for them. And yet, what happened on a recent project surprised me.

Asset management and website performance optimization are two of those unavoidable headaches faced by every website owner.A digital asset management (DAM) platform can provide centralized asset repo

Instant image resizer for all web and social media formats with one click. Free photo resizer for multiple sizes at the same time for online, printing, ads...

Boring avatars is a tiny JavaScript React library that generates custom, SVG-based, round avatars from any username and color palette.