Sticky forms are so called because the data a user inputs into the form “sticks”. The problem with a standard web form is that the data inputted will only remain on the form until the form page is either refreshed or moved away from. This can lead to frustration for a user who has filled out a form but then decides to visit another page before returning to find they need to fill in every field of the form again.
Click here to view the demo
Sticky forms give the user the freedom of moving around the site, knowing whatever actions they have taken on a form will still be there when they return. Using PHP sessions and cookies we can also store that information for use on forms on other pages or for when they visit the site at a later date.
In this tutorial we’re going to look at making sticky forms that will capture data in a PHP session. We’ll also use AJAX to make each field on our form save the data into a session as soon as that field loses focus.
Actinic is an eCommerce software application that allows you to develop and manage an online web store. This guide demonstrates how to use Actinic version 8 to manage your web store’s content and products.
Restore Initial View
Actinic has an initial layout view for managing your ecommerce website which you will see when you first open Actinic. It is possible to customise this view when you become more confident with using the program, but for the purpose of this tutorial, let’s use the initial view to keep things simple. Just to make sure we are seeing the initial view, we can ask Actinic to restore it by clicking ‘Window’ toward the top of the screen, and then ‘Restore Initial View Layout’.
Content, Design and Orders Tabs
Toward the top of the screen, there are three tabs (two for client versions):
Content: Used for managing products and pages of the website
Design: Used to change the design of the website (developer copy only)
Orders: Used to manage orders made by customers
This tutorial is going to cover the ‘Content’ and ‘Orders’ tab, which when clicked, will give us the initial view layout for managing products, pages and orders of the website. Read the rest of this entry »
Quite often, when searching for a relevant image to go on a new website we are designing, we’ll find one that’s almost right, but not quite! We might have a certain picture in mind but when we find it, the object in the picture is perfect but the colours are completely the opposite to what we wanted. Putting it into the design makes the image stick out like a sore thumb and the most important part - the content of the page - fades into the background.
We'll be changing the yellow hot air balloon to a red one
Read on to find out how simple it is to change the colour of a selected part of an image in Adobe Fireworks. In our example we’re going to change the yellow part of the hot air balloon from yellow to red. We’ll use the magic wand tool to select the area we’ll change and then a hue filter to choose the colour we want.
