25 August in jQuery

Create Smooth Rotatable Images with CSS3 and jQuery

Create Smooth Rotatable Images with CSS3 and jQuery
With the advent of CSS3 transforms, we can do some nice tricks with elements in a web page, including rotation, scaling, and skewing. Once we start throwing jQuery into the mix too, we can start doing some really nice tricks!

In this tutorial, Matt shows how to use CSS3 and jQuery to create images that can be smoothly rotated using the mouse. Full example and code download included. Enjoy!
23 August in ImageKits

More Free London Stock Photos

More Free London Stock Photos
We've just added 20 more lovely high-res stock photos to our ImageKits, taken recently in London, England.

This set of images includes pubs, office buildings, the Palace of Westminster (a.k.a. the Houses of Parliament), fire bells, flags, abstract photos, and more.

Have fun, and enjoy using them on your sites. :)
16 August in PHP Arrays

Easy Ways to Sort Arrays in PHP

Easy Ways to Sort Arrays in PHP
PHP gives you a large number of sorting functions that can sort arrays using many different criteria. For example, you can sort in ascending or descending order, by key, or by value. These functions make it really easy to sort arrays without getting bogged down in the details of sort algorithms.

In this tutorial you'll learn how to use these sorting functions. We won't try to cover every single sorting function in this tutorial. Instead, you'll learn about the functions that you're likely to find the most useful in your everyday coding.

Have fun!
11 August in JavaScript

A Snazzy Animated Pie Chart with HTML5 and jQuery

A Snazzy Animated Pie Chart with HTML5 and jQuery
In this tutorial Matt shows you how to build a lovely, interactive pie chart using the latest HTML5 technologies.

Not that long ago, this kind of thing was only practical to do with Flash. Now, thanks to advances such as the HTML5 canvas element, we can create pretty nifty animated effects using nothing but JavaScript, CSS, and a small sprinkling of maths. Hurrah!
3 August in jQuery

Super-Easy Animated Effects with jQuery

Super-Easy Animated Effects with jQuery
One of the lovely things about jQuery is it makes it ridiculously easy to animate page elements. Whereas you previously had to mess around with setTimeout() or setInterval(), and lots of JavaScript code, with jQuery you can work wonders with just a line or two of code.

In this tutorial we'll cover some of the more common effects you can achieve with jQuery, including fading, showing, hiding, sliding, animating CSS properties, animation sequences, and more!
30 July in ImageKits

Free London Stock Photos

Free London Stock Photos
We've just added 20 lovely stock photos to our ImageKits, taken recently in London, England.

Images include Big Ben, city architecture, sculptures, signs, and the marvellous London Eye.

More London pics to come soon. Enjoy!

Photoshop to HTML Step-By-Step, Layout 1: 'MiniMal'

Photoshop to HTML Step-By-Step, Layout 1: 'MiniMal'
A common question we get asked here at Elated is: "How do you take a design in Photoshop and turn it into a finished HTML and CSS website?"

We've given this some thought, and we reckon the best way to answer this question is by example. So this series of tutorials will look at how we took the Photoshop designs for our free PageKits (website templates) and turned them into the finished HTML/CSS templates.

Each tutorial will cover a specific template. In this first tutorial, Matt walks you through our most recent template at the time of writing: MiniMal. Enjoy!
19 July in PHP Arrays

Using Multidimensional Arrays in PHP

Using Multidimensional Arrays in PHP
Array elements in PHP can hold values of any type, such as numbers, strings and objects. They can also hold other arrays, which means you can create multidimensional, or nested, arrays.

In this tutorial you learn how to create multidimensional arrays, how to access elements in a multidimensional array, and how to loop through multidimensional arrays.
13 July in HTML

Your First 10 HTML Tags

Your First 10 HTML Tags
Just starting out with HTML? Here are 10 essential HTML tags that you'll need to know when building your web pages. If you learn how these 10 tags work then you'll have enough knowledge to put together a basic page.
1 July in jQuery

Kitchen Table: Adding a Lightbox

Kitchen Table: Adding a Lightbox
In Kitchen Table: A Slick Photo Light Table Using CSS3 and jQuery, we created a nice-looking "light table" of draggable photos.

In this tutorial you'll learn how to enhance the light table by adding a lightbox to display a bigger version of a photo when it's clicked. You'll also display a caption for the image within the lightbox.

Follow Elated