Deal of the week: Massive infographic bundle

There’s no escaping the fact that some of the most vital information can be as dull as dishwater. No matter how you try and write up facts and figures, they just don’t grab people. When it comes communication, an infographic is worth a thousand statistics. So we’re delighted that our sister-site, MightyDeals.com, has put together this great deal on a huge infographic bundle to get you started on the path to viral content. Included in the deal are over 100 unique infographic templates, packed with...
Read more

Introducing Recess

We all make mistakes when creating our code, it’s part of being a programmer and having a linter that pulls us up when we make errors is always a great idea. We already have a famous one for JavaScript, JSLint, and now Twitter has given us one for CSS. It’s called Recess and it can help us keep our CSS code clean and super manageable. Installation In order to install this linter you’ll first need to have node and npm installed on your computer. If you have that installed then installing recess is as simple...
Read more

How to use CSS filters

CSS Filters are a powerful tool that allow us to achieve some amazing visual effects with our elements; they are especially great for hover effects. Filters provide us with a method for modifying the rendering of a basic DOM element. They allow you to do things like blur, modify contrast, even the color of your element. Creating filters When I think about image filters, the first thing that comes to mind is the black and white filter; taking a full-color image and turning that image into a monochrome version...
Read more

Getting started with PhoneGap, part 3

With the first and second parts of this tutorial we have gotten pretty far when it comes to understanding PhoneGap and in this last part we will take a look at some more device API’s that we can make use of when creating our mobile applications with PhoneGap. The Contacts API The name in this API is pretty self explanatory , with this API we can access the device’s contacts database and it allows us to either create , find , clone or delete a contact. To create a contact we need to use the contacts.create method...
Read more

How to migrate from Bootstrap 2 to Bootstrap 3

Bootstrap is without a doubt the most widely used front-end framework, it's thought to power 1% of all websites currently on the web and if we look at how Bootstrap is built it's easy to see why, it simply makes development so much easier for us. Now the RC2 of Bootstrap 3 is out and they have completely redone the framework from top to bottom. Let's now see what has changed to help your migration a little. The grid The grid is one of the biggest changes and has been completely rebuilt for a mobile-first approach...
Read more

Getting started with PhoneGap, part 2

The first part of this mini-series showed you what PhoneGap is, and how it can help you develop mobile applications with familiar technologies. In this second part we’ll look at some more device APIs. The geolocation API This API is used on a variety of websites to make the site (or in this case the mobile application) location aware. A simple example that would get you the user’s latitude, longitude and altitude coordinates and show them on the screen would look something like: document.addEventListener("deviceready",...
Read more

Getting started with PhoneGap

Creating Mobile applications is something a lot of web developers are keen to get into. The problem with creating these applications when coming from a web background is that new languages need to be learned. With PhoneGap that need is gone, PhoneGap allows you to build web applications with languages you are already familiar with like HTML, CSS and JavaScript. What is PhoneGap ? PhoneGap is an open source framework that aids in the development of cross-platform applications with languages familiar...
Read more

How to use the progress element

When creating a web site we sometimes need to provide the user with feedback on the progress of a particular task , whether that be uploading a file, saving a document or even showing them how much is left until they complete filling in a form. Until now, there has never been a specific HTML element that served this purpose, but now we have the progress element that, as the name suggests, was made to represent the progress of these tasks. Using the progress element When it comes to using this element we have...
Read more