User experience design is a subset of the field of experience design which pertains to the creation of the architecture and interaction models which impact a user's perception of a device or system. The scope of the field is directed at affecting 'all aspects of the user’s interaction with the product: how it is perceived, learned, and used.'
#18676
Critical Thinking in Web/Interface Design Part 2: Idea Generation
How do you cultivate good ideas? What process do you use? This issue discusses how critical thinking relates to generating and managing good ideas in design.
Berkun, Scott. UIWeb (2001). Design>Web Design>User Interface
#20842
CRM: A Way of Thinking About Customers
Marketers have many ways to influence customers' purchasing behavior and decisions. They start with advertising aimed at acquiring new customers and continue through sales and customer service that generate repeat orders. Until recently, it was normal for many of these functions to be performed by a company's different departments, which did not act as a unified team.
Allen, Cliff. Allen.com (2003). Design>Web Design>Marketing>CRM
#27292
Dynamic HTML (DHTML) provides a new range of ways to animate a page. DHTML can animate both text and images and animations can move throughout the browser window, instead of being anchored in one spot. Unfortunately, DHTML can be tricky because of differences between browsers. This article will cover the basics of cross-browser animation. You’ll learn how to animate text and images. Plus you’ll see how to move HTML elements around the screen. After you’ve finished reading this article, you should be able to add cross-browser compatible DHTML animations to your web pages.
Apple Inc. (2006). Design>Web Design>DHTML>CSS
#18447
Cross Language Information Retrieval
We sometimes refer to our globally interconnected information infrastructure as the World-Wide-Web. At present, however, it is far less than that. For someone who reads only English, it is presently the English-Wide-Web.
Youssef, Moustafa A. Universal Usability (2001). Design>Language>Localization>Web Design
#10683
Prior to the 4.0 browsers, Internet Explorer and Netscape Navigator exposed very similar but very limited object models for manipulating the page. The primary difference was the lack of an images collection in Internet Explorer 3.x. With the 4.0 browsers, Netscape's and Microsoft's implementations diverged. Netscape's model evolved to allow a little more control over the page by allowing positioned elements to be manipulated. Microsoft, on the other hand, expanded to provide control to every element on the page. To further confuse matters, both companies called their new implementations Dynamic HTML. We have created DHTMLLib to help you design cross-browser DHTML pages without requiring you to understand the complete details of the different object models.
Isaacs, Scott. InsideHTML.com (2001). Design>Web Design>DHTML
#28705
Cross-Browser Scripting with importNode()
While building a browser slideshow object for a demonstration on dynamically pulling image information from a web server, I ran into difficulty with the DOM-compliant approach I had envisioned. A two-day journey into the world of XML DOM support for web browsers lay between me and a satisfactory solution.
Holdener, Anthony. List Apart, A (2007). Design>Web Design>DHTML>Web Browsers
#14895
Cross-Browser Variable Opacity with PNG: A Real Solution
Periodically, someone tells me about the magic of PNG, how itÂ’s the ideal image format for the web, and that someday we'll all be using it on our sites instead of GIF. People have been saying this for years, and by now most of us have stopped listening. Sadly, flaky browser support has made PNG impractical for almost everything--but now, with a few simple workarounds, we can finally put one of its most compelling features to use.
Lovitt, Michael. List Apart, A (2002). Design>Web Design>Graphic Design
#30655
Cross-Browser Web Application Testing Made Easy
'Test on multiple browsers' has been a mantra ever since there have been multiple browsers to test on. Testing them all--especially these days--is impossible. But you can come a lot closer than you may think. In this article, learn a variety of techniques for cross-browser testing, from the very thorough to the quick and dirty. The choice you make will depend on your resources, but this is an issue you can't ignore.
Fruhlinger, Joshua A. IBM (2007). Articles>Web Design>Programming>Testing
#24994
Cross-Column Pull-Out Part Two: Custom Silhouettes
The cross-column pull-out gave us a new technique for marking up a layout with a pull-out positioned between columns. Now we examine a variation of the technique for wrapping around the edges of a non-rectangular image positioned between columns. But first we need to update the original technique.
Frommelt, Daniel M. List Apart, A (2005). Design>Web Design>CSS
#25263
Print designers have long relied on the ability to wrap text around anything, most commonly around a picture centered between two columns. This design option has not been available for web designers ... until now.
Frommelt, Daniel M. List Apart, A (2004). Design>Web Design>CSS
#26878
Crossing Borders: Continuations, Web Development, and Java Programming
This article explores continuations, the technique behind frameworks like Smalltalk's Seaside. Continuation servers make it much easier to build Web applications by offering a stateful programming model without giving up the scalability inherent in statelessness.
Tate, Bruce. IBM (2006). Articles>Web Design>Server Side Includes
#28485
Crossing Borders: JavaScript's Language Features
JavaScript is often ridiculed as the black sheep of programming languages. The development tools, a complicated and inconsistent document object model for HTML pages, and inconsistent implementation in browsers contributes to that sentiment. But JavaScript is much more than a toy. In this article, Bruce Tate explores JavaScript's language features.
Tate, Bruce. IBM (2006). Design>Web Design>DHTML>JavaScript
#29560
CSS is ten years old this year. Such an anniversary is an opportunity to revisit the past and chart the future. CSS has fundamentally changed web design by separating style from structure. It has provided designers with a set of properties that can be tweaked to make marked-up pages look rightand CSS3 proposes additional properties requested by designers.
Lie, Hakon. List Apart, A (2007). Design>Web Design>CSS>History
#22215
CSS and Email, Kissing in a Tree
Despite prevailing wisdom to the contrary, you can safely deploy HTML emails styled with good old-fashioned CSS. If you're not content to roll over and use font tags in your HTML emails, read on.
Wyner, Mark. List Apart, A (2004). Design>Web Design>CSS>Email
#25293
CSS and Round Corners: Boxes with Curves
Discover how to make boxes with round corners, all through the power of CSS.
Moss, Trenton. Webcredible (2005). Design>Web Design>CSS
#22721
CSS and Round Corners: Making Accessible Menu Tabs
Learn how to make accessible Amazon-style navigation tabs.
Moss, Trenton. Webcredible (2004). Design>Web Design>CSS
#27616
CSS Beauty is a project focused on providing its audience with a database of well designed CSS based websites from around the world. Its purpose is to showcase designers' work and to act as a small portal to the CSS design community.
#20769
CSS Design: Creating Custom Corners and Borders
In this article, we’ll show how customized borders and corners can be applied to fully fluid and flexible layouts with dynamic content, using sound and semantically logical markup.
Madsen, Søren. List Apart, A (2003). Design>Web Design>CSS>Semantic
#21885
CSS Design: Creating Custom Corners and Borders Part II
Part I showed how to create fluid, dynamic CSS layouts with customized borders and corners. Part II advances to the next level, extending the technique to work with more complicated backgrounds such as gradients and patterns.
Madsen, Søren. List Apart, A (2004). Design>Web Design>CSS
#25545
While web designers generally have a great deal of control over how a document should be presented, basic CSS doesn't provide many options for the style of underlines below the links on a page. But with a few nips and tucks, you can take back creative control of the way your links look.
Robertson, Stuart. List Apart, A (2004). Design>Web Design>CSS
#13542
One of the wonderful things about CSS is that it allows authors to create media-specific styles for a single document. We’re pretty used to styling for the screen, but thinking about other media isn’t a habit yet. And as all the “printer-friendly” links attest, our thinking about the print medium has been limited to recreating a document in a different way. Why bother, when the power to offer your readers a better view of your material in print is no further away than a well-structured document and a media-specific style sheet?
Meyer, Eric. List Apart, A (2002). Design>Web Design
#18425
As early as July of 1999 I was pontificating on email lists about the virtues of style sheets. Some things never change. What has changed is how I think about CSS, and the underlying structure of (X)HTML to which it is applied. For example, I find that most pages on the web contain a menu of links in a navigation area. These are often marked up as a string of links, often in separate DIVs or paragraphs. Structurally, however, they are a list of links, and should be marked up as such. Of course the reason that we don’t mark them up in that way is that we don’t want a bullet in front of every link in our navigation area. In a previous article I outlined several techniques for using CSS to layout a web page. One of those techniques involved manipulating a list to display horizontally rather than vertically. In this article, I'll demonstrate how to use CSS to bring unwieldy lists under control. It’s time for you to tell lists how to behave, instead of letting them run wild on your web page.
Newhouse, Mark. List Apart, A (2002). Design>Web Design>CSS
#24050
Learn the all-important basics of CSS design in this article that explains positioning and colour formatting effects.
Moss, Trenton. Webcredible (2004). Design>Web Design>CSS
#21883
Much used, oft maligned but always popular, drop shadows are a staple of graphic design. Although easy to accomplish with image-editing software, they’re not of much use in the fast-changing world of web design … until now.
Villarreal, Sergio. List Apart, A (2004). Design>Web Design>CSS
#22800
CSS Drop Shadows II: Fuzzy Shadows
Takes standards-compliant drop-shadows to the next level by producing warm and fuzzy shadows.
Villarreal, Sergio. List Apart, A (2004). Design>Web Design>CSS
