How to Put Your WordPress Site in Maintenance Mode

Posted by: . Posted on: March 18, 2025 Comments: 0

There are times when you need to temporarily take your WordPress site offline, whether for updates, troubleshooting, or redesigns. Instead of displaying a broken or unfinished site, maintenance mode allows you to show visitors a professional message while you work behind the scenes. Unlike a regular page, a maintenance page uses the 503 standard HTTP status code, which tells search engines the downtime is temporary and prevents SEO penalties. In…

READ MORE

Transitioning Top-Layer Entries And The Display Property In CSS

Posted by: . Posted on: January 29, 2025 Comments: 0

Transitioning Top-Layer Entries And The Display Property In CSS Transitioning Top-Layer Entries And The Display Property In CSS Brecht De Ruyte 2025-01-29T10:00:00+00:00 2025-03-19T12:04:52+00:00 Animating from and to display: none; was something we could only achieve with JavaScript to change classes or create other hacks. The reason why we couldn’t do this in CSS is explained in the new CSS Transitions Level 2 specification: “In Level 1 of this specification, transitions…

READ MORE

New Front-End Features For Designers In 2025

Posted by: . Posted on: December 31, 2024 Comments: 0

New Front-End Features For Designers In 2025 New Front-End Features For Designers In 2025 Cosima Mielke 2024-12-31T12:00:00+00:00 2025-03-19T12:04:52+00:00 Component-specific styling, styling parents based on their children, relative colors — the web platform is going through exciting times, and many things that required JavaScript in the past can today be achieved with one simple line of HTML and CSS. As we are moving towards 2025, it’s a good time to revisit…

READ MORE

An Introduction To CSS Scroll-Driven Animations: Scroll And View Progress Timelines

Posted by: . Posted on: December 11, 2024 Comments: 0

An Introduction To CSS Scroll-Driven Animations: Scroll And View Progress Timelines An Introduction To CSS Scroll-Driven Animations: Scroll And View Progress Timelines Mariana Beldi 2024-12-11T15:00:00+00:00 2025-03-19T12:04:52+00:00 You can safely use scroll-driven animations in Chrome as of December 2024. Firefox supports them, too, though you’ll need to enable a flag. Safari? Not yet, but don’t worry — you can still offer a seamless experience across all browsers with a polyfill. Just keep in mind that adding a…

READ MORE

The Importance Of Graceful Degradation In Accessible Interface Design

Posted by: . Posted on: December 6, 2024 Comments: 0

The Importance Of Graceful Degradation In Accessible Interface Design The Importance Of Graceful Degradation In Accessible Interface Design Eleanor Hecks 2024-12-06T09:00:00+00:00 2025-03-19T12:04:52+00:00 Graceful degradation is a design approach that ensures the basics of a website will still function even if specific individual parts of it stop working. The approach removes single points of failure: just because one thing stops working doesn’t mean the system as a whole fails. A site…

READ MORE

How to Handle HTTP Requests in Flask

Posted by: . Posted on: October 25, 2024 Comments: 0

In our previous article, we covered how to create simple pages in Flask and use Jinja2 as the templating engine. Now, let’s explore how Flask handles requests. Understanding how HTTP requests work and how to manage them in Flask is key, as this allows you to build more interactive and dynamic web apps, such as building a form, API endpoints, and handling file uploads. Without further ado, let’s get started.…

READ MORE

What’s New in JavaScript (2024)

Posted by: . Posted on: October 24, 2024 Comments: 0

JavaScript continues to grow and evolve. While new libraries are important, there’s much more happening. The language itself is improving, there’s a lot going on in the community, and the tools are rapidly advancing. Let’s take a look at what’s new in JavaScript. Vue.js Creator’s New Company Raises $4.6M to Build Better JavaScript Tools Evan You, who created the popular Vue.js framework, has launched a new company called VoidZero. The…

READ MORE

How to Render Templates in Flask

Posted by: . Posted on: October 22, 2024 Comments: 0

Flask is a lightweight web framework for Python that makes it easy to build web applications. In our previous article, we’ve seen how to set up a simple page. But, it’s just a simple text like “Hello Flask!”. In real applications, you’ll want to render more than just simple text. You’ll want to render HTML templates. In Flask, we can do so with Jinja. Jinja One of its powerful features…

READ MORE

How to Create a WordPress Settings Page with React

Posted by: . Posted on: October 21, 2024 Comments: 0

While building some plugins, I figured creating dynamic applications in WordPress Admin is much easier with React components compared to using PHP and jQuery like back in the old days. However, integrating React components with WordPress Admin can be a bit challenging, especially when it comes to styling and accessibility. This led me to create Kubrick UI. Kubrick UI is a React-based library offering pre-built, customizable components that seamlessly integrate…

READ MORE

CSS min() All The Things

Posted by: . Posted on: October 17, 2024 Comments: 0

CSS min() All The Things CSS min() All The Things Victor Ayomipo 2024-10-17T10:00:00+00:00 2025-03-19T12:04:52+00:00 Did you see this post that Chris Coyier published back in August? He experimented with CSS container query units, going all in and using them for every single numeric value in a demo he put together. And the result was… not too bad, actually. See the Pen [Container Units for All Units [forked]](https://codepen.io/smashingmag/pen/ExqWXOQ) by Chris Coyier.See…

READ MORE