New Videos for Joomlashack Members: Bootstrap 4

Bootstrap is the most popular design framework in the world. It's an HTML, CSS and Javascript framework that allows non-designers to create clean-looking websites and interfaces.

Joomla 4 will arrive with Bootstrap 4 in the core.

Bootstrap is popular because it provides a pre-built code that solves many of the tricky problems that slow down web projects.

The latest class for Joomlashack members, "How to Use the Bootstrap 4 Framework" is the perfect introduction for anyone who wants to start using Bootstrap. These videos will show you how to use Bootstrap 4's grid system and responsive features. You'll learn how to design menus, buttons, media, and text. You'll also see how to safely override Bootstrap's defaults with your own code.

If you are an Everything Club member, click here to start watching the class now.

Read more: New Videos for Joomlashack Members: Bootstrap 4

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