Comments on: CSS3 in HTML5? HTML5 in CSS3! http://meyerweb.com/eric/thoughts/2011/01/18/css3-in-html5-html5-in-css3/ Things that Eric A. Meyer, CSS expert, writes about on his personal Web site; it's largely Web standards and Web technology, but also various bits of culture, politics, personal observations, and other miscellaneous stuff Fri, 10 May 2013 11:50:23 +0000 hourly 1 http://wordpress.org/?v=3.5.1 By: Oswald http://meyerweb.com/eric/thoughts/2011/01/18/css3-in-html5-html5-in-css3/#comment-537304 Oswald Tue, 15 Feb 2011 05:10:42 +0000 http://meyerweb.com/eric/thoughts/?p=1455#comment-537304 Eric,

Some CSS3-based eye-candy code samples are here:
http://code.google.com/p/css3-graphics/

Enjoy!

Oswald

]]> By: Michael Tuck http://meyerweb.com/eric/thoughts/2011/01/18/css3-in-html5-html5-in-css3/#comment-531521 Michael Tuck Wed, 26 Jan 2011 02:11:35 +0000 http://meyerweb.com/eric/thoughts/?p=1455#comment-531521 Yes, it’s HTML 5! The sensation that’s sweeping the nation!
Warning: Pregnant women, the elderly, and children under 10 should avoid prolonged exposure to HTML 5.
Caution: HTML 5 may suddenly accelerate to dangerous speeds.
HTML 5 contains a liquid core, which, if exposed due to rupture, should not be touched, inhaled, or looked at.
Do not use HTML 5 on concrete.
Discontinue use of HTML 5 if any of the following occurs:
* itching
* vertigo
* dizziness
* tingling in extremities
* loss of balance or coordination
* slurred speech
* temporary blindness
* profuse sweating
* or heart palpitations.
If HTML 5 begins to smoke, get away immediately. Seek shelter and cover head.
HTML 5 may stick to certain types of skin.
When not in use, HTML 5 should be returned to its special container and kept under refrigeration. Failure to do so relieves the makers of HTML 5 of any and all liability.
Ingredients of HTML 5 include an unknown glowing green substance which fell to Earth, presumably from outer space.
HTML 5 has been shipped to our troops in Saudi Arabia and is being dropped by our warplanes on Iraq.
Do not taunt HTML 5.
HTML 5 comes with a lifetime warranty.
HTML 5! Accept no substitutes!

:)

]]> By: James http://meyerweb.com/eric/thoughts/2011/01/18/css3-in-html5-html5-in-css3/#comment-530900 James Mon, 24 Jan 2011 09:16:20 +0000 http://meyerweb.com/eric/thoughts/?p=1455#comment-530900 I have to ask, is marketing HTML 5 as a set of languages as apposed to the 5th version of the HTML standard a good thing as this seems to be doing?

Will this, and the WHATWG removing the version number for HTML not make it more difficult/confusing for hobbyists / part-time / infrequent developers to design for a given standard and expect browser support?

]]> By: Joe Marini http://meyerweb.com/eric/thoughts/2011/01/18/css3-in-html5-html5-in-css3/#comment-530130 Joe Marini Fri, 21 Jan 2011 18:10:44 +0000 http://meyerweb.com/eric/thoughts/?p=1455#comment-530130 Just tried it on our IE9 PP7 build, and it works great. Also tried it on our upcoming Windows Phone update. Works great there too!

]]> By: Web round up #13: What people are saying about the new HTML5 logo | Mayfield Digital Blog http://meyerweb.com/eric/thoughts/2011/01/18/css3-in-html5-html5-in-css3/#comment-530112 Web round up #13: What people are saying about the new HTML5 logo | Mayfield Digital Blog Fri, 21 Jan 2011 17:10:38 +0000 http://meyerweb.com/eric/thoughts/?p=1455#comment-530112 [...] together is as silly as a carpenter referring to every tool in their toolkit as “a hammer.”Eric Meyer:It brings all the deliciousness of a Soviet-era Transformers logo to the yummy conflation of [...]

]]> By: Jakson http://meyerweb.com/eric/thoughts/2011/01/18/css3-in-html5-html5-in-css3/#comment-530105 Jakson Fri, 21 Jan 2011 17:00:25 +0000 http://meyerweb.com/eric/thoughts/?p=1455#comment-530105 Awesome! I’d like to see how you did it. Can’t you make a little tuto??

]]> By: Eric Meyer http://meyerweb.com/eric/thoughts/2011/01/18/css3-in-html5-html5-in-css3/#comment-529885 Eric Meyer Fri, 21 Jan 2011 01:57:11 +0000 http://meyerweb.com/eric/thoughts/?p=1455#comment-529885 I was referring to the Talking Heads. I suspect she probably was as well. Glad to have brought the lulz!

]]> By: Andy http://meyerweb.com/eric/thoughts/2011/01/18/css3-in-html5-html5-in-css3/#comment-529829 Andy Thu, 20 Jan 2011 22:57:35 +0000 http://meyerweb.com/eric/thoughts/?p=1455#comment-529829 “This ain’t no disco” is a lyric from her song “All I Wanna Do”. I realized after I posted it that it’s also from the Talking Heads song “Life During Wartime”. Being a child of the 90′s, her song was what I thought of first. What were you referencing?

