CSS Grid #20: Build a Teaser Gallery with Cards

CSS Grid #20: Build a Teaser Gallery with Cards

The card gallery is a popular design pattern on the web and you see them often in newspaper, magazine and online commerce sites, because of a number of reasons:

  • Cards can be adjusted to all screen sizes (responsiveness).
  • The information can be read and processed in an easy way.
  • Cards help the user focus on the detail.
  • Cards increase usability.

In this tutorial, you will learn how to use the CSS Grid to create a card based layout. Each card will have a teaser to a particular book. The layout will be by default responsive and without the use of media queries.

Let’s start!

Read more: CSS Grid #20: Build a Teaser Gallery with Cards

OSCampus Pro Has a New Theme Called Setoff

OSCampus Pro Has a New Theme

We are happy to announce that OSCampus now has a new theme called "Setoff". 

In this blog post, you will take a brief look at how to set it and at subtle changes it introduces to the OSCampus pathway and class pages.

Read more: OSCampus Pro Has a New Theme Called Setoff

How to Override Almost Anything in Joomla Extensions

A Few Thoughts on Asset Overriding in Joomla

Did you know what it is possible to override almost of the output from Joomla extensions and templates?

It's possible to override images, stylesheets, scripts, layouts, templates and much more. This support for overrides in Joomla enables you customize anything you install on your site ... so long as you know the correct approach.

In this blog post, I'll give you a quick guide to overriding extension displays.

Read more: How to Override Almost Anything in Joomla Extensions

10 Free Tickets to Meet Joomlashack at JoomlaDay Florida 2019

JoomlaDay Florida 2019

Are you sick of the long, cold winter? The absolute best remedy is a trip to sunny Tampa for JoomlaDay Florida 2019.

The event is being held in the fascinating Ybor City district of Tampa on February 22 to 24. 

As one of the co-sponsors of this event, we are giving away 10 free registration tickets.

Why not grab a free ticket and meet us in Tampa for JoomlaDay Florida?

Read more: 10 Free Tickets to Meet Joomlashack at JoomlaDay Florida 2019

How to Shorten Weekdays in JCalPro Monthly View

How to Shorten Sunday to Sun in JCalPro Monthly View

One of our customers asked how to switch the weekdays' format in JCal Pro monthly view from Sunday to Sun.

This shorter format will improve the JCal Pro monthly calendar view for small and mobile devices. In this blog post, I'll show you how to achieve this with Joomla Language Override technique.

Read more: How to Shorten Weekdays in JCalPro Monthly View

Joomlashack's 2018 Review and Thank You

Joomlashack's 2018 Review and Thank You

Thank you for your support of Joomlashack.

Joomlashack started in 2005, but our team took over the site in 2016. It's been a busy couple of years as we re-launched Joomlashack. 

The re-launch has been possible thanks to many of you. We really appreciate your support. 

Here's our recap of the good and bad in 2018 (If you're interested, here's 2016 and 2017). Hopefully this isn't a lame "everything is awesome" post. I'll try and give you honesty and insight into Joomlashack's year. Oh, and read down to the comments for a chance at a special prize!

Read more: Joomlashack's 2018 Review and Thank You

How to Create a Read More Link for a Single Joomla Article

How to Create a Read More Link for a Single Joomla Article

By default, the "Read More" button in Joomla doesn't display on a single article page. It's normally used for showing the first part of an article on blog pages.

However, one Joomlashack user asked us if it was possible to have a "Read More" link inside a single article. Yes, there is a workaround to make this possible.

In this blog post, I will show you how to create a Read More button using the Tabs and Sliders extension.

Read more: How to Create a Read More Link for a Single Joomla Article

How to Use JavaScript or PHP Code in a Joomla Article

How to Use JavaScript or PHP Code in a Joomla Article

Normally in a Joomla article, code such as Javascript or PHP will not work. This is for good security reasons. People could do a lot of harm if they were free to use these inside your articles.

However, many advanced users need to use such code. This tutorial will show you how to add a JavaScript or PHP code to a Joomla article.

Read more: How to Use JavaScript or PHP Code in a Joomla Article

Hide the Prev and Next Navigation Links in Joomla

Hide the Prev and Next Navigation Links in Joomla

If you create a list or blog in Joomla, you will often see navigation link at the bottom of the articles in that list or blog.

This "Prev" and "Next" links allow your site's visitors to navigate to newer or older articles.

One of our students was wanting to know how to remove the navigation options so we created this tutorial for them.

Read more: Hide the Prev and Next Navigation Links in Joomla

CSS Grid #19: Difference Between Grid Containers and Block Containers

Until now, in this series we have assumed that grid containers behave the same as block containers. But there are some subtle differences between them.

Being aware of those, will help you improve your development workflow. This tutorial will explain the differences between the Grid containers and regular block containers.

Read more: CSS Grid #19: Difference Between Grid Containers and Block Containers