Our Blog

Ideas, inspiration, and insights

From the Evolving Web team

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) »

Empowering Universities With Large-scale Drupal Platforms Using Custom Upstreams

For higher education IT departments, it's a familiar scenario.   

Your team is in charge of managing hundreds of websites that support different mission-critical areas of your organization. You are responsible for updating the sites, keeping them all up and running, and optimizing their performance. Additionally, each site has its own small team updating content, creating new features, and working within the Drupal admin system. They are predominantly non-technical users, and reach out to your team whenever they need help.  

Read More about Empowering Universities With Large-scale Drupal Platforms Using Custom Upstreams »

Introducing Drupal 9, the Next Evolution of a Proven Web Platform

Today, we're excited to celebrate the launch of the most stable and mature version of Drupal to date. Drupal 9 is the culmination of the work of thousands of contributors around the globe, collaborating to create an innovative platform that's designed for everyone to use.

Read More about Introducing Drupal 9, the Next Evolution of a Proven Web Platform »

How to Use Alt Text and Accessible Images to Create Maximum Reach

Images play an important part in media and advertising. They can be very effective in creating a mood or feeling and are great at emotionally connecting with people. Websites are no exception. However, not all users are able to see the images on a website or may need accommodations to do so.

Read More about How to Use Alt Text and Accessible Images to Create Maximum Reach »

The New Drupal Logo: Just in Time for Drupal 9

As you might have heard, Drupal 9 is being released this Wednesday. There is a lot to celebrate, you’ll find evidence of Drupal 9 celebrations as teams prepare to upgrade to the new version of our favorite content management system. However, there is no distinct Drupal 9 logo to go with this release. Instead, a new evergreen logo will be used to represent all versions of the Drupal project and software. And there’s a good reason for that.

Read More about The New Drupal Logo: Just in Time for Drupal 9 »

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 »

What on Earth Is WCAG? Web Accessibility Guidelines Demystified

One can't utter the words web accessibility without mentioning the WCAG guidelines. They are a great resource, but trying to interpret them to make your website accessible can be intimidating. Fortunately, there are some great accessibility testing tools, such as WAVE, that can point out the problems. Great! Except when you try to use it and turn on an accessibility testing tool in your browser, you instantly find a sea of red and yellow warnings. Here's a list of 10 ways to increase web accessibility across the board, before you start wading through all the nitty gritty details.

Read More about What on Earth Is WCAG? Web Accessibility Guidelines Demystified »

Evolving Web Newsletter

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