Cost-Effective Website Acceleration

This three-part series outlines a common sense, cost-effective approach to Website acceleration according to the two simple laws of Web performance.

Powell, Thomas A. and Joe Lima. SitePoint (2004). Design>Web Design>Usability>Bandwidth

Could Helen Keller Read Your Page?

The 'line-at-a-time' approach of screen-reader software complicates navigation on text lines that contain multiple hyperlinks (such as navigation bars). Thus, in an ideal world, accommodating visually impaired readers would move an author to place each link on its own separate line. But individual lines for each link can make for long scrolling pages, which, in turn, compromises navigation speed for sighted readers.

Sullivan, Terry and Krystyn Manning. All Things Web (1997). Design>Web Design>Accessibility

Create a Client-Side Image Map

Want to add another dimension to your site's images? Consider using image maps. With an image map you can break up a single image into multiple clickable regions, each with it's own hot spot.

Shadovitz, Deborah. Mac Design Magazine (2005). Design>Web Design>Interactive

Create a Fun Section Divider

How to create interesting graphical dividers in Adobe GoLive to use in web designs.

Shadovitz, Deborah. Mac Design Magazine (2005). Design>Web Design>Software>Adobe GoLive

Create a Slideshow with the Dreamweaver Timeline

The Dreamweaver Timeline uses layers and JavaScript to create animation and interactivity. To create a series of rotating images, prepare each image at the same size in a graphics program first (i.e., Photoshop, Fireworks, ImageReady, etc.). Then insert a layer on the page. This layer will serve as a placeholder for the rotating images.

Berg, Debbie. WebDeb (2001). Design>Web Design>Presentations>Dreamweaver

Create credibility for online success

Read about what it takes to create credibility for your online business.

Dixon, Nicholas. Webcredible (2004). Design>Web Design>Usability

Create Queries and Dynamically Update Collections

Use GoLive’s new query functionality to simplify complex file management chores by creating queries and attaching them to collections.

Adobe (2003). Design>Web Design>Software>Adobe GoLive

Create Web Sites That Others Can Easily Update

You can use the Co-Author feature of Adobe® GoLive® CS to create sections of a Web site that others can update quickly and easily. You specify the layout and format of the content while other people (the co-authors) provide the actual content, update it, and even publish the revised Web pages.

Adobe (2003). Design>Web Design>Software>Adobe GoLive

Create Your Own Ajax Effects

The basic and prebuilt effects in script.aculo.us are nice, but if you really want to build something great why not investigate doing your own, homegrown, do-it-yourself effects. We’re going to show you how to take basic effects and build on them to create your own. So let’s get going.

Fuchs, Thomas. Vitamin (2008). Articles>Web Design>Ajax

Create Your Own Style and Flair with Custom Fonts

Are you tired of those same boring fonts for your web applications and print projects? Do you know most fonts are licensed and can’t be added to web applications? Well, you can solve that problem by creating your own fonts with FontStruct, a slick flash application that allows you to create nice fonts right from your browser and save them to your computer or server.

Robbins, Kyle. ReEncoded (2008). Articles>Web Design>Typography

Creating a Controlled Vocabulary

You have probably heard information architects discussing the benefits of their latest taxonomy project and how you should be implementing one. But how, you might wonder, can you get started? In the next installment about Controlled Vocabularies, our authors go into detail about one methodology.

Fast, Karl, Fred Leise and Mike Steckel. Boxes and Arrows (2003). Design>Web Design>Metadata>Controlled Vocabulary

Creating a Dynamic Playlist for Streaming Flash Video

As developers, we are often bogged down with mundane tasks such as site maintenance and updates. Until now, if we wanted to pass these tasks on to clients or colleagues who are not tech-savvy, we had to develop sophisticated interfaces to simplify the process for them and to give them easy access to the data. But now, XML is changing that reality.

Larson, Lisa. Adobe (2004). Design>Web Design>Streaming>Flash

Creating a Robots.txt file

In order to prevent your site from being penalized for spamming, you need to prevent the search engine spiders from indexing pages which are not meant for it.

Roy, Sumantra. 1stSearchRanking (2003). Design>Web Design>Search>Search Engine Optimization

Creating a Sales Page That Converts

Anyone can put up a web page, but putting one up that actually sells requires some skill. Discover exactly what you need to do!

Beckert, Loren. Webcredible (2005). Design>Web Design>Marketing>Usability

Creating a Template for a Large Web Site: the U.S. EPAWeb Branding Experience  

Staff at the U.S. Environmental Protection Agency created a template then steadily converted Web pages to achieve a 'corporate face' for www.EPA.gov, the Agency's Internet site. Management and maintenance of Agency Web pages rests among the technical subject matter and administrative experts within headquarters, program, and regional offices and laboratories – rather than centralized. Template design, deployment and conversion involved many employees and contractors nationwide, and took almost one year. As of February 1, more than 90% of EPA's Internet pages comply with the template, and staff continue improvements to the Agency's public Web resources.

