CSS3.com

CSS3 MULTIPLE BACKGROUNDS

Sergio Jasinski — Tue, 09 Mar 2010 21:44:34 +0000

Here is a very simple example showing the use of multiple background images in one div. Is this the end of nested elements with tons of CSS to create a layered effect? Hope so.

#multipleBG {

border: 5px solid #cccccc;
background:url(img1) top left no-repeat, url(img2) bottom left no-repeat, url(img3) bottom right no-repeat;
padding: 15px 25px;
height: inherit;
width: 590px;

}

Browser Support:
FireFox 3.6 and later, Google Chrome 1.0, IE 6 and later, Opera 9.6, Safari 3.2.1

The Inclusion Principle

nospam@example.com — Thu, 08 Oct 2009 10:00:26 +0000

To make accessible design an organic element of front-end development, we must free our thinking from the constraints we associate with accessible design and embrace the inclusion principle. Margit Link-Rodrigue tells us how.

Content Templates to the Rescue

nospam@example.com — Tue, 07 Jul 2009 10:00:50 +0000

As an industry, we’ve learned to plan our sites to achieve business goals and meet human needs while shipping on time and delivering compelling user experiences. Alas, despite all the sweat we pour into strategy sessions and GANTT charts, we still have to coax content out of our subject matter experts and get it onto every page of the site. This is where the strongest hearts grow frail, and even seasoned developers reach for Advil or something stronger. But help, in the form of content templates, is on the way. Seize the power.

Introduction to RDFa II

nospam@example.com — Tue, 07 Jul 2009 10:00:10 +0000

In part I of this series, we looked at how semantic features normally confined to the head of an HTML document can be used to add semantic richness to the elements of the body. Along the way, we defined six rules of RDFa. In part II, we’ll learn how to add properties to an image, and how to add metadata to any item—and we’ll add a few more rules to that list.

Visual Decision Making

nospam@example.com — Tue, 23 Jun 2009 10:00:46 +0000

If it takes only 50 milliseconds for users to form an aesthetic opinion of your site’s credibility and trustworthiness, are designers who create visually compelling sites simply wasting time and treasure on graphic indulgences? Patrick Lynch doesn’t think so.

Introduction to RDFa

nospam@example.com — Tue, 23 Jun 2009 10:00:14 +0000

In part one of a two-part primer on RDFa, learn how semantic features normally confined to the head of an HTML document can be used to add semantic richness to the elements of the body. Mark Birbeck shows us how.

Managing Werewolves

nospam@example.com — Tue, 09 Jun 2009 10:00:13 +0000

While you’re always optimistic when leading a team, you know that not everyone’s got your back. Liars and poor communicators can wipe out good work faster than a 404 error. Learn how to think critically about verbal and non-verbal behavior and to separate office politics from truth, so you don’t let the Werewolves win.

Indexing the Web—It’s Not Just Google’s Business

nospam@example.com — Tue, 09 Jun 2009 10:00:03 +0000

Interface responsiveness is one of many details web developers must consider in their quest to deliver a good user experience. An application that responds quickly enhances the user’s sense of control. In working to maximize application speed, though, one often-overlooked element can affect performance more than almost anything else: database design.

Creating Intrinsic Ratios for Video

nospam@example.com — Mon, 25 May 2009 10:00:35 +0000

Have you ever wanted to resize a video on the fly, scaling it as you would an image? Using intrinsic ratios for video and some padding property magic, you can. Thierry Koblentz shows us how.

Burnout

nospam@example.com — Mon, 25 May 2009 10:00:30 +0000

Does every day feel like a bad day? Blurry boundaries between work and home, and the “always on” demands of the web can lead to depression and burnout. Learn the signs of burnout and how to maintain your bliss.