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.
24 June in jQuery

Working with jQuery Events

Working with jQuery Events
In this tutorial you'll learn how to use events in jQuery. Events are fundamental to most JavaScript web apps. Using events, your code can respond to things happening in the browser, such as the user clicking a button, entering text into a form field, or submitting a form.

How We Redesigned Elated.com: The Build Process

How We Redesigned Elated.com: The Build Process
Following on from Simon's article on designing the new-look www.elated.com, Matt takes a journey from PSD to HTML (via CSS and PHP) to show how he implemented Simon's new design.
11 June in jQuery

Kitchen Table: A Slick Photo Light Table Using CSS3 and jQuery

Kitchen Table: A Slick Photo Light Table Using CSS3 and jQuery
In this tutorial you learn how to use CSS3 and jQuery to create a nice-looking virtual light table with draggable photos. It's a lovely touchy-feely way to present a handful of photos for viewing. Full code download included. Enjoy!
8 June in jQuery

Removing, Replacing and Moving Elements in jQuery

Removing, Replacing and Moving Elements in jQuery
In Matt's latest jQuery tutorial, you learn how to use jQuery to easily remove elements from the page, replace elements, and move elements around. Essential reading for any budding jQuery coder!
4 June in Photoshop

Getting to Know Photoshop's Toolbox

Getting to Know Photoshop's Toolbox
This tutorial gets you up to speed with the Photoshop toolbox, and each of the tools it contains. By the time you've finished reading it, you'll be well on your way to working proficiently with the Photoshop toolbox, and you'll have a good general understanding of all the tools in Photoshop too!

Follow Elated