Big Updates to BuildAModule (and Some New Videos)

WHEW!

It's been a busy few months, and I'm finally to a point where I get to show you some of what I've been up to, though there's still a good bit more coming down the pikes that I'm also pretty excited about.

Most of what I've been focused on is re-writing the BuildAModule code base so that it's vastly more sustainable - a task I pretty much have to enjoy by myself - but along the way I've also been able to make some changes to the BuildAModule user experience that you've been requesting for a long time. Here we go:

Pay with PayPal

Finally, right? For those of you without US credit cards, I'm really sorry that it's taken so long to support PayPal. But here it is. PayPal support for any form of membership, with recurring billing and everything.

Share your membership

In the past, you would have to purchase a membership with 2 or more seats to get the ability to reassign those seats to other users. I've opened this up for single-seat memberships, which has a couple of neat implications.

First of all, if you're responsible for purchasing a membership but you won't be the one using it, you can keep the purchasing account and user account completely separate. Second, if you want to share your membership with someone else while you're not using it, you can do that! You can also easily purchase memberships for other people as gifts. These are all things that have been requested by members, and I'm very happy to actually have a solution for you now.

Multiple membership support

In the long ago times, you could only purchase a single membership per account. Now you can have as many as you need. This is particularly useful for institutions like universities where there will be a single entity managing all memberships, but billing schedules will be different. Each membership can also have multiple seats, making it super flexible.

Improved onboarding videos with Linux

I've added a new collection called Setting Up a Web Environment With Drupal. This collection streamlines the process of getting a web environment set up locally, with or without Drupal. I've archived a number of legacy introductory videos to further speed up the process of getting started.

And Linux! For those of you nerds out there showing me up with your crazy 'how do I do this on Linux' questions, I finally bit the bullet and learned enough about Linux to demonstrate a fairly painless way to get a web server and Drupal installed. Happy now? ;)

Video re-organization

I've also removed the Appendix collection and merged the Working With Files and the Files API collection with Drupal 7 Development Core Concepts. Again, I'm just trying to simplify the organization of videos on the site and remove any cruft that you don't really need in your way.

HTTPS on all pages

I didn't realize how much work it is to add a single s to all URLs on a site, but BAM! It's done. Now instead visiting pages on http://buildamodule.com, it's https://buildamodule.com. Exciting, yeah? The payoff is that wherever you are on BuildAModule, the data you send and receive is encrypted and secure. That's cool for you when you log in or make orders, and for me, it means that I can do fancy stuff to make BuildAModule operate more like an app and less like a website with beaucoup page refreshes. I guess that's also cool for you, too.

Improved account page, checkout and navigation

You may have noticed some differences if you've been to the site lately. I've pushed these changes silently and slowly to make sure there weren't any major issues before announcing them. But there they are! I hope you think the rotating loading graphic on the account page is amazing. I've had dreams about doing that for years.

Easter egg

From what I understand, the point of an easter egg is that you get to find it on your own, and then you're excited because you're part of some elite group that has managed to uncover a secret that the regular folk don't have the patience or time for. But, I just don't know if my easter egg is noteworthy enough to even make viewers realize they just saw it. I've never had time to make an easer egg before, so I'm experiencing a lack of confidence in this area. However, it took me a stupidly long time to make, so I'm mentioning it here.

Since I haven't told you what it is, I hope it still counts, and that you get a sufficient intrinsic reward from discovering it.

More to come

I'm about halfway through another round of updates that I think will be even more exciting to you learners out there. Know that I'm downstairs in my basement office working my butt off to get it to you as soon as I can. So stay tuned!

New videos?

Of course. This week I'm releasing 10 new videos on how to style Flexslider, one of the most commonly used components for responsive slideshows. This is part of the Front End Development collection, where we walk through the process of creating a responsive template using a modern approach.

How to adjust Flexslider settings with some simple JavaScript New!

How to adjust Flexslider settings with some simple JavaScript

We haven't adjusted any of Flexslider's settings, but there's a lot of customization that's supported right out of the box. In this video we make a small adjustment to keep our slides from continually scrolling as we work.

How to change the size of the Flexslider next and previous icons New!

How to change the size of the Flexslider next and previous icons

In a previous video we replaced out our Flexslider icons, and in this one we adjust the size so that they match the mockup.

How to adjust the position, color and shadow on the Flexslider next and previous navigation New!

How to adjust the position, color and shadow on the Flexslider next and previous navigation

Here we continue on our journey to get Flexslider to match our mockup, adjusting a few CSS bits in the icon navigation.

Moving the styles for our next icon from the browser to permanent code New!

Moving the styles for our next icon from the browser to permanent code

So far we've been playing with our Flexslider CSS in the browser, where we can play with the code in relative safety. Here we move the files over to a permanent location.

Styling our previous slideshow icon and troubleshooting spacing New!

Styling our previous slideshow icon and troubleshooting spacing

Our "next" navigation icon is looking pretty snazzy, but we need to adjust some styles in our "previous" icon to get it to look right. Here we play with some adjustments to the CSS.

How to hide the text of an anchor element by using a fixed width New! (This one's FREE!)

How to hide the text of an anchor element by using a fixed width

Earlier in the series we alluded to a method where you could include text in an anchor tag but hide the text visually. Flexslider uses one such method which is good to see in action.

Using negative margin to position our slideshow's previous icon New! (This one's FREE!)

Using negative margin to position our slideshow's previous icon

In this video we figure out how to adjust the position of our previous icon to get it aligned similarly to what we see in the mockup.

How to adjust the position of the slider page navigation New! (This one's FREE!)

How to adjust the position of the slider page navigation

Now that we've gotten the previous and next buttons styled, the next glaring feature of our slider that needs adjustment is the pagination elements at the bottom. Here we tackle re-positioning it over the slideshow content.

How to set Flexslider to not cycle automatically New! (This one's FREE!)

How to set Flexslider to not cycle automatically

Because our slideshow keeps rotating through content, it's making it a challenge to edit the CSS of the slides in Chrome's DevTools. Here we figure out how to stop the cycle once and for all.

How to modify the look of the Flexslider pagination with CSS New! (This one's FREE!)

How to modify the look of the Flexslider pagination with CSS

Our Flexslider pagination is in place, but it's totally hidden due to poorly contrasting colors. In this video we adjust the colors so they pop out over the dark background.

Add to playlist

Add to , or

Add to new playlist:

Add to playlist
This is a member-only feature
But, it's easy to become a member

Add to cart:


Loading...
Contact us

Below are the supported keyboard shortcuts for our video player.

space
Start / stop video
shift
Go to next video
shift
Go to previous video
Increase or decrease player speed by 20%
Skip ahead or go back by 15 seconds
1...9
Jump to a percentage (2 is 20%, for example)
f
Toggle full screen
Videos Pricing More Search
BuildAModule Logo Icon BuildAModule Logo Icon
Become a member!
$29
1 month
$156
6 months
10% off
$276
12 months
20% off
All memberships come with the following:
24 / 7 access to the entire 1800+ video library
An innovative video player with a rolling transcript
Extensive Drupal and cross-platform training
A thorough and thoughtful training style
Progress tracking
Take notes on specific video sections
Intuitive multi-user management
How many users?
user
Go solo with a single user, or give multiple team members access through one account and get discounts by bundling multiple users into a single membership.