Matt Lambert

Check out my blog, or sign up to receive articles by email.

How to Use CSS Inheritance with Bootstrap

By admin on February 16th, 2015 in Bootstrap

Today I’m going teach you how to use simple CSS inheritance. Will grab the Bootstrap framework and create some custom styles. In this case, I’ll show you how to overwrite the default Bootstrap button colors. If you’d like to skip ahead to the final code, you can view a fiddle over at:

View the final code

Continue Reading →

Bootstrap Themes Made Easy Free Email Course

By admin on January 7th, 2015 in Bootstrap

Today I launched a landing page for my newest Bootstrap product. It’s a free email course called Bootstrap Themes Made Easy. The course is a step-by-step guide how to develop a Bootstrap theme.

Did you check out Booterator from my post from last week? I’ll be going through the steps to build an environment like that then generate a theme. My plan is to release the course in March and the best part is that it will be free! Check out the landing page to learn more and register now.

Register for Bootstrap Themes Made Easy

Booterator theme generator for Bootstrap

By admin on December 30th, 2014 in Bootstrap

I’m always looking for ways to improve my workflow and a couple months ago I was looking for a site generator that I could integrate with Bootstrap. The problem I faced was maintaining a really large website and I didn’t want to update tons of templates every time a change was made. Enter Harp.js which is a static site generator built to run on Node.js. Without getting overly technical, Node provides a JavaScript based web server to compile and run your project locally. Harp will also compile a vanilla version of your project that you can then upload to a public web server or distribute to customers.
Continue Reading →

CardeoPress WP Theme with Bootstrap

By admin on July 22nd, 2014 in Bootstrap

When I was working on writing Mastering Bootstrap, I bounced around the idea of including a chapter on WordPress. I ultimately decided not to include it because I really wanted to focus on theming and not cloud the picture with WordPress. After releasing the book, I still had WordPress on the brain and decided to put together a starter theme that includes Bootstrap integration.

The theme is named CardeoPress and you can download it for free from Github. In the near future, I plan to write a blog post(s) on how to create a simple theme and apply a Bootstrap theme to it. Keep your eyes open for that and feel free to hit me up on Twitter if there are any other topics you’d like to see me cover.

Mastering Bootstrap – The complete guide to creating Bootstrap 3 themes. Learn More →

Speed up Bootstrap Theming with a Library of LESS Variables

By admin on July 20th, 2014 in Bootstrap

If you love Bootstrap but get frustrated with the amount of work it takes to create a theme, you need to dive into LESS. It’s super easy to setup a library of LESS variables and mixins, include it in your base stylesheet, and use it throughout your CSS. The trick is to select a list of global properties that are regularly used throughout your theme. You want to consider things like: colors, backgrounds, typography, links, borders, margin and padding. Those seven categories make up a large percentage of the values that you regularly change in a stylesheet. If you can setup a relative system, using variables, then you only need to edit your library file and not the entire CSS theme.

Continue Reading →

Creating Full Width Layouts in Bootstrap

By admin on July 2nd, 2014 in Bootstrap

The goal of this post is to start getting you to think differently about the types of layouts you can achieve with Bootstrap. You aren’t restricted to using the basic grid out of the box. It’s a good idea to think outside of the .container class to achieve different types of layouts for your page templates. Below, I go through a couple of examples on how you can do this by creating full width page elements.

Continue Reading →

Guest Post on BootstrapBay

By admin on June 25th, 2014 in Bootstrap

I was lucky enough to have a guest post published yesterday on BootstrapBay. The post is titled Take the Pain out of Bootstrap Theming with LESS, and covers how to start using LESS in your Bootstrap themes.

If you find this post useful, you should check out an eBook I’ve written called Mastering Bootstrap. This post is taken from my initial draft work and is a sample of what you can expect in the final book which will be released on July 8th. Sign up the for newsletter to get notified when the book is available.

Guest Post on eWebDesign.com

By admin on May 6th, 2014 in Bootstrap

I was lucky enough to have the good people at eWebDesign.com allow me to publish a post on their blog today. The post in question is titled Using Hammer and LESS to Speed Up Bootstrap Theming. The title should be pretty self explanatory, but incase it’s not, I cover using Hammer and LESS in your Bootstrap theming development process.

Continue Reading →

Are You Theming Twitter Bootstrap The Hard Way?

By admin on April 1st, 2014 in Bootstrap

A common complaint I hear about Twitter Bootstrap is that all Bootstrap websites look the same. That’s a common misconception that can easily be dispelled by looking at a website like lovebootstrap.com. Comments like that either come from lazy designers and/or developers, or people that haven’t figured out a good strategy for theming Bootstrap. Yes, theming can be hard but if you set the right foundation, it can become much easier and dare I say enjoyable.

Continue Reading →

How to Add Loading Indicators to Bootstrap Buttons

By admin on March 19th, 2014 in Bootstrap

Are you familiar with the Ladda button project by Hakim El Hattab? If not, it’s a way to add loading indicators to buttons on click. As I enjoy doing, I forked his original repo and created a Twitter Bootstrap implementation that works with the default Bootstrap buttons. The end result is some super slick button interactions you can add to forms or any button action that requires a load time. You can jump to my repo on Github or keep reading for how to customize the code for Bootstrap.

Continue Reading →