Hey there, I thought since developers will like to use AJAX technology in future modifications perhaps, it would be good to have some form of tutorial, explaining how to set up a basic AJAX engine
Notice: This tutorial is aimed at developers, or at least those who have generic knowledge of JavaScript/XML.
- Also, please don't steal my tutorial, if you wish to post it on other sites, then leave a directing link back to this thread as a source of origin, thanks
Print This Post
PayPal makes doing this very easy by providing those “Buy-It-Now” buttons you’ve probably seen around the place. Basically when you see one of those buttons, it is really the submit button on an HTML form with all the form fields set to hidden. This is fine for when you have a set price and set item, but in our situation we want the client to be able to fill out what it is they are paying for (e.g. an invoice number) and also to set how much they are paying.
Print This Post
In this lesson, I will show you have to make a very useful and widely used element: an interactive map. Whether it be a country map, like the case is here, or an anatomical map of human body, city plan, an engine schema, etc., the method applied is the same. It is very simple, as you’ll soon see.
Print This Post
When writing your CSS, it is possible to write neater, more readable code by making use of CSS shortcuts. A shortcut is a feature of CSS that allows the developer to specify a number of related properties on a single line rather than specify them all separately. Lets look at the following example:
Print This Post
One of the most common layouts on the web is a fixed width site that stretches to the bottom of the page, with a footer sitting at the bottom. If the content of the page stretches past the bottom, the site container needs to stretch with it. If the content does not fill the page, the footer needs to remain at the bottom. With a table based layout, this would be a simple task, but who wants to use tables for layout? With some nifty CSS tricks we can accomplish this very well using CSS alone and once you know how its done, you will use it over and over again.
Print This Post
PHP 4+ is required for this tutorial. PHP 5 is optional
This tutorial is for beginners with very limited knowledge of PHP. You will learn to make a very simple hit counter. The counter isn't important -- it's the techniques used that you should try to remember. Something similar will pop up later on, so try to remember what was said in this tutorial.
If you are rather experienced with PHP, you still can follow along. It never hurts to brush up on some old easy stuff. I will show you how to create a hit counter (not uniques, just simple hits) using a flatfile. Alright, let's get started.
Print This Post
We all love gadgets, either collecting them or designing them. Gadgets are the favorite subjects for many designers. Designing them is an incredible way to improve your general skills in Adobe Photoshop and Illustrator (or any other design-related tool). You will learn a lot of new stuff everytime you create such designs, even if you are an expert in it. Once you know the basics, you can pretty much experiment a lot and create cool concept designs.
We have a new guest author at Richworks. Mohammad Jeprie, a talented designer who has done several cool tutorials in many websites. In this tutorial, he walks us through the creation of a simple, yet modern looking hard disk. Read on…
Print This Post
Probably one of the most popular and recognisable icons in the web universe; the RSS icon is displayed on many website to indicate the availability of a subscription feed. There are pre-made icons you can download and place on your website, however this tutorial cover the process of creating your own custom vector RSS icon in Illustrator.
Since the icon is to be created in vector format, it can be scaled up or down in size for implementation on future websites you may work on, unlike a raster version which would have to be remade in larger dimensions to prevent pixelation.
Print This Post
f you view the HTML source code of a web page, you may see the following bit of text (or something very similar), located somewhere between the <head> and </head> tags:
Print This Post
In this thoroughly explained, detailed lesson made for Flash 8, I will show you how to create a really cool, complete Flash website navigation and loading system. The menu that you will make has a built-in animated preloader. You will learn:
Print This Post
In this quick tutorial, I'm going to discuss how to create a neat little menu effect. I'm dubbing it the liDock, because elements in the menu resize as the mouse moves over them, similar to the dock on OS-X, and because it's a list menu.
We're going to create a horizontal row of boxes containing link text. When we move the mouse over one of these boxes, it's going to get taller and the text larger and bold. I'll link to a finished example at the end of the tutorial.
Let's begin by setting up the XHTML for the menu. This is pretty straightforward and simple. We just want to make an unordered list and give it an id of "navlist".
Print This Post
Hanging Punctuation refers to the technique of positioning certain typographical elements, such as bullets, quotation marks on pull quotes, etc. into the margin of a document, so that the main text that the glyph highlights remains flush with the rest of the body copy around it. Often seen in print, rarely used on the web, hanging punctuations can help keep the flow of your document and make the text easier to read.
Print This Post
When designing a web site, it's generally a good idea to keep your sites navigational elements text-based. This has several advantages, like being search engine friendly and easily accessible to screen readers and hand-held devices. Let's face it, though, sometimes that's not always practical and what the site design really calls for is a nice menu comprised of graphics in which the actual menu text is stylized. So, here's a little trick that will give you the best of both worlds. We're going to build a graphically-based navigation menu out of an unordered list.
Print This Post
Print This Post
