Push Your Web Design Into The Future With CSS3 | CSS | Smashing Magazine

This link has been bookmarked by 55 people . It was first bookmarked on 08 Jan 2009, by tj mapes.

28 Dec 09

oskar fuenes
FUENTES PREDETERMINADAS

css
25 Dec 09

Jay D.
CSS-Ajax
10 Dec 09

David Buckley
css css3 webdesign design tutorials web
08 Oct 09

Cameron Morgan
css3
19 Sep 09

Siavash Askari Nasr
css3 webdesign tutorial
29 Aug 09

eduardo alapont
css css3
22 Aug 09

Art Pai
CSS
10 Jul 09

Clint Bush
web development css innovative resources
28 Jun 09

stephen ponberth
css3
21 Jun 09

Scott Rarden
css styles design css3
06 Jun 09

Jason Wehmhoener
css css3 webdesign tutorial web twitmark delicious
03 Jun 09

Ahmed Abd-elfatah
css3 css webdesign web
08 May 09

Mike Pearson
css
04 Apr 09

ricardoriogo
@ler
17 Feb 09

Kristoffer Svendsen
css webdesign tutorials
11 Feb 09

dineshcooper
01 Feb 09

Bob Potter
css css3 for:adampassey
16 Jan 09

dong dina
css3
13 Jan 09

David Hachez
article webdesign css tutorials tutorial
Nick Cowie
Smashing magazine's take on CSS3

css3
12 Jan 09

Shawn Miller
Good resource and primer on new stuff in CSS3 - rounded edges, transparency, etc

tutorials webdesign tips css
10 Jan 09

websitemedia customercare
css3
Rei G.
five techniques snatched from the future that you can put into practice in your website designs today.

web design css
xingkui wang
css3
09 Jan 09

inutile
web_design
nathan arnold
5 CSS3 tools, explained

css webdev
Will Bolton
css
Tyler Wall
css css3
Chuck Brands
Doug McCaughan
css3 standards css
soulgrind r
css3 css design webdesign web cascading style sheets sheet
- Border Radius
- -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
- 12 more annotations...
- - -moz-border-radius-topleft: 20px;
    -moz-border-radius-topright: 20px;
    -moz-border-radius-bottomleft: 10px;
    -moz-border-radius-bottomright: 10px;
    -webkit-border-top-right-radius: 20px;
    -webkit-border-top-left-radius: 20px;
    -webkit-border-bottom-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    
    Supported in Firefox, Safari and Chrome.
  - Border Image
  - border: 5px solid #cccccc;
    -webkit-border-image: url(/images/border-image.png) 5 repeat;
    -moz-border-image: url(/images/border-image.png) 5 repeat;
    border-image: url(/images/border-image.png) 5 repeat;
  - Supported in Firefox 3.1, Safari and Chrome.
  - Box Shadow and Text Shadow
  - -webkit-box-shadow: 10px 10px 25px #ccc;
    -moz-box-shadow: 10px 10px 25px #ccc;
    box-shadow: 10px 10px 25px #ccc;
  - text-shadow: 2px 2px 5px #ccc;
  - Supported in Firefox 3.1, Safari, Chrome (box-shadow only) and Opera (text-shadow only).
  - Easy Transparency with RGBA and Opacity
  - rgba(200, 54, 54, 0.5);
    /* example: */
    background: rgba(200, 54, 54, 0.5);
    /* or */
    color: rgba(200, 54, 54, 0.5);
    
    The first three numbers refer to the red, green and blue color channels, and the final value refers to the alpha channel that produces the transparency effect.
    
    Alternatively, with the opacity rule, the color can be specified as usual, with the opacity value set as a separate rule:
    
    color: #000;
    opacity: 0.5;
    
    Supported in Firefox, Safari, Chrome, Opera (opacity) and IE7 (opacity, with fixes).
  - Custom Web Fonts with @Font-Face
  - @font-face {
    font-family:'Anivers';
    src: url('/images/Anivers.otf') format('opentype');
    }
    
    The rest of the font family, containing secondary options, is then called as usual:
    
    h1 { font-family: ‘Anivers’, Helvetica, Sans-Serif;
    
    Supported in Firefox 3.1, Safari, Opera 10 and IE7 (with lots of fixes:
Frank Peters
css3 css design webdesign
A. D.
css3
gdk x
By Chris Spooner There are exciting new features in the pipeline for Cascading Style Sheets that will allow for an explosion of creativity in Web design. These features include CSS styling rules that are being

CSS
Layal K
resources css css3 delicious
Little Wonder
css3 css design webdesign smashingmagazine.com
loki chen
css tips

tutorial webdesign CSS
08 Jan 09

f s
css3 webdevelopment
Raul Jimenez Ortega
css3 css design
Ian Hecht
6 new elements in CSS3 which will allow for far more creativity in web design.

css3 css specifications web design
Marcus P.
Here are five techniques snatched from the future that you can put into practice in your website designs today.

webdesign css tutorials
luis salinas
css3
tj mapes
By Chris Spooner There are exciting new features in the pipeline for Cascading Style Sheets that will allow for an explosion of creativity in Web design. These features include CSS styling rules that are being

css