Premium Content


Premium Content articles are the very best articles from the world's leading internet technology, subject-matter experts. We have many categories of content below on a wide variety of subjects that have all been commissioned from big name authors.

Explore the Premium Content

Interface Widgets: Advanced Buttons and Navigation Bar

Objectives

In this and the following articles of the Interface Widgets series you will learn about the largely overlooked and underestimated HTML button element (<button>) and how you utilize one to create great looking, easily manageable and usable User Interfaces.

In this iteration we will talk about the advantages of using button-based interfaces over the images-based. We will cover some of the advanced feature such as disabling buttons, skinning (styling) and displaying icons inside the buttons. While continuing on the subject in the next article we will build a complete web application/web site navigation bar.

HTML buttons:

 

 

Read More

A File Browser Application with AJAX and PHP

AJAX (Asynchronous JavaScript and XML) is a hot topic at the moment in web circles. In this tutorial, we'll take the basic principles from my earlier tutorial on XMLHttpRequest (the core of AJAX) and build an example application.

We'll use a combination of PHP, XML and JavaScript to build a file browser, allowing users to quickly browse for files to download. We'll code it in such a way that it can work with or without JavaScript and compare the two different ways of interacting with the server.

Read More

Showing Flash Developer Centre headlines at your Web site

You may have noticed that some Web sites display an XML icon  and offer their news headlines via RSS syndication. You might also have wondered what RSS is and how you can use it at your own Web site. That’s why I’ve written this article - to help you learn about RSS and to show you how you can use Flash to include RSS headlines at your Web site.

In this tutorial, you’ll learn how to display Macromedia news headlines from the Flash Developer Centre on your own Web site. We’ll use the XMLConnector component and data binding so you will hardly have to write any ActionScript at all.

This tutorial uses the XMLConnector data component so you’ll need to have Flash MX 2004 Professional to work through the example here. You’ll learn about working with this component and using it to bind data to other User Interface (UI) components. You don’t need a lot of scripting experience to complete the tutorial but I have assumed that you know how to write ActionScript using the Actions panel.

You can download the source files for the tutorial from the blue Properties box that contains the article PDF. There's a heading titled Code Download and you can click the Details link next to it to get the zip file. The download includes the starter files you'll need as well as the completed files.

Note: If you have difficulties downloading the source files or PDF, you might have a problem with your cookies. Delete the cookies from your machine and try again. In Internet Explorer, you can do this by choosing Tools > Internet Options… and clicking the Delete Cookies… button on the General tab.

Read More

Online Marketing Strategies part 1

U.S. citizens spent $1.8 billion for online content in 2004, mainly in the entertainment/leisure category. This figure is up 13.7% compared to 2003. In this, I’ll define four market categories that may help you to bring in the dough and I’ll expand on one category – content – to show how commerce, communications, and search mechanisms can be added to build online revenue. Additionally, I’ll begin to examine how one man’s unusual Web site compares to these models.

Build Content and Commerce on What You Know

When people encounter sites that carry information, services, or products for a price, they usually have one of two reactions – they either move on or they pay. You probably experienced the same feelings yourself, especially since you pay to read the articles and books that DMX and its affiliates offer online. Sometimes you pass on articles because you may feel that they won’t hold your interest. Other times you may feel that you didn’t receive what you paid for, and at still other times you might feel that you received more than your money’s worth.

Did you ever ask yourself why you pay for knowledge, services, or products online? Are you a self-help type of person who enjoys solitary learning? Are you after a singular goal like learning how to “play” the stock market? Would you rather pay shipping charges than pay for gas when you venture out to purchase products? When you investigate your motives about why you pay for information, products, or services online, you begin to understand why others might pay as well. If you understand your market through this process, you have a leg up on your competition. However, it also helps to know how the Internet is seen by specialists, because this information may help you to streamline your offerings.

Read More

Easy transitions and tweens with the Transitions and Tween classes

This is the final tutorial in the series on scripted motion. I’m going to show you another way to create animations in your movies using the Transition and Tween classes. These classes are built into Flash MX 2004 Professional so you can take advantages of the effects they create by writing some simple ActionScript. This tutorial will show you classes and explain how to use them to create animations within your movies.

In the earlier tutorials in the series, I looked at creating motion in a straight line and in a circle, fades and rotations, adding inertia and gravity effects and creating a spring effect. You won’t need to have completed those tutorials before you start this one.

Unlike the other tutorials, you’ll need to have Flash MX 2004 Professional to be able to work through the examples here. All of the examples are shown in ActionScript 2.0. I’ve assumed that you know how to add ActionScript in the Actions panel.

You can download the source files for the tutorial from the blue Properties box that contains the article PDF. There's a heading titled Code Download and you can click the Details link next to it to get the zip file. The download includes the starter files you'll need as well as the completed files.

Note: If you have difficulties downloading the source files or PDF, you might have a problem with your cookies. Delete the cookies from your machine and try again. In Internet Explorer, you can do this by choosing Tools > Internet Options… and clicking the Delete Cookies… button on the General tab.

Read More

Design-Wise Shopping Carts

One easy way to develop an eye-pleasing and functional site is through a grid layout, because as Web designers switch from tables to CSS rules, grids remain an important tool to use for layout considerations. When a simple grid is applied to some examples that I used in the last article about shopping cart programs, some sites seem soundly designed, and others seem to fall a little short of the grid design mark. Further, even though a site might carry a great design, other details may make the shopping experience rather shabby...

Read More

Tables and the DOM

