For Developers, Designers, and Makers.
In this article, we will look at the current state of accessibility in WordPress, and also talk about the number one reason accessibility is an issue for those using dated WordPress themes. And, then, we'll look at some of the best WordPress accessibility plugins that give you greater control over how accessible your website is for visitors that do need those assistive features.
This is a practical example of how you can create a gradient-like hover effect for links and buttons, using the transition property. First, let’s create our link button, and then style it. And then if we render that, this is going to be the outcome: Hover over me! The first thing we have to do […]
This snippet showcases how you can apply a gradient background to a container and animate it using @keyframes. Example Container Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam ornare aliquet purus ut bibendum. Maecenas luctus cursus sem nec luctus. Aliquam ut risus quis ante tempor accumsan. Integer fermentum odio scelerisque, semper orci a, cursus […]
This is a collection of various snippets that relate to converting Objects to JSON format using the JSON.stringify(); method. We’ll look at ways to do this for an entire constant, but also learn how to specify the exact values we want to convert into JSON format. Let’s start with the most basic example. Convert Object […]
In this tutorial, we’ll learn how to use the JavaScript’s addEventListener method to create a tooltip (hover effect) for your element of choice. This can be done with CSS also using the attr() property, which I have talked about in my CSS tricks article. In this context, “with JavaScript” means that we use JavaScript to […]
In this snippet, we’re going to be exploring the addEventListener method together with the keyup event. And as for the example itself – we will create a simple input field and a button, and then use addEventListener together with a custom function to change the state of the button. The state will change from disabled […]
CSS Variables are pretty much the gold standard in building designs from scratch, which has been further amplified by having variables integrated as part of popular CSS libraries and frameworks. So, the following snippet is really about using document.querySelector – selecting the specified style, querying the variable, and then changing the value based on addEventListener. […]
I guess the time has come for me also to say my piece. That piece will be about Elon Musk and his acquisition of Twitter. His first acts as CEO, and more. On October 28th, 2022 – the Twitter takeover was complete. And on the very same day, my Twitter feed suddenly started to look […]
React is the leading front-end framework, and continues to dominate the web development landscape. In this article, you'll find more than a dozen of the best React component libraries. The focus is primarily on complete libraries and kits, many of which include a design system. This way, you can choose one and begin working on a large-scale project from day one.
This article compares and reviews the most popular web hosting solutions for WordPress websites. Our review covers the pros and cons of each platform, as well as highlights their strengths and weaknesses. We will also explore customer support, security, and noteworthy features. The hosting solutions we have covered are for all budget ranges: affordable, professional, and agency.
This article answers one simple question - how come there aren't any (or very few for that matter) explicit component libraries for Next.js? The short answer: React.
Landing pages range from simple personal projects like portfolios and extend to full-scale marketing sites capable of personalized onboarding experiences. This article covers landing page builders from personal to business needs.