Ellis, Leonid 'Lee'. STC Proceedings (2003). Design>Web Design>Information Design

Creating a Two-Column Layout

This series explains how you can use Macromedia Dreamweaver MX 2004 to move towards using CSS as a positioning technique when developing web pages.

Senior, Adrian. Adobe (2004). Design>Web Design>CSS>Dreamweaver

Creating a Unified Web Site Design for the School of Technology at Purdue University  

The problem with any poorly designed web site is inconsistency. As a web designer or developer, one must create a web site as a finite, predictable universe with a specific set of standards and design specifications. When visitors go to any given page on a site, they should be able to recognize that they’re in the same site. The main focus of this paper outlines how a unified web site design was created for the School of Technology at Purdue University. In developing unified web sites it is important to have visual hints throughout a given site such as consistent typefaces for specific needs, consistent color palettes, and consistent placement and layout.

Miller, Susan G. STC Proceedings (2000). Presentations>Web Design>Usability

Creating a Usable Electronic Newsletter In House

Many organizations are opting to convert existing print publications into electronic newsletters (e-newsletters)—and for good reason. E-newsletters can be developed for a fraction of the cost of their print counterparts and delivered to a global audience instantly. While marketers are discovering the ease of reaching a target audience with e-mail, many e-mail users are frustrated by the barrage of e-newsletters that muddle their inboxes monthly, weekly, or even daily. An onslaught of unsolicited commercial e-mail (spam) has made readers wary of marketing attempts. To reach these wary readers, companies need to create e-newsletters that respond to their audience’s specific needs—namely usability and trust. By following a few guidelines, you can launch a usable and successful e-newsletter.

Lawless, Amy. Usability Interface (2003). Design>Publishing>Web Design>Usability

Creating a Web Service with Web Matrix

The Web Matrix project appears to have served as a test bed in the development of ASP.NET. This freebie attracted a lot of attention since it did not require an installation of IIS. It had its own http server whenever needed. Of course, one could use it also in the presence of an installed IIS. This tutorial is about creating a web service on Web Matrix and testing the service on the built in mini web server, as well as testing a second example on the IIS 5.1 on the local machine.

Krishnaswamy, Jayaram. Dev Articles (2006). Design>Web Design>Server Side Includes>ASP

Creating a Web Site

For a tech writer, creating a web site is a sort of online resume. You can use this as something for potential clients to look at once you've established contact in some other way. Invite them to see your web site, and they will get an impression, hopefully good, of both your experience and your writing and design abilities.

Tech Writing Jobs. Design>Web Design

Creating Accessible Cascading Style Sheets

For years, the only way to format HTML in a visually appealing way was to use tables, even though tables were originally created to display tabular data. As the Web evolved and became more sophisticated, designers wanted to do more than just display text, they wanted to emulate printed documents. They wanted to make an artistic statement. There's nothing wrong with that. In fact, tables can be used for layout without ruining the accessibility of a Web site. Yes, it's ok to use tables for layout. Still, you can take your Web design to a higher level by eliminating tables entirely. The way to do this is through CSS (Cascading Style Sheets).

Bohman, Paul. WebAIM (2003). Design>Web Design>Accessibility>CSS

Creating Accessible Flash

Macromedia Flash is a vector-based, interactive animation creation program designed to enable the addition of dynamic characters, scenes, interfaces and motion graphics animations to Web sites. Macromedia Flash materials are created using the Flash authoring program, the most recent version of which is Flash MX.

WebAIM (2003). Design>Web Design>Accessibility>Flash

Creating Accessible Forms

When we talk about the accessibility of forms, we are usually referring about their accessibility to screen readers and the visually impaired. People with other types of disabilities generally are less affected by 'faulty' forms that are missing some of the HTML accessibility features.

WebAIM (2003). Design>Web Design>Accessibility>Forms

Creating Accessible Frames

A frameset is a Web page which defines a collection of at least two other separate Web pages, which are combined in the same visual space. Visual users usually experience framesets as a cohesive entity. They can scan the contents of multiple pages all at once. Those using screen readers cannot quickly scan the contents of multiple pages. All of the content is experienced in a linear fashion, one frame at a time. Frames are not inaccessible to modern screen readers, but they can be disorienting.

WebAIM (2003). Design>Web Design>Accessibility

Creating Accessible Images

Some people think that graphics are bad for accessibility. The truth is that graphics can be of great benefit to the accessibility of a Web page by providing illustrations, icons, animations, or other visual cues that aid comprehension for sighted individuals. Too often we forget that when we design for people with disabilities, we are not designing only for the blind. We must consider disabilities of all types. Graphics can be especially useful to individuals with certain reading disabilities, learning disabilities, attention deficit disorders, or cognitive disabilities.

WebAIM (2003). Design>Web Design>Accessibility