Using the Bootstrap Grid with Photoshop Templates

grid-feature

If you are using my free Bootstrap Photoshop template for the first time, you may have questions about exactly how it fits into the Bootstrap grid system. Totally fair. In fact, I got this email just the other day: I am new to designing responsive sites so this may come across as a very dumb question… Your template has an …

Fixing image size in Mailchimp RSS campaigns

mailchimp-images

Are you using MailChimp to manage your blog email subscriptions? If not, you should be. But you also need to make sure that the images you use don’t break your MailChimp email layout. Don’t worry, it’s much easier than you might think. First, the problem. There is a good chance that your email template is setup to be 600 pixels wide… with …

Bootstrap Grid Calculation Explained

Screenshot 2014-06-05 11.34.06

I recently got this question about the Twitter Bootstrap grid. On the bootstrap website it says column width 95px but ones I see are 98px just wondered could you shed some light on it? Here is my response: Let met start with this… when using Bootstrap for front end development you can adjust the grid however you please using LESS …

Bootstrap 3 Responsive Grid Photoshop Templates (PSD)

bs3-ps-templates

I have been very pleased to provide a valuable resource to so many designers with my original Bootstrap Grid PSDs. But with Bootstrap 3 came a new default grid (and mobile-first mentality). Now, I am trilled to offer new, updated Photoshop templates for the Twitter Bootstrap 3 grid (download link below). Save time & make your developers happy. Design for …

Louder Media Launches New ShaunGroves.com

Screenshot-2014-04-08-08.58.34

My company, Louder Media, just launched the brand new ShaunGroves.com. Shaun is a blogger, speaker, musician, and advocate for children living in poverty throughout the world. He has amazing insights into life, art, wealth, and more. We were happy to partner with Shaun in developing this new website. As you will see when you visit, we pushed the envelope in …

My new task management setup with Things and Airmail

airmail-things

Several years ago I wrote a post about how I used Things as my primary task manager. I still get people asking about Things and how I have my workflow setup so here is a long overdue update. First, am I still using Things for tasks? Actually, yes! I have moved away from Things a few times and I still …

Alfred Workflow for Rdio with Keyboard Shortcut

alfred-rdio

After hearing podcasters rave about Rdio long enough I finally tried it and I am in love. Spotify is great an all, but Rdio is so much cleaner. As someone who cares about user interface design and usability it didn’t take me long to jump on the Rdio bandwagon. However, when  I am working on my Mac listening to music …

WordPress Theme Development – Template Order

wp-template-order

Process is the key to efficiency. Building a good theme development workflow will shorten your project timelines and help keep you sane. But which template file should you start with? Should you jump into the blog list (index.php) first, or maybe the standard page template (page.php). How about the 404 error page… that one seems easy, right? Even though you can …