SEO

April 12, 2011

LUSTy -MOZ CSShadow Roiling Vortex SUB █ 4.11.11 POWERED BY DOGMEAT

LUSTy █ Roiling Vortex █ Sub for 4.11.11DOGMEAT "Fascinated with HOW NOCSSterous ruins every post..." for 4.11.11"
plus 10 more

█ █ █
Sun, Apr 10, 2011 at 11:21 PM█ █Wolly_css_goat_crop
Roiling Vortex of LUST

Dogmeat

In association with

HAROLD TURKEY PANTS

PRESENT

Fun-ctionality?

 

 

dogmeat

-index :1;margin: 1
2.1 3
4
  • The base font size of the preview pane is 10px. Read the explanation. 
Your sample text
Times New Roman Arial Black Arial Narrow Brush Script MT Capitals Apple Chancery Baskerville Big Caslon Charcoal Chicago Comic Sans MS Copperplate Courier Courier New Didot Gadget Georgia Geneva Gill Sans Futura Helvetica Helvetica Neue Herculanum Hoefler Text Impact Lucida Grande Marker Felt Monaco New York Optima Papyrus Sand Skia Techno Textile Times Times New Roman Trebuchet MS Verdana American Typewriter rebuchetMSVerdanaZapfino American Typewriter .
Dogmeat_shadow

