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

Introducing the New Joomla 4 Administrator Template

Introducing the New Joomla 4 Administrator Template

A few months ago, we wrote about the proposed design for the Joomla 4 administrator template.

The Joomla team is now making progress in turning that design into code. 

In this post, I'll show you the current state of the Joomla 4 admin template, which is called Atum. Keep in mind that the current version is Alpha 4, which means we don't even have a Beta version available yet. A lot will change before the final release.

Read more: Introducing the New Joomla 4 Administrator Template

OSDownloads is Now Integrated With AcyMailing

OSDownloads Joomla extension

OSDownloads is a great way to store and share files in Joomla. It also allows you to build email lists. You can request email addresses and other details from visitors before they can download your file. This email collection feature of OSDownloads is what you see when you download any free extension here at Joomlashack.

You can also connect OSDownloads to newsletter services so you can send emails to those visitors. OSDownloads supported Mailchimp and Constant Contact. Now it also supports AcyMailing, the Joomla newsletter extension.

In this post, I'll show you how the new OSDownloads Pro and AcyMailing integration works.

Read more: OSDownloads is Now Integrated With AcyMailing

Joomlashack Adopts the Extensions of Pixpro Labs

Joomlashack Has Adopted the Extensions of Pixpro Labs

Over the last 13 years, Joomlashack has built popular and powerful extensions and templates for Joomla.

In addition to building our own products, we've also acquired them from other developers. In recent years, we've adopted 6 extensions: JCal Pro, jInbound, Shack Forms, Shack Toolbox, Shack Open Graph, and Tabs and Sliders.

We think that adopting extensions is a win for everyone. In the past, developers had limited options if they wanted to stop work on their extensions. If they made an official announcement, they had to deal with unhappy users. To avoid this, sometimes the developers would just disappear. In contrast, a smooth adoption leads to a great outcome for the developers, users ... and Joomlashack customers.

Read more: Joomlashack Adopts the Extensions of Pixpro Labs

5 New Extensions Coming to Joomlashack From Pixpro

5 New Extensions Coming to Joomlashack From Pixpro

Joomlashack has agreed to acquired the extensions developed by Pixpro Labs in Sweden.

You can read the full announcement here at Joomlashack and at the Pixpro site.

In this post, we'll give you an overview of all the exciting new extensions that are coming to Joomlashack.

Read more: 5 New Extensions Coming to Joomlashack From Pixpro

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

Videos to Get You Started With Joomla Development

Videos to Get You Started With Joomla Development
How do I get started with building Joomla extensions?

That's a common question we get from people who join OSTraining for the first time. They want to know about the skills they will need, and what kind of classes they should take.

Here's an overview of everything you need to get started with Joomla development.

Read more: Videos to Get You Started With Joomla Development

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

CSS Grid #2: How to Use the Firefox Grid Inspector with CSS Grid

How to Use the Firefox Grid Inspector with 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 read our first tutorial yet, head over tolearn the basic of CSS Grid.

This second tutorial expands on that first article. Now that you know the basics, let's show you how to use the Grid Inspector tool in Firefox. We'll also explain the difference between implicit and explicit grid.

Read more: CSS Grid #2: How to Use the Firefox Grid Inspector with CSS Grid