12 July 2011 in HTML

7 Lovely Things About HTML5 Markup

7 Lovely Things About HTML5 Markup
HTML5 has been creating quite a stir over the last couple of years, as more and more browsers implement the latest and greatest HTML5 features.

HTML5 is quite a broad term, encompassing everything from the revised markup specification through to new API features such as audio, video, canvas and geolocation.

In this article, Matt Doyle focuses on the markup language itself, and looks at 7 ways that HTML5 markup is nicer than HTML4.
More...
29 June 2011 in PHP Objects

Object-Oriented PHP: Autoloading, Serializing, and Querying Objects

Object-Oriented PHP: Autoloading, Serializing, and Querying Objects
Welcome to our fourth object-oriented PHP tutorial!

In this tutorial, you're going to tie up some loose ends and look at some other useful OOP-related features of PHP. You'll find out how to load classes automatically on demand; convert objects to strings (and back again); and use special PHP functions for discovering useful information about classes and objects.
More...
17 June 2011 in Web Design and Style

Redesigning a Site For Mobile: What's Involved?

Redesigning a Site For Mobile: What's Involved?
How do you take an existing website, and design a version that looks and works great on mobile devices?

In this article, Simon Meek shows how you might redesign an existing site for mobile, using (what else?) the Elated site for inspiration. You'll see how the process of paring down features can produce a clean and elegant mobile design.
More...
8 June 2011 in Web Graphics and Multimedia

Stock Photos Giveaway: Win a Cutcaster Account with Free Credits!

Stock Photos Giveaway: Win a Cutcaster Account with Free Credits!
It's giveaway time again on Elated! This week, we have 2 stock photo accounts on Cutcaster to give away. Each account is loaded with 50 free credits (worth $45) that you can use to purchase and download any stock photos and vector art files from Cutcaster.

Enter now for your chance to win!
More...
3 June 2011 in Website Authoring

10 Ways the Mobile Web is Different

10 Ways the Mobile Web is Different
As mobile web browsing becomes more common, it's increasingly important to design websites for mobile use as well as for desktop browsing.

How do you make a website work well on a mobile browser? It helps to think about how the mobile browsing experience differs from desktop browsing. In this article you'll touch on 10 important factors that make the mobile web different, and find out how you can use those factors to influence your mobile site design decisions.
More...
1 June 2011 in jQuery

Coming Soon: Master Mobile Web Apps with jQuery Mobile

Coming Soon: Master Mobile Web Apps with jQuery Mobile
We're pleased to announce our first book! Master Mobile Web Apps with jQuery Mobile shows you how to build great-looking mobile web apps easily using the up-and-coming jQuery Mobile framework.

This 250-page book is packed with useful info, including a detailed markup and API reference, theming tips, and a "getting started" guide. There's also an in-depth tutorial showing you how to build a complete to-do list web app using jQuery Mobile, PHP and MySQL.

As well as the book, you get a zip file containing all the source code, so you can easily follow along with the examples in the book.

We're looking to publish the book in July. Enter your email address on the book page, and we'll send you an email the moment we publish it.

Have fun!
More...
26 May 2011 in PHP Objects

Object-Oriented PHP: Working with Inheritance

Object-Oriented PHP: Working with Inheritance
Welcome to our third object-oriented PHP tutorial. In this tutorial you'll explore the idea of inheritance in object-oriented programming, and how inheritance works in PHP. With inheritance, your objects and classes can become much more powerful and flexible, and you can save a lot of time and effort with your coding.

The tutorial covers the concept of parent and child classes; overriding methods; final classes; abstract classes, and interfaces. It includes lots of code examples to help explain the topics.

Happy coding!
More...
18 May 2011 in CSS

LESS Is More: Make Your CSS Coding Easier with LESS

LESS Is More: Make Your CSS Coding Easier with LESS
CSS stylesheets are becoming longer, more complex, and harder to manage. It's not uncommon for a typical stylesheet to run into hundreds of lines of code, with a large number of interdependent rules.

For this reason, various dynamic stylesheet languages are starting to spring up. These allow you to write your CSS rules using a more flexible, powerful language that is then turned into regular CSS for the browser to interpret.

In this article you'll learn how to use LESS, an increasingly popular dynamic CSS language that you can use to streamline your CSS coding, saving you time and effort.
More...
12 May 2011 in Web Graphics and Multimedia

Stock Photos Giveaway: Win a 1-Year StockedPhotos Membership Worth $99.99!

Stock Photos Giveaway: Win a 1-Year StockedPhotos Membership Worth $99.99!
Time for another great giveaway here on Elated! This week, we're giving away two 12-month stock photo accounts over at StockedPhotos.com. This account lets you download as many pro-quality, royalty-free stock photos as you like during the 12-month period. No daily limits, and no per-photo fees. Nice!
More...
6 May 2011 in jQuery

Cover Flow Remade with CSS and jQuery

Cover Flow Remade with CSS and jQuery
If you've used a Mac or iTunes at all, you've probably come across the Cover Flow view. This shows you a series of album covers, photos, or other documents in 3D, allowing you to flip between them by clicking them, dragging a scrollbar, or using the arrow keys.

It's a nice effect, but it requires a fair bit of processing power to accomplish. I thought it'd be a fun challenge to recreate it as closely as possible in a browser using CSS and JavaScript. At the start I had no idea if this was even possible, but I'm pretty happy with the result!
More...

Follow Elated