How to create a timeline in Joomla

How to create a timeline?

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.

  1890 Hits

CSS Shorts: Subgrid

CSS Shorts – Subgrids

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.

  753 Hits

Wrapping Text Around Irregular Shapes in Joomla

Wrapping Content around irregular shapes

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.

  3056 Hits
Tags:

CSS Shorts: Logical Properties

CSS logical properties

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.

  3066 Hits

Building color palettes with: CSS color-mix()

Building color palettes with CSS

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.

  1331 Hits

Animate Your Page Transitions With CSS

CSS for page transitions

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

  2591 Hits

Utility classes in CSS ie from UIKIT or Bootstrap

Utility Classes in CSS from UIKIT or Bootstrap 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.

  1371 Hits

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

No Overrides: Four creative ways to modify your content using CSS grid 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.

  2266 Hits

How to create a full screen photograph home page

full-screen-photo-homepage

Everything I am going to show here could have been done by creating my own template but as I wanted to ensure that it would be future proof I have done it with CSS, a tiny bit of javascript, and existing Cassiopeia template options. 

  1906 Hits

Collapsible sections with Bootstrap

2024---JCM-collapsible-bootstrap

Do you have pages with a lot of content, or do you want to create a page where the visitor can decide for themselves which info they’d like to see (like an FAQ page)? An accordion is perfect for that. The visitor gets an overview of the topics, clicks on the interesting ones and the content gets revealed. And the good part is: you don’t need an extension for this, you can do it with a little tweaking - creating an override - of one of Joomla’s core views. Here’s how you do it!

  1697 Hits

By accepting you will be accessing a service provided by a third-party external to https://magazine.joomla.org/