We all know that with CSS-based layouts we aren't using tables for page design. Instead we use them for their proper purpose, data. Data tables are useful for displaying all sorts of information, but there are a number of ways we can add functionality to the tables to improve their usability.

In this tutorial we're going to look at ways manipulate tables of data using JavaScript and the W3C Document Object Model. We'll use two examples, providing highlighting for active rows and columns as we mouse-over them, and re-ordering the table based on the column we select. Examples work with IE 5.5+, Navigator 6, Firefox and Opera 7.

Read More

Cool Tricks with W3C DOM Javascript

Way back in the day, if you wanted to manipulate the content of your HTML document via Javascript, you had to do all sorts of checking to make sure which browser version your user had, and what kind of support it had. Was it a version 4 browser? Did it support layers or divs? Was it Opera, Netscape, Internet Explorer or something else? The resulting scripts were understandably quite complex as just the browser detection took thousands of lines of code.

The idea of the W3C Document Object Model was to give a standard way that all browsers would understand of providing an interactive layer to our web pages. In this tutorial we'll look at the basics of how the W3C Document Object Model works to manipulate how HTML is displayed and built.

Read More

Creating springs with ActionScript

Welcome to the fifth tutorial in this series on scripted motion. In this tutorial, we’ll look at an effect that you may have seen in some Flash movies - a spring. The spring effect allows you to drag a movie clip that springs backwards and forwards and finally settles back in its original position. This effect is much easier to achieve than you might think and I’ll show you how in this tutorial. We’ll work through some examples, create a function and a text heading that uses a spring on each letter. You’ll learn about multi-dimensional arrays and calling functions at specified time intervals using setInterval.

Earlier tutorials have looked at motion in a straight line and in a circle, fades and rotations and adding inertia and gravity effects. You won’t need to have completed them before moving on to this tutorial. I've assumed that you are using Flash MX or Flash MX 2004 and that know how to add ActionScript to a movie. I've used ActionScript 1.0 for the examples.

You can download the source files for the tutorial from the blue Properties box that contains the article PDF. There's a heading titled Code Download and you can click the Details link next to it to get the zip file. The download includes the starter files you'll need as well as the completed files.

Note: If you have difficulties downloading the source files or PDF, you might have a problem with your cookies. Delete the cookies from your machine and try again. In Internet Explorer, you can do this by choosing Tools > Internet Options… and clicking the Delete Cookies… button on the General tab.

Read More

From the Ground Up: How to Build Online Revenue

In the last article I gave you some ideas for a basic business foundation that includes community, including a link to information about how to develop a business plan. As you create your business plan, you might decide whether you want to become an affiliate salesperson for a product or service, or whether you might decide to sell your own merchandise or skills. How can you incorporate sales and still maintain some integrity with your site? In this article, I’ll demonstrate how you can become a small business “expert” in sales without appearing overt or downright scary to viewers.

One-Person Revenue-Producing Sites

Some of the examples I used for the last article were rather large sites, like C|Net, EBay, and Suite 101. These sites employ many people just to maintain and build a site, let alone to run business operations. What if you are a one-person operation? Do you have a chance to make money, or are you doomed to draining your bank account with your Web site? If you build and maintain sites just for the heck of it, then more power to you. Many of us, however, need to make enough money to pay for the server, bandwidth, and any other small (or large) expenses that come across our paths.

You can either sell your own merchandise or services, or you can become a sales associate or affiliate for another business. Even if you carry your own products, you might incorporate another business’s products or services to enhance your sales. Below, I’ll talk about some advantages and disadvantages between selling your own products/services and then how you might incorporate third-party sales.

Read More

Linked Style and the Cascade

One challenge many Web designers and developers new to CSS face is to understand the various facets of the Cascade. The Cascade is a hierarchy of application and provides us with rules to both apply CSS in a hierarchical fashion if we so decide to do so and to help us resolve conflicts that might appear within our styles.

In recent articles, I’ve covered the various types of style sheets, including user, author, and browser, and then reviewed the primary author styles: inline, embedded, and linked. I discussed what the Cascade offers in terms of how it applies styles in this hierarchical fashion. What I haven’t yet discussed is the use of multiple linked style sheets in a given document, why this can be helpful, and how the Cascade applies in the instance of multiple style sheets and multiple conflicting rules.

Read More

Taking Design to the Desktop

Taking Design to the Desktop

How many of us use a background on our desktops? I think if I were to post a poll about it, I would get at least 95% of people saying ‘yes’. But what is it most of us see when you look at the same familiar screen 2 thousand times a day? A good looking woman, a sports car, or a tranquil scene of some fish floating around on a reef somewhere exotic is a good place to start when you try to envision other people’s monitors because the majority of people never stray further past the default wallpapers Microsoft ships with windows.

A few create their own wallpapers or use programs such as Microsoft PLUS to extend their desktop capabilities, when in fact there is a really cool way of using the desktop which was introduced back in Windows 98 which not a lot of people know about or care to use if they do.

That forgotten feature is the ability to use web documents on the desktop. And the fun doesn’t stop there. Not only does it support HTML, but if you use a page from the web then the options are quite open for what you can view.

Locally (using files off your own machine) you can use HTML, CSS & Flash documents.

Remotely, I haven’t tested it with all file types but I have ASP & PHP pages displayed with ease, so I’m assuming CFM pages etc. should run ok. If not you always have your trusty browser to rely on ;)

Note: I have not tried to view dynamic pages locally as I see no need to view my own pages in that way, so it may be entirely possible to view asp, php pages etc.. locally. I just haven’t tested that possibility.

Read More
Newer articles Older articles