16 October 2012 in jQuery

Our jQuery Mobile eBook: Third Edition Out Now!

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

The third edition is fully updated for jQuery Mobile 1.1 and 1.2, including all the data attribute changes, API changes and other improvements to the framework since 1.0. Some of the great new features covered in the book include:

- Vastly improved toolbars and transitions

- A brand new popup widget

- Mini form elements

- A new, more customizable loading spinner

- Slider and listview improvements, and

- An improved ThemeRoller tool.

We've also updated the CityChums app in Chapter 13 for PhoneGap 2.1, Xcode 4.5 and the new 4-inch Retina display on the iPhone 5, and we've tweaked it so it runs more smoothly.

Find out more and grab your copy today!
9 October 2012 in Website Marketing

Using Twitter to Turn a Crisis into a Save

Using Twitter to Turn a Crisis into a Save
Many firms are very scared of social media, fearing that they will be rubbished in front of the whole world. The truth is, you can expect a certain amount of criticism when you open yourself up on social media, but you have to regard it as an opportunity to interact with and better get to know your customers. Done right, it can enhance brand loyalty like no other medium.

In this article, Simon Meek shows how a firm can turn a really grumpy, publicly moaning customer into a happy, more loyal one, using nothing but the power of Twitter!
9 September 2012 in Website Authoring

Web Design State of the Nation: One Designer's Journey

Web Design State of the Nation: One Designer's Journey
In this article, Simon looks at how web design and build workflows have changed for him over the last eighteen months.

From visual design tools to wireframes, responsive design and working with live data, the landscape has changed significantly in terms of tools, focus and workflow.

Read about how these and other changes have affected Elated's in-house designer.
31 July 2012 in Website Authoring

Build Responsive Sites Quickly with Foundation

Build Responsive Sites Quickly with Foundation
While a responsive layout isn't too hard to create, things can get fiddly once your layout starts getting more complex. On top of that, there are cross-browser issues to deal with, as well as setting up nice defaults for typography, colours, buttons, forms, menus, and so on.

This is where frameworks like Foundation come in. Foundation gives you a responsive grid, cross-browser CSS, and good-looking default settings for all sorts of page elements.

In this introduction to Foundation, you'll get an overview of Foundation's features, and see how you can use the framework to rapidly prototype and build your next website. Enjoy!
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!

Follow Elated