5 Nice Tutorials: How To Store Form Data Locally Using HTML5 and jQuery

HTML5 is quite handy when we talk about Local Storage of our form data. If you are using same form at different location of your website and telling users to enter the same information then you may ease your users by using HTML5 Local Storage property which allows you to store form data locally at first submission and shows the same form data with prefigured values when user trying to submit same form again but from different location of the website.

In this post I am sharing 5 very good tutorial to teach you how to use HTML5 Local Storage property to store your form data locally. These tutorials are very well described and easy to understand. If you have just started using HTML5 form then these tutorials are would be very informative to you.

Here's the following list of tutorials:

1. Store Form Data with HTML5 localStorage and jQuery

This is a very simplistic jQuery function utilizing localStorage that I devised to help meet a specific need for a local client here in Utah county. I have re-written it here to be more flexible.

2. Wrapping Things Nicely with HTML5 Local Storage

A very well described tutorial by Christian Heilmann posted on 24ways.org. In this helpful tutorial he has shared step by step guide to understand local storage using HTML5.

3. HTML5 & jQuery: localStorage forms

Working on a very cool new HTML5 application, I’ve had some useful experience with using localStorage. For those new to localStorage, it’s simply a way to store key and value pairs locally, meaning that like with cookies,  even after the user has left the page, data can be retrieved. It works differently from cookies in that the data is not stored on the server, rather its stored within the client web browser. It’s especially useful for forms and enhancing the user’s personal experience.

4. Using HTML5 localStorage on a form

HTML5 localStorage provides us with the ability to store named key/value pairs locally within a users browser, this means that the data stored in localStorage is still there even after a user has closed the browser, deleted their cookies or turned off their machine/device.

5. Storing Data the Simple HTML5 Way (and a few tricks you might not have known) 

This post is about the Web Storage API. Technically it’s been shifted out of the HTML5 specification and can now be found in it’s very own dedicated spec. But if it counts at all – it used to be part of the Web Applications spec.

Do you have any opinion please leave a comment or share this post in your social network. 

How To Create jQuery Plugin 15 Must Read Tutorials

Now a days using jQuery is a real fun for web developers across the world and why not it is very flexible and interactive script that allows you write do more writing less.

Writing your own jQuery plugin is more challenging than using ready made plugin that is easily available on a click. For creating your own plugin you should have good understanding of javascript and have passion to learn jQuery.

If you are really keen about creating your own plugin than you should be able to create plugin after reading these very interesting tutorials. In this post I am sharing some really useful jQuery plugin tutorials that will help you in a better way.

Here's the list of tutorials:

1. jQuery  Plugin/Authoring

In this very first tutorial that is from jQuery website itself will help you to understand the basic fundamentals of plugin. It contains getting start guide that teaches you from the scratch.

2. Learn How to Create a jQuery Plugin by Jeffrey Way

You might think to yourself, “What is all the fuss with jQuery? You have to download a bunch of plugins to even make the library worth while.”. First, that isn’t true. Second, the jQuery library was specifically designed for that very purpose.

3. The Definitive Guide to Creating a Practical jQuery Plugin by Dan Wellman

In this article you’re going to be building our very own jQuery plugin step-by-step from scratch; jQuery makes this task exceptionally easy for us, giving us a simple method of packaging up our scripts and exposing their functionality, and encouraging the use of scalable and reusable object-oriented techniques.

4. How to Create Your Own jQuery Plugin by Elijah Manor

If you have never created a jQuery plugin, it takes just a few simple steps to get started. By following a handful of guidelines, you can develop a plugin that behaves and feels like a native jQuery method.

5. Create a custom jQuery plug-in by Kris Hadlock

jQuery is a powerful library that delivers all of the core functions you need when developing a JavaScript project. However, sometimes it's necessary to extend the core functions with custom code that helps you be more productive. In this article, learn how to create a custom reusable plug-in using the jQuery library.

6. Building Your First jQuery Plugin by Jeremy Martin

So you were out on your quest to find the answer to life, the universe, and everything, when blam, you found jQuery. Yes, I know, you were expecting 42, but too all of our surprise, it was jQuery. So what's next? Build your own plugin!

7. Learn How To Create Your Own jQuery Plugin by Giulio Bai

jQuery offers a very practical and easy way to build plugins, as well as a very good documentation on this subject. However, it could be useful to see how a plugin is written step-by-step.

8. Creating jQuery Plugins by Jack Slingerland

Not too long ago I decided to write a jQuery plugin for making the use of iScroll a little less painful. Since I made the plugin at work I’m not really at liberty to share it. But what I can share is a step by step tutorial for creating a jQuery plugin of your own.

9. My first jQuery plugin - how easy was that? by Richard Quick

I've been writing Javascript (on and off) for since 1999, and doing jQuery for over 2 years now. I've even gotten pretty good at it. So, I decided it was time to start writing my first actual jQuery plugin.

10. How to write jQuery plugins by Tim Koschützki

jQuery, the most popular javascript library out there, is great for DOM abstraction. It allows you to encapsulate functionality into your own plugins, which is a great way to write reusable code. However, jQuery's rules for writing plugins are very loose, which leads to different plugin development practices - some of which are pretty poor.

11. Making a jQuery Plugin Truly Customizable by James Padolsey

Most if not all of the jQuery plugins out there have some level of customization. But very few of the plugin authors have mastered the very particular art involved.

Achieving the "optimum level" of customization is a bit of a balancing act… go too far either way and you've got an unusable plugin!

12. Creating a jQuery plugin by Mike Barlow

In this tutorial, we’ll show you the basics of how to create your very own jQuery plugin by showing you how to create a jQuery accordion. This tutorial assumes you already have a working knowledge of html, css and some jQuery.

13. How to create a jquery plugin from scratch in 3 easy steps

jQuery plugins are a great way to reuse a certain functionality you find yourself using all the time. Whether you make a Plugin for yourself or share it with the world Plugins will save you a lot of time. The best thing about Plugins is that they are really easy to make! Let’s get started.

14. Develop your own jQuery plugin by Adrien Gueret

jQuery is arguably the most popular of the JavaScript libraries, and its popularity only continues to grow. A lot of websites have adopted jQuery for the dynamic effects that it can produce to create sleek, professional user experiences.

15. How to Make a jQuery Plugin - Tutorial for Beginners by Greg Sidelnikov

In this tutorial you will learn about 2 different jQuery plugin patterns (pattern A and pattern B) -- by the end of this tutorial, you should be able to grasp the basics behind writing custom jQuery plugins.

Do you have any opinion please leave a comment or share this post in your social network.

10 Delicious Online Food Ordering Websites For Your Inspiration

Now the festival season has began we always like to food outsides or order food online. Due to technology advancement ordering a food online is just a click away.

Some of popular websites like Nandos, Grubhub and Foodtoeat have made their sites very user friendly. So if you are going to design a fresh food ordering website then this post going to help you.

In this post I am sharing some very good online food ordering websites for your inspiration and to boost your creativity. I hope these sites would help you.

Here's the following websites list:

1. Nandos

 2. Foodtoeat

 3. Grubhub

 4. Seamless

 5. Just-eat.co.uk

 6. Hungryhouse.co.uk

 7. Orderit

 8. Eat24hours

 9. Zomato

 10. Meal2go

Do you have any suggestion, please leave a comment.