IE9 + Modernizr = Fun Times

I’ve had been dealing with Internet Explorer compatibility issues a couple of months back.  Dealing with IE can be a hassle, when cross-browser compatibility is a requirement.

It ends up being a must-have item, when the website that you’re working on is considered “bleeding edge”, using the latest and greatest of everything. But it shouldn’t have to be…

Given the proper time, patience, and a couple of guidance, here and there. You can get things running in a reasonable time, and make things, in the words of this IE commercial,, “suck…less”.

Do you know this guy? | Internet Explorer 9

Fun Times : The F12 Developer Tools

What is Modernizr?

Modernizr, Do’s and Don’ts

Read more »

Move Forward, Faster: Deploy A WordPress Site Using Windows Azure

If you are a student at a University, you have the ability to sign up for Microsoft’s long list of software, and online services that are freely available to students that successfully sign up for Microsoft Dreamspark.

The process for deployment is simple. Once you’ve signed up for Microsoft Dreamspark, sign up for Microsoft Azure Services, and you’ll now be able to deploy a website solution using WordPress.

Why WordPress and Why do I Need A CMS?

WordPress is a content management system, that has been considered the number one solution for bloggers all over the web for the past 10 years. WordPress gives the user the ability to publish, edit and modify content without having to deal with the intricacies that is building, deploying, testing, and maintaining a full fledged website.

To build a website from the ground up, one does not need to have a content management system available, you can easily publish your site using basic HTML utilizing a handy dandy FTP client to upload your site’s files to the server. To make it pretty you would have to style your site using valid CSS (Cascading Style Sheets); to make it functional, you would have to write some front end scripts utilizing Javascript and back end scripts utilizing PHP or some other back end scripting language; to make your styled design accessible across all devices you would have test and validate your CSS to make sure that it is compatible across all browsers. This process can get tedious, if you’re not a developer and just want to get a website up and worry about the content.

Why Microsoft Azure?

Microsoft Azure Services is a cloud computing platform that gives you the ability to easily deploy, build, and manage application and services without having to manage the overhead that is setting up and managing your hosting environment. To put it in simple terms, it allows you to publish what you need in the easiest way possible.

If you were to start from scratch you would have to setup your own LAMP Stack( Linux, Apache HTTP Server,MySQL, PHP) server, and manage the server; which can be an even bigger task.

Building A Functional Website

So you want to build a website…Before you start building your website, you will need to figure the goals that you’d want to tackle

  • What is the primary purpose of your site?
  • Who would your target audience be?
  • What are the actions that your users would most likely want to do on your site?
  • What would you like your users to do on your website?

Once you’ve got those questions figured out, then you start building your website.

Creating The Basic Building Blocks

If you look closely at any website that you’ve ever visited, you’ll figure out that the components in a good majority of them are the same. Every website consists of the following pages.

  • An Intriguing Home Page
  • Contact/Support Page
  • Secondary Pages featuring supporting content
  • News
  • Events
  • Galleries
  • A Sitemap

Selecting The Right Theme

There thousands of WordPress themes available for you to use, and you initially start off with the default theme that WordPress makes available to you. Depending on what version of WordPress you have installed, you may have a responsive theme as your default theme or a fixed size minimalistic theme installed.

Responsive Themes

If you want to build a website whose design is easily accessible across all devices, it is recommended that you install a responsive theme on your website. You can search for existing responsive themes on the WordPress Theme Database, or you can search for freely available themes online, you can always find a good set of freely available themes in websites such as WP Tavern or Web Design/Development communities such as Smashing Magazine.


Inkness is a retina-ready WordPress theme, featuring a grid-based home page and multiple page layouts.
Download | Demo


Fullby was inspired by the Twenty Fourteen default theme and built with Bootstrap under the hood. The homepage includes a fluid grid for displaying posts and a featured content area at the top.

Download | Demo

Arcade Basic

Arcade Basic is a beautiful theme with a bold homepage design and many options built into WordPress’ customizer feature. It supports post formats and includes special styles for Jetpack galleries.

Download | Demo


Stanley WP

Stanley WP is a unique theme that works well for personal branding. It’s packaged with a drag-and-drop homepage builder and three different page templates.

Download | Demo


GovFresh WP

GovFresh was created specifically for governments and comes with a list ofrecommended plugins to extend the theme.

Download | Demo



Download | Demo



Lobster is named after the font featured in the theme. The background and page layouts are fully customizable and the theme includes support for post formats, bbPress and BuddyPress.

Download | Demo



Revera features a big slider on the homepage, configurable banner advertisement spaces and a custom portfolio page template.

Download | Demo



Unite sports a flat design for wedding websites, although it can be used with other types of creative websites with a focus on images. All of the colors are easily customizable via the theme options.

