How to style range sliders in Webkit

HTML5 saw the introduction of several new form input types, including range. This means that range sliders can be created in HTML itself, although initially it tended not to be used, firstly because of JavaScript alternatives already in use, and secondly because of the lack of adaptable components. In most browsers there is still no way to completely customize an input slider, but webkit browsers do provide some nice control. The demo for this article can be found here. The input ... The range input...
read more

Create a nice looking website without knowing any code

Were there not dozens of times you wish you knew how to make a website? I know, the code requirement put you off, like it puts off everyone except programmers. Hiring a web designer, and in some cases a programmer as well is sometimes costly enough to make one switch business. You're not the only one in this position, but fortunately, times are changing for the better. Coding is becoming something of the past and the new generation of web builders makes the web accessible for everyone. With IM Creator, it...
read more

Feature detection with CSS @supports

Since its arrival, browser support for CSS3 has been variable, making feature detection not just a good idea but best practice. Although this detection is usually done with JavaScript, ideally it would be done within CSS which is where @supports comes in. CSS @supports allows us to have simpler and cleaner feature detection that doesn't rely on other technologies, and works even if JavaScript is disabled. Browser support ... Unfortunately as with so many cool technologies, there is the issue of browser...
read more

Quality Virtual Private Servers for web developers and designers

I would like to provide an outline of (mt) Media Temple’s virtual server hosting. This is a review that aims to present essential aspects of their DV Managed and DV Developer hosting services. DV Developer is the answer to every web developer’s dreams ... DV Developer works exclusively with Linux, and is crafted especially for seasoned developers, who are basically left to their own devices and unencumbered in the process of creating everything from scratch. And true enough, as far as software...
read more

HTML5 JavaScript Gem Game With Saved Scoreboard

Everyone is talking about HTML5 games and how they are the future of mobile gaming, but where do you start? What is it you need to do to create a game? In short the answer is actually "not much", everything that I will be using in todays tutorial I've already covered in various different guises in my previous tutorials. We'll be using only pure JavaScript and CSS in this tutorial and the images I've used are from the PlanetCute image pack from Daniel Cook Apologies in advance, but this is a fairly length tutorial....
read more

Tools And Tips To Make Your Life Easier As A Web Designer

There are plenty of applications, resources or services out there that can help make your life as a web designer easier. I've used many different ones over the years, and there are some I keep coming back to. This is a personal list, and I would love to hear about any alternatives that you've found useful too! Task Management ... One of the most important things in your life (both personal and professional) is your time. There is a finite amount of it and keeping track of what you have to do and by when is vital....
read more

Using HTML5 Drag And Drop To Create A Shopping Cart

The release of HTML5 introduced native Drag and Drop functionality to modern web-browsers. This means it is now possible to have movable elements on screen without the aid of frameworks like jQuery. This week we'll be taking advantage of the drag and drop functionality to create a basic shopping cart. The basic functionality we'll cover, will be adding an item to the cart and if it already exists updating the quantity and totals. Getting Started ... The first thing we'll need is a basic structure for...
read more

Turning the Querystring into a JSON object using JavaScript

The query string in the DOM has always been a bit awkward, why there isn't a standard method of parsing it is beyond me. The normal route most people follow is to convert it in to a simple array of Key/Value pairs. This allows you to then access the values of the query string using the array accessor syntax. //domain.com/index.html?key=value var value = querystring_array['key']; Still a little clumsy isn't it? Wouldn't it be great to be able to just retrieve the value from a normal JavaScript/JSON object?...
read more
Load more