Design Checklist to Make Developers Love You
This is a set of common HTML elements that appear in body copy. This particular Body Copy Style guide already has the base Bootstrap 3.x styles applied.
Bootstrap 3.x Body Copy Style Guide
How to be a Designer that Developers Love
View Slides
Photo Credit SplitShire
Below I have provided a downloadable grid system PSD for Bootstrap development. This is a good starting point for a designer following my recommendations for being a designer that developers love. The PSD includes guidelines and column overlays that match the default Bootstrap grid system at the largest screen size breakpoint.
While my focus is development, I recognize my work is a partnership with designers. I do not offer design as one of my services, rather my goal in providing this resource is to help designers design websites that translate well to code.
In addition to this PSD, I am happy to work with designers using a customized Bootstrap grid (alternate number of columns and gutter size), other responsive grid systems, or custom responsive behavior.
In celebration of the launch of Iron Code Studio, we’re giving away our WordPress Bootstrap Genesis Theme. We’ve carefully crafted the Bootstrap Genesis Theme to serve as a foundation for the sites we build.
Our goal was to integrate the Studiopress Genesis WordPress Framework with the Bootstrap Front-End Framework. The majority of the integration has occurred through markup changes made possible with the genesis_attr_ hooks added in Genesis 2.0. These and other hooks have allowed us to craft a Genesis Child Theme that takes advantage of the extensive front-end work done by Bootstrap.