Download | Demo


Flat Theme

The Flat Theme features a filterable portfolio and a host of extra page designs, including pricing tables, about us, services, custom 404, contact page, career, FAQ, P=privacy and terms of use

Download | Demo

Flat | Recommended for Blogging/Vlogging


Flat is a blogging theme based on Bootstrap. It features an off-canvas sidebar and a customizable blurred background.


Download | Demo

Vangard | Recommended for Student Organizations

The Vangard theme sports a customizable jQuery content slider, welcome section, widgetized footer and a blog-oriented homepage.

Download | Demo


Vangard | Recomended for Startups

Ward has a unique layout and includes support for post formats. It’s easy to customize using WordPress’ built-in customizer and is compatible with both bbPress & BuddyPress.

Download | Demo


Keep in mind that you’d want to select a theme that matches the style and structure of the primary purpose of your site. If you’re building a website for a student organization, it is often useful to have a primary slider as the main element in the homepage, to feature latest news, events or announcements, and have secondary content below your slider, such as latest news, upcoming events, social feeds, and newsletter sign ups. At the end of the day, choose whichever theme you’d think would fit your site best.

Selecting The Right Plugins

Now that you’ve selected your theme, you’ll need to start thinking about the functionality that your website will be providing. As we mentioned above, the components that make up a website are all similar, and with that in mind we can come up with a list of features your website will most likely need, right off the bat:

  • Contact Forms
  • Galleries
  • Image Sliders
  • Maps
  • Tables
  • Social Media Buttons
  • Feeds
  • SEO
  • Analytics

The WordPress Plugin Database has hundreds of plugins for you to choose from, and you can install them from within your WordPress website, without having to deal with uploading the plugins to your server via FTP.

Recommended Plugins

With that in mind, there’s a set of trusted plugins that you could use to get the functionalities that your website needs in a reliable manner. These plugins are considered to be reliable and supported throughout the community

Gravity Forms | Premium
Build and publish your WordPress forms in just minutes. No drudgery, just quick and easy form-building. Select your fields, configure your options and easily embed forms on your WordPress powered site using the built-in tools. That’s way more satisfying (and less fattening) than a peanutty candy bar any day.

NextGen Gallery | Free
The most popular WordPress gallery plugin and one of the most popular plugins of all time with over 9 million downloads.

WP Events Manager | Free
Fully featured event registration management including recurring events, locations management, calendar, Google map integration, booking management

WP Full Calendar | Free
Uses the jQuery FullCalendar plugin to create a stunning calendar view of events, posts and other custom post types

List Category Posts | Free
List Category Posts allows you to list posts from a category into a post/page using the [catlist] shortcode. When you’re editing a page or post, directly insert the shortcode in your text and the posts will be listed there. The basic usage would be something like this:

Twitter Stream | Free
Twitter Stream is a very simple Twitter plugin designed to show a users Twitter timeline. Also includes file caching to stop API overuse.

Yet Another Related Posts Plugin | Free
Display a list of related posts on your site based on a powerful unique algorithm. Earn money by including sponsored content!

Share This | Free
Social Charge your Content with ShareThis – features Social Analytics, CopyNShare, Open Graph Sharing, and the Hovering Bar!

TablePress | Free
TablePress enables you to create and manage tables, without having to write HTML code, and it adds valuable functions for your visitors.

Youtube Plugin | Free
YouTube embed plugin with basic features and convenient defaults. Upgrade now to add tracking, instant video SEO tags, and much more!

Google Analyticator | Free
Adds the necessary JavaScript code to enable Google Analytics. Includes widgets for Analytics data display.

HungryFeed | Free
HungryFEED embeds and displays RSS feeds inline on your pages, posts or sidebar using Shortcodes.

All In One SEO Pack | Free
All in One SEO Pack is a WordPress SEO plugin to automatically optimize your WordPress blog for Search Engines such as Google.

Azure Cloud Services Gotchas

In order for WordPress’s mail functionality to work, you would need to add an SMTP service to your Azure instance. You can do so by following this guide.

How To Send Email With WordPress Using Azure Cloud >


Additional Learning Resources

Screencasts & Interactive Teaching Modules

CodeSchool Teaches Javascript

Spend some time with this powerful scripting language and learn to build lightweight applications with enhanced user interfaces.

Lynda Teaches Javascript

Watch our JavaScript how-to videos and learn to code, create, and build JavaScript arrays and functions. Understand how to write JavaScript code to create HTML5 sites and other interactive websites.

PluralSight Teaches Javascript

Everything a beginner needs to get started programming with JavaScript

TeamTreeHouse Teaches Javascript