icial Music Video ( Producer Sings (124)

.

icial Music Video ( Producer Sings (124)

.

icial Music Video ( Producer Sings (124)

.bold .

icial Music Video ( Producer Sings (124)

.

icial Music Video ( Producer Sings (124)

.

icial Music Video ( Producer Sings (124)

.italic .

icial Music Video ( Producer Sings (124)

.

icial Music Video ( Producer Sings (124)

.

icial Music Video ( Producer Sings (124)

.bold italic .

icial Music Video ( Producer Sings (124)

.

icial Music Video ( Producer Sings (124)

.

icial Music Video ( Producer Sings (124)

....................uppercase regular .

icial Music Video ( Producer Sings (124)

.

icial Music Video ( Producer Sings (124)

.

icial Music Video ( Producer Sings (124)

...........uppercase bold .

icial Music Video ( Producer Sings (124)

.

icial Music Video ( Producer Sings (124)

.

icial Music Video ( Producer Sings (124)

...........uppercase italic .

icial Music Video ( Producer Sings (124)

.

icial Music Video ( Producer Sings (124)

.

icial Music Video ( Producer Sings (124)

...........uppercase bold italic .

icial Music Video ( Producer Sings (124)

.

icial Music Video ( Producer Sings (124)

.

icial Music Video ( Producer Sings (124)

...........small-caps regular .

icial Music Video(124)

.

icial Music Video(124)

.

icial Music Video (124)

...........small-caps bold .

icial Music Video 4)

.

icial Music Video (124)

.

icial Music Video ( Producer Sings (124)

...........small-caps italic .

icial Music Video ( Producer Sings (124)

.

icial Music Video ( Producer Sings (124)

.

icial Music Video ( Producer Sings (124)

...........small-caps bold italic .

icial Music Video ( Producer Sings (124)

.

icial Music Video ( Producer Sings (124)

.

icial Music Video ( Producer Sings (124)

.......
...
A look at what's new
LEGEND TITLE .Music Video .

Cantarell Music Video

.

"pt2"

.

pt3

........

1head

.

2middleheader

.........Music Video .

Cantarell Music Video

.

Producer Sings

.

Video Producer

...........bold .

124

124 .....
... ...... ...
... Summary: ...
...

Valid CSS!

.

Fascinated with HOW NOCSSterous ruins every post...

Posted: 10 Apr 2011 08:35 PM PDT

...so i just make progressive CSSandwiches lately and see what comes out for fun!

Roiling Vortex of Lust

TeePee READY WHEN BIG 4 MILLION WHITE MAN SPIRIT COME THROUGH SKY

SEE CRAMMEAT TeePEE

2 Moon Dark OR TWO FROM TODAY , TOMORROW, OR NEXT DAY
Dogmeat Spirit never use MOST OF THESE FIREWATER W3Crazy Pain-in-WHITE-MAN HTML5-MOON TAG BEFORE ...
Dogmeat say, Dogmeat NEVER USE AGAIN IF Dogmeat HELPIT!

Roiling Vortex of Lust

DogMeat
bigWHITE MEN
POSTEROUS DOGMEAT CALL NoCssTerous Reservation Spirit! Him Template Chief Big HTML5 CSS3 SPIRITQUEST DOGMEAT MAKE'M NEW SEMANTIC CSS3-HTML5 Teepee for DogMeat him NAME

TeePee READY WHEN BIG 4 MILLION WHITE MAN SPIRIT COME THROUGH SKY

SEE CRAMMEAT TeePEE

2 Moon Dark OR TWO FROM TODAY , TOMORROW, OR NEXT DAY Dogmeat Spirit never use MOST OF THESE FIREWATER W3Crazy Pain-in-WHITE-MAN HTML5-MOON TAG BEFORE ... Dogmeat say, Dogmeat NEVER USE AGAIN IF Dogmeat HELPIT! Posted from Dogmeat BIG tee-peePHONE
PUT under WWWHITE MAN CASCADE MAKER
TODAY Share on Facebook Dogmeat leave this CSS scalp-job, courtesy of NOCSSterous: The blog that strips everything! up, in case one of them drops by AGAIN!
Posted from Dogmeat BIG tee-peePHONE
PUT under WWWHITE MAN CASCADE MAKER
TODAY

Permalink | Leave a comment »

** PLEASEMAG **
** PLEASEMAG **
.
..

Recognize this information box?

Posted: 10 Apr 2011 03:51 PM PDT

Recognize this information box?

Permalink | Leave a comment »

** PLEASEMAG **
** PLEASEMAG **
..
...

bettina rheims (claudia)

Posted: 10 Apr 2011 02:10 PM PDT

(claudia)

rheims

bettina
Some of the simple layouts get

CloSeiSh...

DOGMEAT

Permalink | Leave a comment »

** PLEASEMAG **
** PLEASEMAG **
...
....

The Future of Posterous Themeing (HTML5 + CSS3) is HERE!

Posted: 10 Apr 2011 01:04 PM PDT


The Future of Posterous Themeing (HTML5 + CSS3)


is
Cram_template_video_view
HERE My Left Footer
Share
Cram_-_template_my_left_footer_2011-04-10_14-38-51

THE FUTURE Theme by Dogmeat THE FUTURE Theme by Dogmeat

Theme by Dogmeat Watch for '4 MILLION VIEW-theme-version' at this site SOON !

Permalink | Leave a comment »

** PLEASEMAG **
** PLEASEMAG **
....
....

Circle text

Posted: 10 Apr 2011 04:18 AM PDT

....
....

ms.png

Posted: 10 Apr 2011 03:22 AM PDT

....
....

csshadow

Posted: 10 Apr 2011 03:20 AM PDT

Permalink | Leave a comment »

** PLEASEMAG **
** PLEASEMAG **
....
....

Paul Revere & The Raiders -Indian Reservation

Posted: 10 Apr 2011 02:20 AM PDT

Permalink | Leave a comment »

** PLEASEMAG **
** PLEASEMAG **

This posting includes an audio/video/photo media file: Download Now

....
....

Coolest Posterous HTML5 CSS3 Cockpit (former TeePee Template) EVER!

Posted: 09 Apr 2011 11:28 PM PDT

Coolest Posterous HTML5 CSS3 Cockpit (former TeePee Template) EVER! I CAN'T STOP LOOKING AT IT. CHECK OUT A BIG POST SO YOU CAN SEE VIDEOS, AND HIT THE FACEBOOK BUTTON IF YOU WANT A LAUGH

F1116ed33a7a9686e3768b7c4d1608

Permalink | Leave a comment »

** PLEASEMAG **
** PLEASEMAG **
....
....

CSS

Posted: 09 Apr 2011 10:14 PM PDT

as usual Posterous: The Blog That Strips Everything! Scalped the CSS right off the head of that last Postem! Here's the Notes with the I

Www nline code and a link later to a place that honors Web Standards...disgusted! But make sure and go see Cram's Template, until mine goes up--somehow they didn't manage to fuck that one up yet!

MAKE'M NEW SEMANTIC CSS3-HTML5 TeepeebigWHITE MEN POSTEROUS DOGMEAT CALL NoCssTerous ReservationSPIRIT! for DogMeat Doppelganger, him NAME

TeePee READY WHEN BIG 4 MILLION WHITE MAN SPIRIT COME THROUGH SKY SEE CRAMMEAT TeePEE

Clickem Smoke-Signal--No move in Sky --SEE

2 Moon Dark OR TWO FROM TODAY , TOMORROW, OR NEXT DAY
Dogmeat Spirit never use MOST OF THESE FIREWATER W3Crazy Pain-in-WHITE-MAN HTML5-MOON TAG BEFORE ...
Dogmeat say, Dogmeat NEVER USE AGAIN IF Dogmeat HELPIT! Posted from Dogmeat BIG tee-peePHONE
PUT under WWWHITE MAN CASCADE MAKER
TODAY

Spiritguide MAKE'M NEW CSS3-HTML5 SEMANTIC Teepee Template --because different Indian POSTEROUS MEN NO LIKEM BIG STYLE!
DOGMEAT CALL BAD RESERVATION SPIRIT-MEN NoCssTerous!

Dogmeat make'm TeePee Template for HIM CASCADING ANCESTor spirit CALL--him,MEAT!!

Dogmeat New TeePee READY WHEN 4 MILLION WHITE MAN Dogmeat SPIRITs COME Down from SKY, 1 Moon OR TWO FROM TODAY TOMORROW, NEXT DAY
Click'em AbsoluteCSS Smoke-Signal...No move in Sky (BUT Dogmeat say, NEVER CAN TELL--CRAZY NoCSSterous Reservation Host! --

Dogmeat Spirit never use MOST FIREWATER WC3 Pain-in WHITE-MAN HTML5- TAGem BEFORE ... Dogmeat say, Dogmeat NEVER USE AGAIN IF Dog meat HELPIT! Posted from Dog meat teePHONE TODAY Under WWWHITE MAN MAKE'M CASCADE NOCSSTEROUS BUTCHER VERSION

Spiritguide MAKE'M NEW CSS3-HTML5 SEMANTIC Teepee Template --because different Indian POSTEROUS MEN NO LIKEM BIG STYLE!
DOGMEAT CALL BAD RESERVATION SPIRIT-MEN NoCssTerous!

Dogmeat make'm TeePee Template for HIM CASCADING ANCESTor spirit CALL--him,MEAT!!

Dogmeat New TeePee READY WHEN 4 MILLION WHITE MAN Dogmeat SPIRITs COME Down from SKY, 1 Moon OR TWO FROM TODAY TOMORROW, NEXT DAY
Click'em AbsoluteCSS Smoke-Signal...No move in Sky (BUT Dogmeat say, NEVER CAN TELL--CRAZY NoCSSterous Reservation Host! --

Dogmeat Spirit never use MOST FIREWATER WC3 Pain-in WHITE-MAN HTML5- TAGem BEFORE ... Dogmeat say, Dogmeat NEVER USE AGAIN IF Dog meat HELPIT! Posted from Dog meat teePHONE TODAY Under WWWHITE MAN MAKE'M CASCADE

Permalink | Leave a comment »

** PLEASEMAG **
** PLEASEMAG **
....
....

Posterous CSS3-HTML5 TEEmPEElet MAKE'M Dogmeat Spirit Guide

Posted: 09 Apr 2011 08:54 PM PDT

Spiritguide MAKE'M NEW CSS3-HTML5 SEMANTIC Teepee Template --because different Indian POSTEROUS MEN NO LIKEM BIG STYLE!
DOGMEAT CALL BAD RESERVATION SPIRIT-MEN NoCssTerous!

Dogmeat make'm TeePee Template for HIM CASCADING ANCESTor spirit CALL--him,MEAT!!

Dogmeat New TeePee READY WHEN 4 MILLION WHITE MAN Dogmeat SPIRITs COME Down from SKY, 1 Moon OR TWO FROM TODAY TOMORROW, NEXT DAY
Click'em AbsoluteCSS Smoke-Signal...No move in Sky (BUT Dogmeat say,) NEVER CAN TELL--CRAZY NoCSSterous Reservation Host!
CRAM made by Dogmeat!

Dogmeat Spirit never use MOST FIREWATER WC3 Pain-in WHITE-MAN HTML5- TAGem BEFORE ... Dogmeat say, Dogmeat NEVER USE AGAIN IF Dog meat HELPIT! Posted from Dog meat teePHONE TODAY Under WWWHITE MAN MAKE'M CASCADE

Permalink | Leave a comment »

** PLEASEMAG **
** PLEASEMAG **
....
...
.You are subscribed to email updates from Dogmeat █ Roiling vortex of LUST █
.Email delivery powered by Google ..
Google Inc., 20 West Kinzie, Chicago IL USA 60610
LUSTy -MOZ CSShadow Roiling Vortex SUB █ 4.11.11 POWERED BY DOGMEAT. ...........
... ...
at

Japanese Layout Task Force

W3CW3C Internationalization (I18n) Activity: Making the World Wide Web truly world wide!

Japanese Layout Task Force
Home Page

via w3.org

at

April 11, 2011

when round layout problems confound, always look toward japan--5th cent. han

Media_httpwwww3orgtr2_issug
via w3.org

at

ms.png

at

csshadow

via github.com

at

April 10, 2011

Fascinated with HOW NOCSSterous ruins every post...

...so i just make progressive CSSandwiches lately and see what comes out for fun!

Roiling Vortex of Lust

TeePee READY WHEN BIG 4 MILLION WHITE MAN SPIRIT COME THROUGH SKY

SEE CRAMMEAT TeePEE

2 Moon Dark OR TWO FROM TODAY , TOMORROW, OR NEXT DAY
Dogmeat Spirit never use MOST OF THESE FIREWATER W3Crazy Pain-in-WHITE-MAN HTML5-MOON TAG BEFORE ...
Dogmeat say, Dogmeat NEVER USE AGAIN IF Dogmeat HELPIT!

Roiling Vortex of Lust

DogMeat
bigWHITE MEN
POSTEROUS DOGMEAT CALL NoCssTerous Reservation Spirit! Him Template Chief Big HTML5 CSS3 SPIRITQUEST DOGMEAT MAKE'M NEW SEMANTIC CSS3-HTML5 Teepee for DogMeat him NAME

TeePee READY WHEN BIG 4 MILLION WHITE MAN SPIRIT COME THROUGH SKY

SEE CRAMMEAT TeePEE

2 Moon Dark OR TWO FROM TODAY , TOMORROW, OR NEXT DAY Dogmeat Spirit never use MOST OF THESE FIREWATER W3Crazy Pain-in-WHITE-MAN HTML5-MOON TAG BEFORE ... Dogmeat say, Dogmeat NEVER USE AGAIN IF Dogmeat HELPIT! Posted from Dogmeat BIG tee-peePHONE
PUT under WWWHITE MAN CASCADE MAKER 
TODAY Share on Facebook Dogmeat leave this CSS scalp-job, courtesy of NOCSSterous: The blog that strips everything! up, in case one of them drops by AGAIN!
Posted from Dogmeat BIG tee-peePHONE
PUT under WWWHITE MAN CASCADE MAKER 
TODAY
at

Recognize this information box?

Recognize this information box?
at

bettina rheims (claudia)

bettina rheims (claudia)

Dogmeat » favorite photographer

at

The Future of Posterous Themeing (HTML5 + CSS3) is HERE!

My Left Footer
The Future of Posterous Themeing (HTML5 + CSS3)


is
HERE
Cram_-_template_my_left_footer_2011-04-10_14-38-51
Cram_template_video_view
Share THE FUTURE Theme by Dogmeat
at

Circle text

Click below
via bug339553.bugzilla.mozilla.org

at

Paul Revere & The Raiders -Indian Reservation

via playlistplay.posterous.com

at

Coolest Posterous HTML5 CSS3 Cockpit (former TeePee Template) EVER!

Coolest Posterous HTML5 CSS3 Cockpit (former TeePee Template) EVER!  I CAN'T STOP LOOKING AT IT.  CHECK OUT A BIG POST SO YOU CAN SEE VIDEOS, AND HIT THE FACEBOOK BUTTON IF YOU WANT A LAUGH
F1116ed33a7a9686e3768b7c4d1608

at

CSS

as usual Posterous: The Blog That Strips Everything! Scalped the CSS right off the head of that last Postem! Here's the Notes with the I
Www
nline code and a link later to a place that honors Web Standards...disgusted! But make sure and go see Cram's Template, until mine goes up--somehow they didn't manage to fuck that one up yet!

MAKE'M NEW SEMANTIC CSS3-HTML5 Teepee bigWHITE MEN POSTEROUS DOGMEAT CALL NoCssTerous ReservationSPIRIT! for DogMeat Doppelganger, him NAME

TeePee READY WHEN BIG 4 MILLION WHITE MAN SPIRIT COME THROUGH SKY SEE CRAMMEAT TeePEE

Clickem Smoke-Signal--No move in Sky --SEE

2 Moon Dark OR TWO FROM TODAY , TOMORROW, OR NEXT DAY
Dogmeat Spirit never use MOST OF THESE FIREWATER W3Crazy Pain-in-WHITE-MAN HTML5-MOON TAG BEFORE ...
Dogmeat say, Dogmeat NEVER USE AGAIN IF Dogmeat HELPIT! Posted from Dogmeat BIG tee-peePHONE
PUT under WWWHITE MAN CASCADE MAKER 
TODAY

2222222222222222222222222222222222222222222

Spiritguide MAKE'M NEW CSS3-HTML5 SEMANTIC Teepee Template --because different Indian POSTEROUS MEN NO LIKEM BIG STYLE!
DOGMEAT CALL BAD RESERVATION SPIRIT-MEN NoCssTerous!

Dogmeat make'm TeePee Template for HIM CASCADING ANCESTor spirit CALL--him,MEAT!!

Dogmeat New TeePee READY WHEN 4 MILLION WHITE MAN Dogmeat SPIRITs COME Down from SKY, 1 Moon OR TWO FROM TODAY TOMORROW, NEXT DAY
Click'em AbsoluteCSS Smoke-Signal...No move in Sky (BUT Dogmeat say, NEVER CAN TELL--CRAZY NoCSSterous Reservation Host! --

Dogmeat Spirit never use MOST FIREWATER WC3 Pain-in WHITE-MAN HTML5- TAGem BEFORE ... Dogmeat say, Dogmeat NEVER USE AGAIN IF Dog meat HELPIT! Posted from Dog meat teePHONE TODAY Under WWWHITE MAN MAKE'M  CASCADE NOCSSTEROUS BUTCHER VERSION

Spiritguide MAKE'M NEW CSS3-HTML5 SEMANTIC Teepee Template --because different Indian POSTEROUS MEN NO LIKEM BIG STYLE!
DOGMEAT CALL BAD RESERVATION SPIRIT-MEN NoCssTerous!

Dogmeat make'm TeePee Template for HIM CASCADING ANCESTor spirit CALL--him,MEAT!!

Dogmeat New TeePee READY WHEN 4 MILLION WHITE MAN Dogmeat SPIRITs COME Down from SKY, 1 Moon OR TWO FROM TODAY TOMORROW, NEXT DAY
Click'em AbsoluteCSS Smoke-Signal...No move in Sky (BUT Dogmeat say, NEVER CAN TELL--CRAZY NoCSSterous Reservation Host! --

Dogmeat Spirit never use MOST FIREWATER WC3 Pain-in WHITE-MAN HTML5- TAGem BEFORE ... Dogmeat say, Dogmeat NEVER USE AGAIN IF Dog meat HELPIT! Posted from Dog meat teePHONE TODAY Under WWWHITE MAN MAKE'M  CASCADE

 

at

Posterous CSS3-HTML5 TEEmPEElet MAKE'M Dogmeat Spirit Guide

Spiritguide MAKE'M NEW CSS3-HTML5 SEMANTIC Teepee Template --because different Indian POSTEROUS MEN NO LIKEM BIG STYLE!
DOGMEAT CALL BAD RESERVATION SPIRIT-MEN NoCssTerous!

Dogmeat make'm TeePee Template for HIM CASCADING ANCESTor spirit CALL--him,MEAT!!

Dogmeat New TeePee READY WHEN 4 MILLION WHITE MAN Dogmeat SPIRITs COME Down from SKY, 1 Moon OR TWO FROM TODAY TOMORROW, NEXT DAY
Click'em
Wolly_css_goat_crop U2751 U270d
See the full gallery on Posterous
 AbsoluteCSS Smoke-Signal...No move in Sky (BUT Dogmeat say,) NEVER CAN TELL--CRAZY NoCSSterous Reservation Host!
CRAM made by Dogmeat!

Dogmeat Spirit never use MOST FIREWATER WC3 Pain-in WHITE-MAN HTML5- TAGem BEFORE ... Dogmeat say, Dogmeat NEVER USE AGAIN IF Dog meat HELPIT! Posted from Dog meat teePHONE TODAY Under WWWHITE MAN MAKE'M  CASCADE

 

at

April 9, 2011

Opera Logo with CSS · David DeSandro

The Opera logo, rendered only with CSS, no images. Compare it with the real deal.

Opera logo with CSS across browsers

Best viewed in Firefox 3.6+, Safari 4+, Chrome 5+, [Updated 17 March 2011] and Opera 11.1+.

Aside from another shameless plea for attention, this demonstration gives me a chance to look at some CSS3 properties across browsers.

[Updated 18 March 2010] After this post started gaining some momentum on the tweets, both Håkon Wium Lie and Jan Henrik Helmers produced their own Opera 10.5-friendly versions using inset box-shadows to recreate the gradients.

Border Radius

In all the tutorials and hubbub over CSS3, elliptical border radius is one of those features that hasn’t been given enough attention. It’s syntax is easy enough: instead of using one value, two are used. First value is horizontal, second is vertical (following x & y, just like other 2-D values like background-position). Important to note is the difference between the Mozilla, Opera and Webkit values. Mozilla uses a slash, Webkit uses a space.

-moz-border-radius: 220px/235px; -webkit-border-radius: 220px 235px; border-radius: 220px/235px;

Regular ol' border-radius is not just a vanity property anymore. Opera 10.5 and Internet Explorer 9 both support border-radius, no vendor-prefix necessary. For these browsers, the shape will not be perfectly oval, but at least be mostly round. Note that the border-radius property should come first, as it will overwrite preceeding -webkit-border-radius properties in Webkit browsers. Opera’s own Vadim Makeyev and Petter Nilsen did a good job of looking over my shoulder to point out that Opera 10.5 support elliptical border-radius.

Lars Gunther then followed up regarding the proper ordering of properties. I had overwritten the default border-radius with the vendor-specific owns, but as Lars discusses the best practice for this scenario, border-radius should be the ultimate property.

The extra fun use-cases to consider are the Webkit and Mozilla browsers that support border-radius, but not the elliptical variety. Take for instance Camino 2.0. Given the code above, it has no property to fall back on, and will render the shape as a rectangle. So do you add yet another border-radius property?

Gradients

While Firefox lagged Webkit browsers with supporting CSS gradients, the extra time it took doing so was well worth it. Mozilla’s gradient syntax is more intuitive and easier to remember. If it’s just a simple two color gradient, the Mozilla syntax goes angle, color, color. Webkit’s implementation requires more deliberate code with its positioning and colors. 

background: #800; background: -moz-linear-gradient(-90deg, #F88, #800); background:   -o-linear-gradient(        #F88, #800); background: -webkit-gradient(linear, 0 top, 0 bottom, from(#F88), to(#800));

This difference is emphasized when working with multiple colors. Take this example, from the large fill area, which has 3 additional color-stops:

background: #E71616; background: -moz-linear-gradient(-90deg, #FE878A, #E71616 50%, #800000 80%,  #800000 85%, #b80304); background:   -o-linear-gradient(        #FE878A, #E71616    , #800000 80%,  #800000 85%, #b80304); background: -webkit-gradient(linear, 0 top, 0 bottom, from(#FE878A), color-stop(50%, #E71616), color-stop(80%, #800000),  color-stop(85%, #800000), to(#b80304) );

Of course, a default color should be supplied for graceful degradation. Using a text editor with proper syntax highlighting is a huge help here, making sense of all the business going on between all those parentheses and commas.

Looking at radial gradients, it’s much of the same. The Webkit values can grow cumbersome easily. Mozilla provided some sweet helper constants like cover and contain so you don’t have to worry about sizing the radii perfect to fit whatever size you’re working with.

Box Shadow

Box shadow properties are consistent between browsers. Apart from the vendor prefixes, the properties are exactly the same.

-webkit-box-shadow: 0 100px 30px hsla(0,0%,0%,.2); -moz-box-shadow: 0 100px 30px hsla(0,0%,0%,.2); box-shadow: 0 100px 30px hsla(0,0%,0%,.2);

Here I’m using the HSLa color value, which I’ve found to be easier to tweak when designing on the fly.

Resources

I find myself turning to the Mozilla Developer Center for reference on the new properties and values. In addition to comprehensive overviews, it also details the differences between Mozilla and other browser implementations. In fact, it was through the MDC that I found the Safari Reference Library. Googling “mdc” with the property in question will get you straight there, so you can avoid the multitude of zombie CSS blogs.

PROTIP: when Googling for CSS3 values and properties, be sure to leave off the initial hyphen. “-moz-linear-gradient” will be interpreted as NOT moz-linear-gradient thus yielding no results.

Also useful is the Western Civilization CSS3 Sandbox, which has tools for trying out gradients, text shadows, box shadows, text stroke, and transforms. Especially helpful is the ability to change between Webkit and Mozilla syntax.

Possible practical reason for CSS shapes?

Resolution independence. Go ahead and page zoom in to see how the shapes hold up with no pixelation.

via desandro.com

at

Death Colors

Death Colors

This page uses slants to make the triangle, and a single 211 bytes image file for the "raster bars". The image is a PNG-file with full alpha transparency, so IE can't show it correctly. Using both a solid background color and a semi-transparent background image on top of it gives the appearence of a fading bar. In Opera, you can turn images off to see just the colors move. You can use Opera's full screen projection mode to change the appearence of the page.
via infimum.dk

at

W3C Typewriter

Media_httpwwww3orgtal_jawwe
via w3.org

at

Every Wooly They Got! Web according to W3C

Woolly the sheep (color) Woolly the sheep (color) Woolly the sheep (black and white) Woolly the sheep (black and white)
via w3.org

at

W3C on Acid!

http://www.webstandards.org/files/acid2/reference.png
via webstandards.org

at

Woolly the CSS goat 'Isn't she semantic?'

http://www.w3.org/Style/Woolly/woolly-l.png
Woolly the CSS goat 'Isn't she semantic?' w3.org

at

W3C Chopped off Wolly, the CSS Goat's Head, Like John the Baptist!

Media_httpwwww3orgtr2_bxfpb
via w3.org

at
Subscribe to: Comments (Atom)