z63 zerosixthree

Create a responsive video header that works even in IE8 and is mobile friendly. Using jQuery, Modernizr and HTML5 data-attributes.

At their core, Sass mixins are blocks of code that you define once and can then re-use anywhere, if you are familiar with any programming language you can think of them as functions. In this post I’ll go over the 8 Sass mixins I think every developer should have in their toolbox.

With just three lines of CSS (excluding vendor prefixes) we can with the help of transform: translateY center whatever we want, even if we don’t know its height.

Calc() is a native CSS function that allows you to use mathematical expressions with addition, subtraction, multiplication and division. In this post I’ll show you how you can use this to create a basic grid.

Recently I found out a way to with jQuery dynamically change the background of an element with depending on the colors behind it. And I thought it would be neat to do the same but with text color and with SASS. This can be really useful if you are using an OOCSS/modular approach on your project.

This article is not so much about how to create Pong, but how you can take advantage of browser implementation of HTML and usage of pseudo selectors.

The specifications for Media Queries and Selectors have recently been updated with some new goodie goodness. These specifications are only in the Editor’s Draft stage, which means they haven’t been officially published yet (more on that can be found here). But they give a hint on what may come with CSS level 4.

How does a new CSS property get standardised? Who makes the decisions? Why should I care about the standardisation process? What’s the deal with airline food? I’ll be covering that, and some more in this post.

Grunt is a way to automate many of the tasks you’re doing when you develop. Are you still minifying, compiling, concatenating, compressing, prefixing all your code manually? Nonsense poopy pants! In this tutorial I will show you how Grunt will do all this for you, and then some!

So you got your fancy responsive site up. It looks great on your iPad, iPhone, Galaxy Note, Xperia Go, refrigerator and Tamagotchi. But have you given a thought on it’s mobile performance? In this post I’ll go over 4 simple steps to make your site more mobile friendly.