25 June 2012 in JavaScript

Knockout Tutorial: Build Dynamic, Interactive Web Pages Easily

Knockout Tutorial: Build Dynamic, Interactive Web Pages Easily
JavaScript is a great language, but building complex user interfaces for websites and web apps using JavaScript alone can get tedious and fiddly. For this reason, a large number of useful JavaScript libraries have emerged in recent years to make your job as a JavaScript coder easier and more fun.

One recent library that's growing in popularity is Knockout. Using Knockout, you can build complex user interfaces in a fraction of the time that it would take you to code everything by hand.

In this tutorial, you learn Knockout from the ground up. You explore the key concepts behind Knockout, and learn how to create interactive web pages quickly and easily. At the end of the tutorial, you work through a complete "product selection" example that shows how to use Knockout in practice.
31 May 2012 in PHP

How to Add Image Uploading to Your CMS

How to Add Image Uploading to Your CMS
Since publishing Matt's tutorial Build a CMS in an Afternoon with PHP and MySQL last year, many readers have asked how to add an image upload feature to this CMS.

In this tutorial, you learn how to do exactly that. You'll modify the CMS code so that an image can be uploaded for each article. The CMS then displays the image when viewing the article page, and also creates smaller thumbnail images for the article list pages.

Along the way, you'll learn all about how file uploads work in PHP, and how to manage uploaded images on a server.

The tutorial includes the full CMS code - including image upload support - as a downloadable zip file.
7 May 2012 in Web Design and Style

eBook Giveaway: Win a Copy of The Best 365 Websites Around the World

eBook Giveaway: Win a Copy of The Best 365 Websites Around the World
It's giveaway time again here on Elated! This week, you can win a digital copy of "The Best 365 Websites Around the World (2011)" from the lovely folks over at Awwwards. We have five digital copies of this beautiful eBook to give away.

Enter now for your chance to win a copy!
27 April 2012 in Web Development

Easy HTML Templates with Mustache

Easy HTML Templates with Mustache
Templates are a great way to separate your website's code from its design. In this tutorial you'll explore Mustache, a relatively new and very simple template system that you can easily use to create HTML templates.

Along the way, you'll see plenty of code examples that show you how Mustache works. At the end of the tutorial, there's a complete example that uses Mustache, along with jQuery, to create a simple Ajax-based product list page.
16 April 2012 in jQuery

jQuery Mobile 1.1: Smoother, Faster, Nicer

jQuery Mobile 1.1: Smoother, Faster, Nicer
The latest version of jQuery Mobile, 1.1, has just hit the streets, and it has some great new features and improvements over 1.0. In this article you'll get a quick run-down of jQuery Mobile 1.1, and all that it has to offer you as a mobile web developer.

You'll look at improved fixed header and footer toolbars; enhancements to page transitions; new transition effects; loading spinner improvements; cute mini form elements; and lots more!
6 March 2012 in jQuery

Ajax with jQuery: A Beginner's Guide

Ajax with jQuery: A Beginner's Guide
Many modern websites - and practically all web apps - use a technique called Ajax to provide a smooth, fast experience for the user. From apps like Gmail and Google Maps through to JavaScript frameworks like jQuery Mobile, Ajax is a popular way to fetch data from a server in the background and update the page dynamically.

Writing Ajax JavaScript code from the ground up can be fiddly. However, many JavaScript libraries, including jQuery, have excellent high-level support for Ajax, making it easy for you to build Ajax-driven websites and apps with minimal hassle.

In this tutorial, you'll learn the basics of making Ajax requests using jQuery.

Enjoy!
17 February 2012 in Website Authoring

Responsive Web Design: 5 Handy Tips

Responsive Web Design: 5 Handy Tips
In Matt Doyle's previous article Responsive Web Design Demystified, he explained the concepts behind responsive web design, and showed how to build a simple responsive layout from the ground up.

In this new article, you learn five additional techniques that will help you build great responsive layouts. You'll put each technique into practice as you build on the responsive layout created in the previous article.

Enjoy!
25 January 2012 in PHP

How to Add Article Categories to Your CMS

How to Add Article Categories to Your CMS
Since Matt published his tutorial Build a CMS in an Afternoon with PHP and MySQL, many readers have asked how to add more features to the CMS, such as article categories and a visitor comments system.

In this tutorial, you learn how to add article categories to the CMS. Categories give your site more flexibility: you can create separate section pages of your site, with each section page listing the articles belonging to a particular category.

The tutorial includes the full CMS code - including category support - as a downloadable zip file.
16 December 2011 in jQuery

Our jQuery Mobile eBook: Second Edition Out Now!

Our jQuery Mobile eBook: Second Edition Out Now!
We're very pleased to announce that the second edition of our eBook, "Master Mobile Web Apps with jQuery Mobile", is now out!

The second edition:

- Is fully updated for jQuery Mobile 1.0, including all the data attribute changes, API changes and other improvements to the framework since Beta 2.

- Includes a whole new chapter that shows how to build a native iOS app using jQuery Mobile, PhoneGap and the Google Maps API. You can use these techniques to build native apps for iOS, Android and other platforms that you can then sell through stores like Apple's App Store and Google's Android Market.

- Contains a new section on the excellent jQuery Mobile ThemeRoller, which lets you easily create a unique look for your apps.

- Now has a Table of Contents embedded in the PDF, making it easy to navigate around the book.

The second edition has over 100 new pages, yet it is still the same price as the first edition, making it even better value.

Find out more and grab your copy today!
22 November 2011 in Web Graphics and Multimedia

Business Card Giveaway: Win 250 Free Cards from UPrinting!

Business Card Giveaway: Win 250 Free Cards from UPrinting!
It's giveaway time again here on Elated! This week, you can win 250 great-looking die-cut business cards to impress your clients. UPrinting's unique-looking cards are available in different sizes with various rounded corner styles. You can even print oval or circular cards!

As part of the giveaway, UPrinting is generously offering free shipping for the prize, no matter where you are in the world. So if you win, your 250 cards are 100% free.

Enter now for your chance to win!

Follow Elated