Community Magazine

The CSS :has() pseudo-class is often called the long-awaited “parent selector” in CSS, enabling developers to style elements based on their children or siblings.

Gradients are powerful for adding depth, highlights, or visual interest to backgrounds, buttons, and overlays. All with pure CSS. Head over to your user.css and spice up your Joomla website!

Is it possible to create a timeline using only Joomla core? You probably already know the answer: yes, with a little override and a few lines of CSS ;-). This article explains how to do it using the Articles Module in Joomla. See it in action here: Joomla Milestones 2005-2025.

In the September Issue of the Magazine I started a new CSS Series with short explanations of modern CSS properties and functions. Today’s article is about Subgrids.

Long blocks of text can be difficult to read, especially on a screen. Readers are more likely to stay engaged when text is broken up with images, spacing, or other design elements.

Long blocks of text can be difficult to read, especially on a screen. Readers are more likely to stay engaged when text is broken up with images, spacing, or other design elements.

When we're busy with deadlines and to-do lists, it can be difficult to keep up with new technologies. CSS has evolved dramatically in recent years, and it's not always easy to keep up with the latest developments.

In this article (perhaps it will become a series), I want to focus on a change that makes code easier and more flexible to write, especially for multilingual websites.

As elements are added to a stylesheet, keeping colours consistent throughout a project can be tricky. CSS functions are available to speed creation of colour variations and quickly implement changes when needed.

Animations can make a website more engaging and where it’s related to a brand or product it can make the visit more memorable.

Utility Classes in CSS from UIKIT or Bootstrap

Not all templates use the same framework or provide for the same level of customisation, and while I like to use a certain template / pagebuilder to do the job of styling and shaping websites I create, not all developers go down the same route.

No Overrides: Four creative ways to modify your content using CSS grid

In this article I will show you how to modify the blog layout and the articles module in Cassiopeia (or any other template that is using the core views) without overrides, just by applying CSS grid layout.