Code Blender

An atomic Middleman partials library

Middleman hand crafted Bootstrap HAML partials

CodeBlender aims to provide simple atomic site structures, that can be reused across multiple projects. Built upon the fantastic Middleman these HAML partials are created to be understood; the main reason we did not encapsulate them into a GEM. Simply symlink the partial/_library folder into the new project and include them.

Utilising the Bootstrap CSS framework each partial encompasses many defaults, such as accessibility, micro-formats and layout. Making this project a must when it comes to rapid prototyping of UX ideas. Still work in progress we aim to have full coverage of all Bootstrap elements and more.

Github
Download

Archive

2016
2015
2014
2011

Get our products/news earlier than others, let's get in touch.

Tags

accessibility accounting finances alerting analytics angular apache ubuntu api apple backbone javascript blog ios developer bourbon bower bundler cache colour composer continuous-integration desktop e-commerce email google gmail enom file-system font front-end home gems geo-location git gollum hybrid mobile grunt haml homebrew infographic java job education skills kodi laravel social profile localization internationalization i18n logging newsletter marketing middleman mysql network nginx node parallax paypal phantomjs phonegap php project-brief project-management rbenv ripple search seo facebook sublime text editor sugarcrm crm svg testing tdd thor ruby trello tv user-experience virtualisation

Resources Useful websites and tutorials

Title URL
Accessibility https://www.w3.org/WAI/tutorials/
Metronic http://www.keenthemes.com/preview/metronic/theme/templates/admin4/angularjs/#/dashboard.html
Angular Style Guide https://github.com/johnpapa/angular-styleguide
Bootstrap Cards http://bootcards.org/
Bootstrap SASS Official https://github.com/twbs/bootstrap-sass
Stardom Theme http://admindesigns.com/stardom/
Animate CSS http://daneden.github.io/animate.css/
String Augmented Reality http://www.poweredbystring.com/
Resource Space http://www.resourcespace.org/
Middleman Hacks https://www.discovermeteor.com/blog/three-middleman-hacks-were-using-on-this-site/
Middleman Help http://joshwlewis.com/slides/middleman/index.html#/title
Themes http://themetrust.com/themes
Off Canvas http://demo.siterepo.com/store/css/verion/verion.php
Scroll Example http://www.bootply.com/T2jYl0an06

Tasks

Task Date
Look at Flikr Badges - www.flickr.com/about/goodies/
Create an AddThis partial in social section
Check out github.com/mledoze/countries - include into dropdowns etc
Add a variable for the theme of the syntax highlighter in the config file
Create a partial to display a cookie panel on the page
Create an editable view of the possible configuration options
Create and document a crossdomain.xml file - use builder also
Create a coming soon / maintenance layout
Need to put the body data tags back into the layout
Need to be able to change the doctype and HTML aspects from the config
Add the base ref to the config