This is the first of what I hope are number of experiments I plan on working on over the next few months, all in an effort to get acquainted with some of the new CSS3 features out in the wild that seem to be gaining some traction.
The last few months have been pretty exciting, with all the talk about new CSS3 features and how browsers are adding support for them, it’s a great time to be a designer for the web. It’s a lot easier these days to experiment with different typefaces, layouts and techniques previously not available.
Take a look at the image below:
No, it’s not a poster. It’s a web page completely designed using basic CSS and new CSS3 techniques. Pretty impressive right?
How’s it done?
Pretty easy actually, I used basic CSS positioning and some of the newer CSS3 features to put it together. Below are a few samples of the code so you can get an idea:
@font-face
@font-face { font-family: 'ChunkFiveRegular'; src: url('Chunkfive.eot'); src: local('ChunkFive'),local('ChunkFive'), url('Chunkfive.woff') format('woff'), url('Chunkfive.ttf') format('truetype'), url('Chunkfive.svg#ChunkFive') format('svg'); }Transforms
-webkit-transform: rotate(1deg); -moz-transform: rotate(1deg); -o-transform: rotate(1deg);Text-Shadows & Box Shadows
text-shadow: 2px 8px #b5c1b8, -1px -1px #fff; box-shadow: 4px 6px #b5c1b8;The font used is called Chunk, a nice bold slab serif. The text is an excerpt from the Universal Declaration of Human Rights.
Works in these browsers
- Firefox 3.6
- Safari 4
- Chrome 5
- Opera 10
IE can suck it.
So there it is. Nothing out of this world, however I think it shows the potential of CSS specifically the potential in using new CSS3 features.
In the words of Matt Brett:
“if you showed me that 10 years ago, my head would have exploded!”
Indeed. We’ve come a long way.
August 8, 2011
Transforms @font-face Expography
August 7, 2011
Rockford Agency card
[Crime Mystery] We all hope that Chris Coan will be found safe and sound, if he wants to be. Still, the mystery surrounding his disappearanceengages the imagination.Coan wrote down the number "208" before leaving his job at a Subway sandwich shop in Enoch. Then he drove away and hasn't been heard from since.
Did police use the time-honored "scribble on the notepad with the edge of a pencil lead" technique to discover what it was he had written down? (This worked in The Big Lebowski and countless other spy movies and Perry Mason episodes, but it's really easier--though less cinematically dramatic--to hold the paper at an oblique angle to the light.) Why do police assume 208 is a phone number? It's only three digits. Nobody ever writes down just an area code or an exchange; phone numbers are seven or 10 digits. And Coan doesn't even have a cell phone. My theory is that 208 is a hotel room number. You wouldn't necessarily write down the name of a hotel if you knew where it was, but you would probably write down a room number if you were meeting a guest there. According to Bill Frost, if this were an episode of The Rockford Files, 208 would be the number of a locker at a bus depot.
If you gave Falwell an enema he could be buried in a matchbox
Christopher Hitchens On Jerry Falwell's Death
A brief bit of history regarding my feelings for Christopher Hitchens:
Brilliant drunk--->Crackpot drunken hawk--->Partially redeemed brilliant drunk
There you have it. Why the redemption? How about this clip, for starters:
(BTW, I do not use the word "drunk" pejoratively. I adore some drunks and have myself been one, on occasion.)You might have varied negative opinions about Hitchens, including his extremely pig-headed and wholly incorrect position on the war in Iraq (he's for it...still) and his arrogant posturing indicating that he is certain that he is the smartest person in any room.
That all said, he is very smart and, some might say to a fault, honest.
Another video after the jump, this time from the Fox "News" show Hannity & Colmes:
Quote of the day?
Rockford vs Vette
these mini-skirts predicted the future
Mini Skirt Monday #81: Leg X-ing
One common complaint of the mini was the annoyance of having to constantly be mindful of you were sitting. Unlike pants and long dresses, sitting with legs akimbo could result in a glorious or embarrassing eyeful (depending on your perspective). Thus, high school yearbooks and family albums from the early seventies are full to the brim with girls with legs crossed and strategically placed hands for cover. I'm sure it became almost reflexive for the women, but still something to be cognizant of nonetheless.
Anthony Quinn, you sly dog. So, in a constant effort to milk the Mini Skirt Monday for all it's worth, this post shall hereby be devoted to The Crossing of the Legs. Enjoy.
