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:
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.
By admin on December 30th, 2014 in Bootstrap
Continue Reading →
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 →
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.
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.
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.
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.
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.
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.