And your “layered commentary” on the old browsers is incredibly amusing. Thanks for the laugh.

]]> By: Eric Meyer http://meyerweb.com/eric/thoughts/2011/01/18/css3-in-html5-html5-in-css3/#comment-529815 Eric Meyer Thu, 20 Jan 2011 22:05:16 +0000 http://meyerweb.com/eric/thoughts/?p=1455#comment-529815 No, Andy, no Sheryl Crow reference. At least, none intentional. What was the reference you spotted?

The Atari-style rendering in IE8- (and Camino 2- and other old-ish browsers) is actually quite intentional. I built the layout so that CSS-positioning-aware-but-CSS-transforms-unaware user agents would fall back to that appearance. It’s not only viewer-friendly, it’s one of a number of layered commentaries on the wider issue.

]]> By: Andy http://meyerweb.com/eric/thoughts/2011/01/18/css3-in-html5-html5-in-css3/#comment-529763 Andy Thu, 20 Jan 2011 18:45:32 +0000 http://meyerweb.com/eric/thoughts/?p=1455#comment-529763 Is that a Sheryl Crow reference?

Great job! But of course, in IE 8-, it renders like an old Atari game.

]]> By: Eric Meyer http://meyerweb.com/eric/thoughts/2011/01/18/css3-in-html5-html5-in-css3/#comment-529329 Eric Meyer Wed, 19 Jan 2011 14:16:09 +0000 http://meyerweb.com/eric/thoughts/?p=1455#comment-529329 kikito, it would be fairly easy to do straight rays (having them taper would be very difficult) but the rays aren’t really part of the logo, so I decided to leave them off. I built this so that it all scales and could, in theory, be placed into a web page as a badge. I mean, I’d NEVER recommend someone actually do that, but the possibility exists.

JJ, you’ve got a good point there. I really should use a few of the new HTML elements, a bit of SVG (maybe that could be the rays kikito desires!), and a bit of WOFF.

]]> By: JJ http://meyerweb.com/eric/thoughts/2011/01/18/css3-in-html5-html5-in-css3/#comment-529325 JJ Wed, 19 Jan 2011 13:47:53 +0000 http://meyerweb.com/eric/thoughts/?p=1455#comment-529325 Wow, I didn’t inspect it closely at first. I assumed it was SVG. That’s pretty amazing though. It’s a pretty good illustration of the html5 logo page’s definition of html5 – just needed a .woff to top it off.

]]> By: kikito http://meyerweb.com/eric/thoughts/2011/01/18/css3-in-html5-html5-in-css3/#comment-529271 kikito Wed, 19 Jan 2011 09:15:13 +0000 http://meyerweb.com/eric/thoughts/?p=1455#comment-529271 It is awesome.

Would it be very complex to add the gray-and-white radial rays in the background?

]]> By: Cogito http://meyerweb.com/eric/thoughts/2011/01/18/css3-in-html5-html5-in-css3/#comment-529141 Cogito Tue, 18 Jan 2011 23:44:13 +0000 http://meyerweb.com/eric/thoughts/?p=1455#comment-529141 Haha, nice one, Eric. @ Arty2: By the time that happens the Internet will be plugged directly into our brain… or something… Anyways, it’ll look even cooler. :P

]]> By: Josh B. http://meyerweb.com/eric/thoughts/2011/01/18/css3-in-html5-html5-in-css3/#comment-529118 Josh B. Tue, 18 Jan 2011 22:33:56 +0000 http://meyerweb.com/eric/thoughts/?p=1455#comment-529118 Ha! Your tweets from earlier are beginning to make sense now… :)

]]>