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

Joomlashack Adopts the FocalPoint Mapping Extension

We are happy to announce that we agreed to adopt FocalPoint, the Joomla mapping extension.

FocalPoint is an excellent extension, originallly developed by John Pitchers. 

Over the last few years, we've made it clear that we're willing to adopt Joomla extensions. Whenever we've sent out that message, or announced an acquisition, people suggested Google Maps extensions to us. 

With other Google Maps extensions, we weren't able to contact the original developer. But, when a user suggested FocalPoint, we reached out to John. He was enormously helpful and encouraging. Plus, his design and coding work in FocalPoint was outstanding.

So, thanks to feedback from Joomlashack users, and John's help, we're going to adopt FocalPoint. The new name will be "Shack Locations".

Read more: Joomlashack Adopts the FocalPoint Mapping Extension

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