Learn the fundamentals to the JavaScript Language. JavaScript is the key to programming in the browser, mastering jQuery, and building apps with Node.js. You will learn how to program effectively in JavaScript, the different types, functions, and techniques for writing solid JavaScript. You will benefit from taking Introduction to Programming if you don’t have much experience with programming.

Tuts Plus Teaches HTML/CSS

HTML5 is huge at the moment. Even my grandparents have heard of it! In step-by-step fashion, we’re going to dig into this new technology, including the various new HTML tags, feature detection, and working with a couple of the new JavaScript APIs. Are you ready?

Tuts Plus Teaches Javascript Fundamentals

This course focuses on the basics of the two fundamental aspects of client-side development: the JavaScript language, and DOM scripting. If you’re a complete beginner, or a coder who has exclusively used frameworks but wants to delve into the guts of pure JavaScript development, this is the course for you.

Read more »

Architecture The Lost Years | Robert C. Martin / Uncle Bob

Robert C. Martin Presents Architecture The Lost Years at Ruby Midwest 2011

Download Keynote

HD | SD | Mobile | Audio


RobertCMartin-Craftsmanship and Ethics

Designing Object-Oriented C++ Applications using the Booch Method. Prentice-Hall. 1995. ISBN 0-13-203837-4.
Agile Software Development: Principles, Patterns and Practices. Pearson Education. 2002. ISBN 0-13-597444-5.
Clean Code: A Handbook of Agile Software Craftsmanship. Prentice Hall PTR. 2008. ISBN 0-13-235088-2.
The Clean Coder: A Code of Conduct for Professional Programmers. Prentice Hall. 2011. ISBN 0-13-708107-3.

Similar Talks

Pointy Haired Bosses & Pragmatic Programmers

Additional Talks by Venkat Subramaniam

Houston Tech Fest Keynote – Pointy Haired Bosses and Pragmatic Programmers

Read more »

Google’s Oz Experiment: Levity and 21st Century Email

April 1st is here, and Google is once again opening the doors of innnovation.

Google Nose Beta: Smelling Is Believing, The new scentsation in search.

Gmail Blue Baby!

Google Fiber is here!

The Oz Experiment Algorithm | AKA Levity

The Youtube Collection, Simple. Economical. Convenient.

Good Ol’ Maps! Eh!

Good Bye Youtube!

The contest is over!

Read more »

Setting Up Your Email With Outlook 2013 On Media Temple

So you’re looking to try out the new Office 2013 suite, and have been tempted to use Outlook for a while.

You install Office 2013, the install runs smoothly, and you’re feeling pretty excited about this new suite. The first thing you do is open Outlook, to get yourself up and running with all the sweet features it offers.

Now you’re presented with an Email Wizard, you selected Manual settings, and would configured it to be an IMAP account. Shouldn’t be that hard to setup right?

Outlook 2013 | SMTP Error

Whoops, our configuration settings have failed. We seem to be able to receive email, but  we cannot send email. What’s this SMTP error?

If you didn’t setup your email configuration properly, you’ll receive a message similar to the one above, stating that there is an error sending email. You look further into the issue, and attempt to follow Media Temple’s support documentation for setting up email accounts with Outlook; except that Outlook 2013, is not on the list, and now you’re now taking a look at the Outlook 2007 configuration documentation.

You read the guide, and are confused about some of the wording, but you give it one more shot anyways. It turns out you weren’t using the correct incoming and outgoing hosting servers.

Outlook 2013 Detailed Error Description

It fails once again, even though you’re now using Media Temple’s access domain as your primary incoming and outgoing domain.

Hmm, it fails once again. Now you’re back at taking a look at the documentation, and tracing your steps on how to fix the problem. You take a closer look at the documentation, and find out the proper Incoming and Outgoing hosting servers, which is your access domain, and learn that you have been using the incorrect ports all along.

You re-configure your server, and now you’re set!

Configuring Outlook 2013 under Media Temple’s IMAP Email Account Configuration

Your incoming and outgoing servers, for Media Temple, will be your access domain; which look like this , and it can be found on your Media Temple Server Guide under the control panel. Your  incoming port is 993, with SSL encryption, and your outgoing port should be 465, with SSL encryption.

Outlook 2013 | Advanced Email Configuration Settings | IMAP Configuration with Media Temple

It turns out you had configured the Incoming and Outgoing hosting servers incorrectly. But this image should help you, just make sure you’re using Media Temple’s Access Domain, which can be found in your Server Guide.

Outlook 2013 | SMTP Advanced Configuration Settings

Now for the moment of truth, you re-configure the ports, and enable SSL encryption.

Successfully Configured Your Email Account under Outlook 2013



Read more »

Command Line Tool Of The Day: cURL

cURL is a command-line tool for transferring data using various protocols, HTTP, FTP, Gopher, TELNET, etc. It comes in handy for automation, and if you know how script you can create powerful tools that will facilitate your work process.

