A directory of resources inthe field of technical communication.

Articles>Web Design>CSS>Interaction Design

6 found.

About this Site | Advanced Search | Localization | Site Maps
 

 

1.
#38579

Build Awesome Apps with CSS3 Animations

Today’s HTML5 applications can provide awesome experiences thanks to the new CSS3 specifications. One of them is CSS3 Animations. It can help you building rich animations on HTML elements. This can provide interesting feedbacks to the users and enables fast & fluid UIs. As those new animations are most of the time hardware accelerated by the GPU, they definitely raise the quality bar of the new generation of HTML5 applications.

Rousset, David. SitePoint (2012). Articles>Web Design>CSS>Interaction Design

2.
#38305

Case Study: Getting Hardboiled with CSS3 2D Transforms

In this example we’ll use CSS3 two-dimensional transforms to add realism to a row of hardboiled private detectives’ business cards.

Clarke, Andy. Typekit Blog (2011). Articles>Web Design>Interaction Design>CSS

3.
#35858

Content Overlay with CSS

Here's the problem: you have a container with some content in it like an image along with some initial descriptive text. Then, when users hover their mouse over the container, a hidden container is revealed to present additional information over top of the current information but in a way that retains content from the original container.

Snook, Jonathan. Snook.ca (2008). Articles>Web Design>CSS>Interaction Design

4.
#38100

CSS Attribute Selectors: How and Why You Should Be Using Them

Today we’re going to learn about Attribute Selectors. What are they? How do I use them? What are the new CSS3 Attribute selectors? We’ll answer these questions and more.

Johnson, Joshua. Design Shack (2011). Articles>Web Design>CSS>Interaction Design

5.
#36889

CSS Sprites: Useful Technique, or Potential Nuisance?

Ah, the ubiquitous CSS sprites — one of the few web design techniques that was able to bypass “trend” status almost instantly, planting itself firmly into the category of best practice CSS. In this article, I’m going to discuss some of the pros and cons of using CSS sprites, focusing particularly on the use of “mega” sprites, and why such use of sprites could in many cases be a waste of time.

Lazaris, Louis. Smashing (2010). Articles>Web Design>Interaction Design>CSS

6.
#38580

Introduction to CSS3 Transitions

A good-looking application must provide user with visual feedback. User must always know that an order (a click, a tap or whatever) is well received and understood by the application and animations are a great tool to do so. The new HTML 5 specification (to be honest, I should say “the new CSS 3 specification”) introduces a great tool to handle simple animations: the transitions.

Catuhe, David. Eternal Coding (2011). Articles>Web Design>CSS>Interaction Design

Follow us on: TwitterFacebookRSSPost about us on: TwitterFacebookDeliciousRSSStumbleUpon