CSS Grid #8: How to Use Line Placing in CSS Grid

Line Placing in CSS Grid

Welcome to the 8th tutorial in our series on the CSS Grid. 

We are publishing this series because Joomla developers need to know about CSS Grid. The introduction of CSS Grid will be one of the significant changes in Joomla 4.

Read more: CSS Grid #8: How to Use Line Placing in CSS Grid

CSS Grid #7: How to Size Grid Items with the Span Keyword in CSS Grid

Welcome to the 7th tutorial in our series on the CSS Grid. 

We created this series because Joomla developers need to know about CSS Grid. The introduction of CSS Grid will be one of the significant changes in Joomla 4.

Here are the previous posts in this series:

  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
  5. Determining the size of the tracks
  6. The Auto keyword and repeat notation

Read more: CSS Grid #7: How to Size Grid Items with the Span Keyword in CSS Grid

CSS Grid #6: The Auto Keyword and Repeat Notation in CSS Grid

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.

Read more: CSS Grid #6: The Auto Keyword and Repeat Notation in CSS Grid

CSS Grid #5: 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.

Read more: CSS Grid #5: Determining the Size of the Tracks in CSS Grid

CSS Grid #4: 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.

Read more: CSS Grid #4: How to Use the Autoflow Property in CSS Grid

CSS Grid #3: 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.

Read more: CSS Grid #3: Understanding Explicit and Implicit Grids in CSS Grid

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.

Read more: 10 Tips for Creating a Great Charity Website with Joomla

Joomla Has an Excellent Demo and Test Site

Joomla Has an Excellent Demo and 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. 

Read more: Joomla Has an Excellent Demo and Test Site

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.

Read more: How to Style Joomla Articles with Joomlashack Templates

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:

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