CSS Grid #9: How to Layer Items Inside a CSS Grid

Layering Items within a CSS Grid

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

We are presenting this series to help Joomla developers learn about CSS Grid. The introduction of CSS Grid will be one of the major changes in upcoming Joomla 4.

Read more: CSS Grid #9: How to Layer Items Inside a CSS Grid

Shack Search is Now Available Here at Joomlashack

I'm delighted to say that Shack Search is now available. 

Shack Search is a free extension that improves your Joomla search box. Your visitors can get instant search results. Instead of clicking the "Search" button and waiting for the page to slowly reload, Shack Search provides instant results as you type. 

Shack Search is the first of several extensions we'll be launching as part of our deal with PixPro Labs.

Read more: Shack Search is Now Available Here at Joomlashack

New Feature in OSDownloads: Custom Fields in Notifications

OSDownloads Pro New Feature

We are happy to announce that we implemented a new feature in OSDownloads Pro 1.13.3.

OSDownloads supports Joomla's custom fields in two ways: you can use fields to show more information about your downloads, and to collect more information from your visitors.

Starting from this release, you can get notified about that information you collect from visitors.

Read more: New Feature in OSDownloads: Custom Fields in Notifications

How to Add Custom Javascript to Wright

How to Add Custom Javascript to Wright

Are you looking to add custom Javascript to the Wright framework?

Wright and the rest of our templates now have support for your own custom Javascript.

If you use Wright version 3.6.5 or newer, you can add your Javascript using a custom.js file.

In this tutorial, we'll show you how this new feature works. In this guide, we'll use a recent customer requested. They wanted way to set the same height all for the modules in a single module position.

Read more: How to Add Custom Javascript to Wright

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

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