Creating a sticky header bar using jQuery and CSS

A hot trend in web design these days is the use of sticky headers, where the header becomes temporarily fixed on the page whenever the user starts to scroll past it, keeping the element in view. In this tutorial we'll dissect the making of a well engineered sticky header using jQuery and CSS.

Creating an off-canvas side menu using CSS3 (and a touch of JavaScript)

In this tutorial, we'll see how to create the iconic off-canvas side menu from scratch using CSS3 only, and with the help of a little JavaScript, polish it off so it's fully ready for real world use.

Fixing mobile usability issues to comply with Google- a quick start guide

A site's mobile usability will now play an important role in how well your site ranks on Google for mobile searches. In this quick start guide we show you how to quickly address the key mobile issues that result in a failing grade for Google, and also, tips on taking your site a step further to become fully responsive.

Matching multiple CSS media queries using window.matchMedia()

A common question that gets asked is how to use JavaScript's window.matchMedia() method to react to multiple CSS media queries. In this tutorial we explore how.

A pure CSS Before and After image effect

In this tutorial we'll see how some careful stacking of two images in CSS can make way for a quick "before" and "after" image effect, whereby moving the mouse over the image container peels back one image to reveal another.

Creating a basic parallax scrolling effect using CSS and JavaScript

Parallax scrolling is a visual technique where elements on the page move or animate at different speeds as the user scrolls the page, creating depth and visual intrigue. This tutorial walks you through how to create a simple parallax scrolling effect using CSS and JavaScript.

Creating a live CSS clock using CSS3 and requestAnimationFrame()

Pure CSS only interfaces are all the rage these days, so lets explore that concept with our very own CSS3 clock, then see it come to life using some JavaScript.

Manipulating CSS3 transitions using jQuery

In this tutorial we look at how to use jQuery to dynamically modify CSS3 properties and react to when a transition has completed. It's the key to injecting logic to your transitions!

Introduction to Touch events in JavaScript

In this tutorial lets get touchy feely with JavaScript, by examining its touch related events and how they are used to detect and respond to touch and swipe events.

Introduction to CSS media queries

With today's challenge of building webpages that look right in the myriad of different devices comes CSS media queries, a nifty CSS feature that builds upon CSS Media types of CSS 2.1 to help you easily cater your page based on the aforementioned factor and more.