Semerda.com Bootstrap launches on GitHub: Free for everyone!

Go and grab it!

https://github.com/semerda/semerda-com-bootstrap

Get Semerda.com Bootstrap on GitHub

About GitHub

GitHub is a distributed version control system similar to Mercurial with a free Mac client. GitHub makes it easier to collabortate with others and share projects with the universe. GitHub has grown into an application used by over a million people to store over two million code repositories, making GitHub the largest code host in the world.

Goal for Semerda.com Bootstrap: “To help ease with starting up new projects in Python on Django with jQuery, Twitter’s Bootstrap, Modernizr & Handlebars.js.”

If you have any suggestions how to make this solution better please Leave me feedback.

Cool things you will find inside

  • Plenty of internal documentation to why something is being done. Also utilize the “Ref:” URLs. They are there as a reference for the source of the content. Great for digging deeper into those specifics.
  • Settings.py split into Development & Production modes based on platform node. The base template contains the platform node wrapped in comment declaration so you can view source and see if you are running in development or production mode.
  • HTTP error 404, 500 & 403 handlers with associate Templates – these are bare atm so feel free to expand and contribute better versions. See Quora for funniest 404 pages.
  • If you add {% include ‘django_debug.html’ %} to your base.html Django Template footer you will see Debugging information in the footer of all your pages. Not recommended in Production mode.
  • Handlebars & Django Template consistencies to help use.
  • Custom Handlerbars Helpers to help with index counting in a grid table and generating Twitter Bootstrap buttons.
  • All JavaScript files are loaded using Modernizr’s yepnope, a asynchronous conditional resource loader.
  • Few custom Semerda.com JavaScript modules using the Modular Pattern. I’m a big fan of the Modular Pattern due to its encapsulation, namespacing and seperation of concern possibilities.
  • What custom Modular JavaScript you will find under /media/js/
    • semerda.com.common.js – highlight the correct primary navigation tab based on page visited.
    • semerda.com.analytics.js – wrapper for Google Analytics (GA) to automatically tag all links on page by parsing the DOM for href. Also uses “data-ga” attribute (where present) to push custom labels for GA event tracking.
    • semerda.com.browserstorage.js – for HTML5 supported browsers the JSON load uses either the browser local or session store to work with the JSON data. Default is always local store. Great for use with JSON/API call data you want to cache locally vs constantly making calls to the API – see /about/ page for this example in use.

Frameworks used

  • Django: Django is a high-level Python Web framework that encourages rapid development and clean, pragmatic design.
  • jQuery: The Write Less, Do More, JavaScript Library: A fast, concise, library that simplifies how to traverse HTML documents, handle events, perform animations, and add AJAX.
  • Bootstrap, from Twitter: Simple and flexible HTML, CSS, and Javascript for popular user interface components and interactions.
  • Modernizr w/ yepnope.js: Modernizr is an open-source JavaScript library that helps you build the next generation of HTML5 and CSS3-powered websites. yepnope is an asynchronous conditional resource loader that’s super-fast, and allows you to load only the scripts that your users need.
  • Handlebars.js: Minimal Templating on Steroids: Handlebars provides the power necessary to let you build semantic templates effectively with no frustration. Mustache templates are compatible with Handlebars, so you can take a Mustache template, import it into Handlebars, and start taking advantage of the extra Handlebars features.

Thanks to

makinacorpus (Makina Corpus) for custom template tag code to get around handlebars mustache tags which are natively parsed by Django templating engine. Ref: https://github.com/makinacorpus/django-templatetag-handlebars

References

The following are blog posts I have written in the past which will help you when working with the code in Bootstrap Semerda.com.

A bit about the author Ernest Semerda

Bsc. Comp Sci & AGSM MBA. I Lead & Code for Coupons.com. Prior software architect at AMP Ltd, later CTO of Couponstar Ltd followed by an acquisition by Coupons.com, a $1B company. I am an Aussie entrepreneur & software engineer working on refreshing & innovative products in Silicon Valley like GTDfaster, Facebook ReadingList app et al.

This is my personal website: http://ernestsemerda.com/

I am responsible for the following properties

  • The Road to Silicon ValleyThis blog. A Blog which provides tools and resources to anyone wanting to come and work in Silicon Valley’s high tech industry. Experience is based on my own personal journey arriving in Silicon Valley on March 2009.
  • GTDfaster iPhone app – GTDfaster rests on David Allen’s principle of Getting Things Done (GTD). That a person needs to move stuff out of the mind by recording them externally into a trusted source. GTDfaster is this trusted GTD source. Also has a seperate posterous blog on GTDfaster.
  • Facebook Readinglist app – A popular free Facebook app to help you share, inspire & create a collection of books you have read, want to read or are reading. Start influencing your friends on Facebook today.

To-do list for Semerda.com Bootstrap

