The Auto Keyword and Repeat Notation in CSS Grid

Auto Keyword and Repeat Notiation

Welcome to the 6th tutorial in our series on the CSS Grid. Implementing CSS Grid will be one of the significant changes in Joomla 4.

In our previous tutorials on this popular technology, we covered the following topics:

  1. Everything Joomla Users Need to Get Started with CSS Grid
  2. How to use the Grid Inspector tool in Firefox
  3. The difference between Implicit and Explicit grids
  4. How to Use the Autoflow Property in CSS Grid
  5. Determining the Size of the Tracks in CSS Grid

In this tutorial, you’ll learn about the auto keyword to size tracks and the repeat syntax for creating track patterns in an abbreviated way.

Write comment (0 Comments)

Determining the Size of the Tracks in CSS Grid

Determining the Size of the Tracks in CSS Grid

Welcome to the 5th tutorial in our series on the CSS Grid. Relying on CSS Grid will be one of the major changes in Joomla 4.

Cassiopeia, the default frontend template for Joomla 4, was created with CSS Grid. Valentin, our lead designer, is working on converting our templates to Joomla 4 and he's constantly surprised at how much CSS Grid is being used in Joomla 4.

In our previous tutorials on this popular topic, we covered the following topics:

  1. Everything Joomla Users Need to Get Started with CSS Grid.
  2. How to use the Grid Inspector tool in Firefox.
  3. The difference between Implicit and Explicit grids.
  4. How to Use the Autoflow Property in CSS Grid.

In this tutorial, you will learn the different measuring units used in the CSS Grid specification.

Write comment (0 Comments)

How to Update Your Joomla 4 Alpha or Beta Test Site

How to Update your Joomla 4 Test Site

Are you testing Joomla 4 and would like to know how to update it from one Alpha or Beta version to another?

In this tutorial, we'll show you how to update your Joomla 4 Alpha or Beta to its latest release, even with no automatic update available.

Let's start...

Write comment (0 Comments)

How to Use the Autoflow Property in CSS Grid

How to Use the Autoflow Property in CSS Grid

Since we blogged that Joomla 4 will adopt CSS Grid, many Joomlashack readers expressed their interest in CSS Grid.

In our first few tutorials on this topic, we covered these topics:

In this post, we'll look at the Autoflow property of CSS Grid.

Write comment (0 Comments)

Understanding Explicit and Implicit Grids in CSS Grid

Understanding Explicit and Implicit Grids in CSS Grid

We recently wrote that Joomla 4 will adopt CSS Grid. This generated a really positive response from Joomlashack readers, many of whom are excited to use CSS Grid in Joomla.

So we decided to write some tutorials about the CSS Grid, helping everyone get up to speed.

If you haven't done so yet, please read our first two tutorials before reading this one:

  1. Learn the basics of CSS Grid
  2. Learn how to use the Firefox Grid Inspector

In this third article, we'll explain the difference between implicit and explicit grids. Understanding the difference is the key to successfully placing rows and columns with CSS Grid.

Write comment (0 Comments)

10 Tips for Creating a Great Charity Website with Joomla

10 Mistakes to Avoid Creating a Charity Website with Joomla

One of our customers embarked on building a charity website to support a good cause.

Joomla is a brilliant platform to build a site by yourself, even if you are not a designer and don't know any code.

In this blog post, you will look at 10 recommendations helping you to build a charity website.

Write comment (0 Comments)

Joomla Has an Excellent New Demo Site

How to Launch a Free Hosted Joomla Test Site

You really should try launch.joomla.org, the new demo system for Joomla sites.

In less than 60 seconds, you can create a test site for Joomla 3 and also Joomla 4! This really is the best way to test Joomla.

If you want to test a new extension, or check the progress of Joomla 4, then launch.joomla.org is a great option. 

Write comment (0 Comments)

How to Style Joomla Articles with Joomlashack Templates

styling articles

One of our template customers asked us how to style their Joomla articles.

Joomla is flexible enough for any beginner without coding skills to tweak an article style.

In this post, you will learn a few tips for styling your Joomla content.

Write comment (1 Comment)

OSDonate and PayPal Users: You Must Get an SSL Certificate with TLS 1.2

OSDonate and PayPal Users: You Must Get an SSL Certificate

If you're using OSDonate (or any software that integrates with PayPal), your site needs to use a valid SSL certificate with TLS 1.2 protocol starting Saturday, June 30.

PayPal has a post on their blog with details on this important change.

Here's the important section of the PayPal post:

Write comment (3 Comments)

All You Need to Know About Joomla and the GDPR

Joomla GDPR

The GDPR privacy laws come into force next week on May 25!

If you're new to the GDPR, we've got some reading resources at the bottom of this post.

In this guide, I'm going to focus on how Joomla is dealing with the GDPR.

The Joomla team aim to release a new version of Joomla 3. Originally, they were focused on Joomla 4 and had no plans to add more features to Joomla 3. But, the GDPR changes are considered important enough that there will be a GDPR-focused release: Joomla 3.9.

Write comment (4 Comments)