Blogs and tutorials on Angular, NGRX, TypeScript, RxJS, React and everything web!

Introducing SuperBox the re-imagined lightbox gallery

SuperBox is a new jQuery plugin I’ve been composing over the last few days. SuperBox takes the whole ‘image’ and ‘lightbox’ one step further, reduc...

Todd Motto

Mar 8, 2013

Writing the best CSS when building with HTML5

Let’s become HTML agnostic. HTML agnostic means to use as little HTML in your CSS (or none). The key factor here is to avoid becoming markup relian...

Todd Motto

Mar 7, 2013

Stay in the loop.

Tips and tricks, motivation, courses and exclusive discounts.

Attaching event handlers to dynamically created JavaScript elements

When working with JavaScript, you can sometimes need to create new elements on-the-fly, and from that, you’ll need to do something with that new el...

Todd Motto

Mar 5, 2013

Progressively enhanced SVG sprite icons

You may remember a while back, I coded up some nice CSS3 social media icons, to which I have had to remove from my website due to the fact I cannot...

Todd Motto

Mar 1, 2013

Using HTML5 Geolocation to show current location with Google Maps API

Geolocation is one of the best new HTML5 APIs, so let’s see what we can do with it. In a nutshell, Geolocation allows you to give your current loca...

Todd Motto

Feb 25, 2013

Getting started with Object-Orientated CSS OOCSS, creating a button kit

Object-Orientated CSS, or OOCSS to the masses, is a method of structuring your CSS and HTML classes in a specific way. The purpose of OOCSS is to m...

Todd Motto

Feb 4, 2013

How to addClass, removeClass, toggleClass in JavaScript

jQuery is a pretty cool framework, it has it’s uses, it’s pretty reliable, but remember: it’s written with JavaScript. It’s not a language by itsel...

Todd Motto

Feb 2, 2013

Contact forms; the HTML5 way. Semantics, inputs, data attributes, javascript feature detection

Forms are often one of the last quick-finishes to a website, so here’s a great boilerplate to get you kick-started on a standards-compliant, HTML5,...

Todd Motto

Jan 26, 2013

Fluid and responsive YouTube and Vimeo videos with fluidvids.js

One of the major drawbacks to responsive design is managing external plugins/resources, such as YouTube and Vimeo videos – which we can embed into ...

Todd Motto

Jan 22, 2013

Browser-based responsive development tool, viewport resizing, custom widths

Designing in the browser is increasingly popular, especially with responsive websites. Having a reliable and simple viewport resizer is key to any ...

Todd Motto

Jan 18, 2013

Creating a responsive, dynamic mobile select navigation from pure javascript

Here’s how to create a select menu from an existing menu using JavaScript. The select menu will be comprised of an existing menu, which dynamically...

Todd Motto

Jan 1, 2013