There is always a never ending to-do list. If you want to dd anything to it please feel free to.

  • Separate Handlebars Helpers into Standard & Twitter specifics.
  • Give SEMERDA prototype object a unique handle like jQuery does with $. Maybe use “$S”. This should shorten the calls a bit.
  • Throw in more Modernizr examples for Browser detection versus feature detection. Always aim for browser detection hence why we are using Modernizr here. We do not want to block users but gracefully degrade the experience where required.
  • Provide a set of minified semerda.com.xyz custom JavaScript modules. For now just use [Google Closure Tools](https://developers.google.com/closure/) to do the minification.
  • Add a real API vs calling /json/my_data.json dummy data.
  • Add some funny custom 404 pages. Inspired by Quora for funniest 404 pages.
  • Add Django Debug Toolbar – A configurable set of panels that display various debug information about the current request/response.
  • Add Python Modules examples and associated Unit Tests.
  • Add Django Middleware example and associated Unit Tests.
  • Cleanup/feedback from users – that’s you 🙂

Go and grab Semerda.com Bootstrap and enjoy the ease of building powerful Python based apps. Semerda.com Bootstrap primetime: https://github.com/semerda/semerda-com-bootstrap

Enjoy!
~ Ernest

My entrepreneurial life in Australia

I love tinkering and bringing ideas into reality. Seeing that idea come to life is amazing. The energy, thrill, excitement and daily challenges faced in order to bring an idea into reality is simply amazing. It’s true what Don Williams, Jr once said “The road of life twists and turns and no two directions are ever the same. Yet our lessons come from the journey, not the destination.”.

Below I share with you my entrepreneurial journey in Australia building start-ups and the lessons I have acquired by taking them. Without these I would not be the man I am today.

  • WebAnt Analytics – a quantitative service providing a holistic web analytics and customer metrics solutions that allows you to get inside the mind of your online audience. This also included the famous InSite module which could generate “phantom customers” for automation & monitoring. We used a lot of interesting models I learnt during the course of my MBA studies to provide a unique selling proposition and differentiate ourself from our only competitor on the Australian market (at the time), Red Sheriff. And then came free Google Analytics (Urchin) and the show was over. To read more click here.
  • Ramify – a company that provided tools and objective ratings of unit trust funds and Unit Trust Fund Management Companies using both quantitative and qualitative data. It was to be a valuable service to the Unit Trust Funds industry participants including retail and institutional investors, financial planners, agents, banks, Unit Trust Management Companies, regulators, etc. This one took me to Malaysia, presentations to board members of RAM (Rating Agency Malaysia Berhad) and dinners with CEOs of financial banks. To read more click here.
  • RockinTheShed – A weekly 2 hour Rock and Alternative radio station show delivering sounds from local and international artists blended with current news and happenings in the Rock and Alternative arena. The show played across 12 radio stations geographically in Australia, New Zealand, Canada and USA. We got to meeting & interview many interesting & famous bands and expand our broadcasting range. My band photography business span off from this venture. To read more click here.
  • Musichouse – A music ecosystem compromising of an Electronic Press Kit (EPK) for artists & producers with exclusive access to online & offline (radio) broadcasting channels via RockinTheShed. We developed a number of monetization models to appeal to our target market. RockinTheShed served as an initial hook to get leverage for Musichouse. We had a great team of smart entrepreneurs like Dave Manna (Sydney’s top Music Producer), Artur (RockinTheShed host) and Denis who is today the co-founder of embedster.com (Y Combinator 2010 Alumni). To read more click here.

What’s next?

You tell me…

Ernest

Red Rock Coffee – a place for hackers & coffee

Having visited many cafe’s in Mountain View and surrounding suburbs, Red Rock is by far the best cafe / hang out / study / hacking joint around. The atmosphere here is superb! chilled, relaxed, and filled with plenty of smart people either studying, meeting up or hacking code.

It’s a 2 store cafe. 1st floor is the cafe and sometimes where live music is played. 2nd floor is where people chill, the hang out area. Where it’s all happening. Most days it is filled with plenty of guys and gals on their laptops connected to the world-wide web while soft chilled music plays. The room has plenty of windows so natural light can flow in and naturally bath the room with light. Being in the heart of down town Mountain View, you can always jump out for a bite to eat and come back to this relaxed atmosphere. It’s an ideal place to be when you need to detach yourself from your local dwelling (home) and chilling out in a different environment where energy levels super high.

Internet? yes it’s free.

So not only is coffee, tea and The Avalance (my favorite drink) here great but they also give you free internet & plenty of free power points to plug your laptop in and start changing the world. With WiFi, you have a choice of connecting to either Google’s WiFi or Red Rock’s AeONsafe Free, Secured WiFi.

Red Rock from Castro Street - level 2 is where the action is, level 1 is the cafe with live music
2nd floor of Red Rock where hackers hang out & local meetup.com groups meet

Location of Red Rock

201 Castro Street
Mountain View, CA 94041
(650) 967-4473

Links

Red Rock website:
http://www.redrockcoffee.org/

Red Rock on Yelp:
http://www.yelp.com/biz/red-rock-coffee-co-mountain-view

If you see me at Red Rock please drop by and say hi! I love meeting and connecting with like-minded individuals. I like to look at people I don’t know yet as friends I haven’t met yet. Say g’day to this Aussie 🙂

Ernest