Tweeting From The Command Line by The Linux Journal Online

When Should I use cURL?

So if you’re in need of debugging HTTP responses and finding out more information about what the server is sending you? cURL is your friend.

Are you looking to transfer files using from various protocols such as HTTP, FTP, and others, with nothing more but the command line? cURL is your beloved friend.

Looking to automate your process of acquiring or sending data? cURL is your close buddy.

Looking to do a combination of all the above, such as acquiring data from various websites and using that data to derive some meaningful content from that data set? cURL and its PHP extension libcURL are your new best friends.

So if you answered yes to any of the above, then check out the articles below for more information about cURL and how you can use it to your advantage.

10 awesome things to do with cURL – Cats Who Code

Techniques for Mastering cURL – Net Tuts+

Read more »

Getting Started With WordPress

What is WordPress?

WordPress is an easy to use Content Management System that allows you to create a website or a blog in minutes. If you’re a developer, just download it from their website at, and place it on your server to get started.

So Let’s Get Started

We will need to acquire a domain, sign up for a hosting service, setup a database, and download WordPress.

Acquiring A Domain

You can acquire a domain through a domain registrar, such as Namespace or GoDaddy. Available domains go for as cheap as $1.99 to about 10.99 depending on who your domain Registrar is. So visit your preferred domain registrar, and acquire a domain.

Acquiring A Hosting Service

Once you’ve acquired a domain, you’re ready to acquire a hosting service, such as Hostgator or Rackspace. Depending on your hosting service, you’ll have to either add your new domain through their C-Panel or just follow their instructions on how to go about adding a domain via their website.

Hostgator has great support for this, and you can simply visit their website for more details. 

MediaTemple also has a knowledge database you can browse through.

Rackspace Hosting does this as well.

Dowloading And Installing WordPress

Now we’re ready to download WordPress.

Simply visit, and download the latest. Unzip the files, and upload them to your server. To upload the files to your server you can use an FTP client, such as Filezilla, to upload the files to your server’s domain directory.

Once the files are uploaded to your server, we need to make sure we have a MySQL database available for us to use. You can create a database through phpMyAdmin.

Once the files are uploaded to your server, you can visit your domain and begin configuring your WordPress installation.


With one click, and in just a few minutes MAMP will install Apache 2, current PHP 4, current PHP 5 and MySQL. Using the included eAccelerator, PHP-scripts are executed up to ten times faster compared to Apple’s pre-installed Apache/PHP.

Download Latest WordPress >

With one click, and in just a few minutes MAMP will install Apache 2, current PHP 4, current PHP 5 and MySQL. Using the included eAccelerator, PHP-scripts are executed up to ten times faster compared to Apple’s pre-installed Apache/PHP.

Download MAMPP >

An easy to install Apache distribution containing MySQL, PHP and Perl. XAMPP is really very easy to install and to use – just download, extract and start.

Download Latest XAMPP for Windows >

Download Latest XAMPP for Mac >

Download Latest XAMPP for Linux >

WampServer is a Windows web development environment. It allows you to create web applications with Apache2, PHP and a MySQL database. Alongside, PhpMyAdmin allows you to manage easily your databases.

Download WAMP for 64bit Operating Systems >

Read more »

Coca Cola Content 2020

“The media landscape is a very different beast today than it was even 5 years ago. Then agency-led television commercials dominated how we channel our marketing. The very fact you are reading this here proves that things have changed. Coca-Cola have always been at the forefront of innovation. In this video Jonathan Mildenhall, Vice-President, Global Advertising Strategy and Creative Excellence at The Coca-Cola Company is the person responsible for leading global creative vision and strategy for the Company’s portfolio of global brands. In this video he explains how Coke will leverage the opportunities in the new media landscape and transform one-way storytelling into dynamic storytelling hoping to add value and significance to peoples lives. Jonathan describes the challenge of content creation in an enlightening way, reminding us that “every contact point with a customer should tell an emotional story”.

The Cognitive Media
Jonathan Mildenhall
VP Global Creative @CocaCola

Part One

Part Two

Read more »


Code Awesome…

For the last couple of years, I’ve been looking for an online medium where I would be able to find content catered towards developers, who are interested in increasing their knowledge in Web & Mobile development, its intricacies and challenges, as well as learn and explore about the vast possibilities of creative content creation, media, and design through those means.

There’s lots of grand content out there, in this vast series of tubes”, and this is an attempt to aggregate and create content that would be catered towards that audience.


Code Awesome is 99 percent creativity, 1 percent poetry. Where code meets beauty, and poetry meets logic. Where you’ll find content ranging from web & mobile development to user experience & user interface design, down to story telling and branding.

Stay Awesome!
Jesus H

Read more »