Giving Users Offline Access with HTML5 Application Cache

Offline storage is one of the most anticipated features of HTML5. With users browsing to your pages and accessing your Web apps on various devices, often with limited connectivity, the Application Cache utility could prove to be a serious advantage. With HTML5 App Cache, you can instruct supporting browsers to cache copies of certain files. Once these files have been downloaded they will then be accessible offline. In this tutorial we will work through a simple example of caching a page, including...
Read more

Clever Problem Solving Techniques for CSS

With the launch of HTML5 and CSS3 came new ways and techniques of using these advanced tools to resolve development challenges in clever ways. CSS3 can be implemented on websites to improve the browsing experience for users as well as help in quickly creating effects or functionality that for a long time required hours of labor for web developers. Below are clever ways to leverage CSS3 for Web developers: Responsive Images Responsive web design allows a design to scale perfectly based on the context....
Read more

Rotating Web Page Elements Using The CSS3 Rotate Transform

With CSS3, you can rotate Web page elements by a specified number of degrees, clockwise or anti-clockwise. With a small amount of HTML and JavaScript code in conjunction with CSS declarations, you can also animate these rotations. In this tutorial we will work through the process of rotating an image element by varying amounts as well as animating the function, initiating the rotation on user interaction with the page. Create a Page Save a new HTML file in your chosen editor, using the following outline...
Read more

Free, expert website monitoring!

Knowing if your website is working properly is the first step in catching potential problems before they blow up. But unless you have time to check your site every five minutes or you want to wait for your visitors to tell you there’s a problem, you need some kind of monitoring service. Monitor Scout provides web-based monitoring that lets you know when your site is having problems, twenty four hours a day and seven days a week. You’ll know about issues before your visitors notice, and in time to fix...
Read more

A Simple Way to Stop Bandwidth Theft from Your Website

Boosting online traffic is one of the main goals for virtually every website on the Internet. A conscientious site owner, seeking to optimize performance, will regularly check detailed traffic logs available through their hosting account or a third-party service, like Google Analytics. One very big potential problem that can be quickly detected involves the unauthorized use of files from your website by another Internet property. You must be watchful for this practice, especially if your site...
Read more

How to Make Smooth Transitions with CSS3

In the past, the W3C debated whether page transitions belong in our CSS stylesheets, under the domain of web designers, or in our code, under the domain of web developers.  After much lobbying by both designers and developers, they created a working draft for transitions. Once this specification is officially adopted, CSS3 Transitions will become a standard tool in web browsers. Until that time, we had to rely on vendor prefixes for this feature. NOTE: IE9 does not support the CSS3 Transitions...
Read more

An Introduction to Underscore.js – Part 2 Array-like collections

In part one we looked at a few of the useful array methods that Underscore provides for us. In this part of the tutorial we're going to take a look at some of the syntactic sugar that Underscore gives us to work with array-like collection. An array-like collection is something similar to array in that it is a collection of things as opposed to a single value, but they lack some of the things that arrays possess, such as a length property. We’ll be using the following JavaScript collections in the examples...
Read more

Learning LESS: Variables

We continue on our journey of Learning LESS today as we dive in to the wonderful world of Variables. If you haven't read Learning LESS: An Introduction, be sure to read that first to cover some intro to this topic. Blog Series Roadmap An Introduction Using Variables Using Mixins Using Nested Rules Using Functions Divide and Conquer Put It Into Action So let's dive in to LESS Variables, and showcase some of what you can do with them. The Syntax The syntax for LESS is almost identical to CSS. And the creators...
Read more