Cool Stuff

GitBook Resources

July 02nd, 2014

I’m constantly amazed by how much great information can be found for free. I’ve been lagging behind in learning javaScript and recently discovered this great book. It teaches the basics and is intended for everyone who wishes to learn JavaScript. It doesn’t go in much detail, but it’s beautiful and very well laid out.

Digging a bit further and reading about the author, I discovered GitBook. GitBook is an open source platform that let’s authors publish books for free using Markdown and Git. If you’re not familiar with these, don’t worry, you don’t need to know about this stuff just to read the books. There were 174 books to choose from when I last checked and many are offered in multiple languages.

Have a look and see if something catches your interest. I’m reading ProGit next.

Patterns and Textures

March 18th, 2014

Need a pattern for a design projects? Subtle Patterns has been my go-to website for finding the right one but today, I discovered these two new resources.

Transparent Textures allows you to pick your colour with a picker and then spits out the CSS you need. If you’re looking for a fancier pattern, check out

WTFPL Photos to use for Free

October 14th, 2013

Theme developers and web designers often need photos to work with as placeholder. Place Kitten is a fantastic resource, but sometimes you may want something other than a kitten. Finding the right photo can be tricky, since there are so many licences, rules and regulations. Of course the easiest way to get photos is to just go out and shoot your own… I’ve been snapping pics for a few years now and I’ve amassed a large set of them on Flickr.

Today, I created a new set and decided to share them under the WTFPL. This license is pretty permissive and allows you to take any of these and just do whatever you want with them. So go ahead, help yourself.

Design research done simply with

September 21st, 2013

Ever visited a site and wondered what font is being use or what shade of green that is?

In the old days (i.e. last year) I would make a screenshot of the web page and then inspected the colours in Photoshop. But that was only good for colours and didn’t give any info about the typeface.

A few months ago I discovered the what font bookmarklet and I’ve used it countless of times. It works really well and even gives me info about the font foundry should I wish to purchase the font.

I mark a lot of tweets as favorites as a way to read them later and today discovered a tool which I think may become my favourite resource of all time. is a fantastic resource for designer.

Simply type in the url of the website you like and you can find all the hex values, typeface used as well as size and line-height as well as image dimension. This tool is so simple, yet allows designers to get a rough style guide without having to dig around the source code. Fantastic.

Easier conditionals with mobble

September 09th, 2013

A few weeks ago, I was working on a site that had the busiest footer. The footer design made sense on a large screen, but I couldn’t wrap my head around how to make it look great on tablets and phones. I was looking for a way to extend beyond media queries and apply a different design per platform, not just breakpoints. That’s when I discovered mobble.

Mobble is a handy WordPress plugin that provides conditional functions for detecting a variety of mobile devices and tablets.

Once installed, mobble allows you to add conditional statement to your theme templates such as:

if ( is_mobile() ) {
  get_template_part( 'foot-mobile' );
} elseif ( is_tablet() ) {
  get_template_part( 'foot-tablet' );
} else {
  get_template_part( 'foot-desktop' );

Now all I had to do was create different templates for each type of footer. This is so much better than having to fight with media queries.

Some of you will undoubtedly say, that you don’t need a plugin for that. But if your PHP knowledge is limited like mine, this plugin is fantastic!

UPDATE: As noted below in Alex’s comment, if you are using Jetpack, you can also use it’s built in function and target specific devices.

Foundations Icons

April 18th, 2013

Foundation IconsA few weeks ago, I discussed the changes on the Bluelime Media site and talked about genericons.

This week, I discovered another great source of icon fonts distributed by Zurb. The social set is particularly interesting, since they have a few icons which are missing from genericons.

One of the best thing about teaching is learning from my students. I’m glad one of them introduced me to this great resource.

Beautiful Web Type

January 20th, 2013

There are over 400 typefaces in the Google web fonts directory. Many of them are awful. But there are also high-quality typefaces that deserve a closer look. Chad Mazzola has created a beautiful website showcasing some of the best fonts available. You can see the various typefaces in action and click on the examples to get the typeface from the Google web fonts directory.

Beautiful Web Type

Interactive Guide to Blog Typography

December 20th, 2012

With small adjustments, you can noticeably improve the typography of any website. This interactive guide by Tommi Kaikkonen is superbly done. I would encourage to have a look.

Your readers will thank you.

WordPress Community Summit 2012

November 01st, 2012

The first ever WordPress community summit (wpcs) took place last Monday in gorgeous Tybee Island. The weather was a bit chilly thanks to Sandy, but that didn’t keep anyone from enjoying themselves and taking part in amazing discussions. Attendees, each there by invitation, was composed of Automatticians, core contributors, WordPress based companies, hosting companies, plugin developers, designers who have contributed to the community somehow.

The unconference started with everyone wishing to discuss a certain topic giving a 2 minute presentation detailing what they wanted to discuss and who they would like to have at their table. Discussion topics ranged from how to recognize non-code contributors to WordPress, reducing the pain of Plugin and Theme reviews, the future of Multisite and much more. Altogether, there were four time slots for these discussions which lasted 45 minutes. So we all got a chance to participate to 4 sessions and join in on stimulating conversations.

Each session had a note taker and the group needed to come up with one action item. You can view all of these notes on the wpcs website if you wish to read them in more detail.

Read more…

The ThemeShaper WordPress Theme Tutorial: 2nd Edition

October 23rd, 2012

Back in June 2009, Ian Stewart wrote a fantastic tutorial called How To Create a WordPress Theme: The Ultimate WordPress Theme Tutorial. This tutorial proved very popular and useful for so many developers. So popular in fact, that a second edition has now just been launched. This tutorial consists on one lesson each day and uses Automattic’s Underscores (_s) as the starter theme.

If you’ve ever wanted to develop themes like an Automattician, now is your chance. Today’s first lesson entitled Develop Theme Sense covers what you need to know about WordPress themes and it’s file structure. It’s easier than you think and with the Automattic team behind you, it’s the perfect tutorial for anyone wanting to learn about theme building.