Tutorial

HTML Ordered List Tricks Tutorial

During a recent Web Fundamentals training, I was showing students how to make lists of content. If you've written any HTML before, you've likely used the <ul> tag to create an unordered bullet list.  

After showing the class how to do this, I showed them the less frequently used <ol> tag, which creates an ordered list, like so:  

Read More about HTML Ordered List Tricks Tutorial »

Building Accordions With the HTML5 Details Tag (No JavaScript Needed)

Use the web for a short amount of time and you'll no doubt bump into an accordion, one of those collapsible elements that, when clicking on the title, opens up to reveal more information. Click the title again, and it closes back up.  

If you're a web developer, you've also probably had to code one of these, myself included. There are a few different ways you could build this, but I recently learned that there's a way built right into HTML5! But first, let's take a look at the ways I (and probably you) have done this before.  

Read More about Building Accordions With the HTML5 Details Tag (No JavaScript Needed) »

Custom Sorting in Drupal Tutorial

In a recent Drupal training, I got a question about a replacement for the Drupal 7 Nodequeue module for Drupal 8 and other future versions. What this module allowed you to do was sort your content in whichever order you preferred. In Drupal, we make lists of content using Views and out of the box, and we have the ability to sort this content in different ways, such as date created, date updated, and alphabetically. But what if I want a list of content sorted in whichever order that I want? In this video tutorial, I'll show you two different methods of custom sorting.

Read More about Custom Sorting in Drupal Tutorial »

Layout Basics With Flexbox

I first started learning HTML in the early 2000s from a library book. At this time, our house didn't even have a dial-up connection, much less a high-speed Internet hookup. In the book, I learned how to lay out my website using tables.  

Depending on your age, you may nod your head in nostalgic agreement or chuckle and say, "Nah, they didn't do that. Tables aren't meant to do that."
  

Read More about Layout Basics With Flexbox »

How to Set Up BLT and GitLab CI to Work with Pantheon Hosting (Part 2)

This is Part 2 of our article on how to tweak BLT so that it can work with Pantheon. If you want more information about BLT, Pantheon, and our setup, go to Part 1. In this part of the article, we'll go into the details of setting up the CI/CD system in a Drupal project with BLT and GitLab CI.  

Read More about How to Set Up BLT and GitLab CI to Work with Pantheon Hosting (Part 2) »

How to Set Up BLT and GitLab CI to Work with Pantheon Hosting (Part 1)

This article will help you make tweaks so that BLT can work with Pantheon. In Part 1, we'll give you an overview of Acquia BLT, Pantheon, CI/CD pipelines and the other parts that make up the system and explain why they're important. We'll introduce a simple use case and set the groundwork for the implementation of the setup in Part 2.

Read More about How to Set Up BLT and GitLab CI to Work with Pantheon Hosting (Part 1) »

Speed Up Front-end Development with Drupal UI Patterns

Why create and style something twice if you can do it once? This is one of the guiding principles behind programming. The Drupal UI Patterns module brings component-driven development to Drupal. This means that you create a component once and then reuse it anywhere on your site.

Read More about Speed Up Front-end Development with Drupal UI Patterns »

How to Create a Custom Views Argument Plugin in Drupal 8

When you're building a site, it's standard to set up "pretty URLs". For example, we'd rather see /catalog/accessories than /taxonomy/term/18 and we'd rather see /about-us than /node/19. With Drupal, we use the Pathauto module to configure these types of standard content paths. But in some cases, there's no option to create a nice URL pattern, so we end up seeing those URLs.

Read More about How to Create a Custom Views Argument Plugin in Drupal 8 »

Evolving Web Newsletter

Sign up for tutorials, best-practices and insights, plus info about our acclaimed Drupal Training series.