Comments for Paul Hayes

Comment on CSS Modal follow up by Pavel

Pavel — Sat, 04 Feb 2012 10:09:27 +0000

Hey, Paul! Clicking faded background doesnt close the dialog box!! (ios5)

Comment on CSS Modal follow up by AV

AV — Mon, 30 Jan 2012 10:16:41 +0000

Все понятно

Comment on CSS Modal follow up by Heloo

Heloo — Mon, 30 Jan 2012 07:08:17 +0000

sdf

Comment on Use CSS transitions to link Media Queries and JavaScript by Paul Hayes

Paul Hayes — Sat, 28 Jan 2012 14:19:45 +0000

@stephband: That assumes the media queries are mutually exclusive.

Comment on Use CSS transitions to link Media Queries and JavaScript by stephband

stephband — Fri, 27 Jan 2012 10:48:03 +0000

Of course, I left out the transitions in the example above, to keep it clear.

Comment on Use CSS transitions to link Media Queries and JavaScript by stephband

stephband — Fri, 27 Jan 2012 10:46:18 +0000

If you use CSS’s ‘content’ property, you only need to test one element, rather than one element per media query. Something like this:

@media all and (min-width: 42em) {
#mq {
content: ‘min-width: 42em’
}
}

@media all and (min-width: 60em) {
#mq {
content: ‘min-width: 60em’
}
}

You’ll find that all browsers can read the content property, even if it is not displayed on screen.

Comment on Animated CSS3 cube using 3D transforms by Staale

Staale — Thu, 26 Jan 2012 09:31:27 +0000

Hi. I’m having trouble getting this to work. I’ve tried the various tweaks in the comments. I’m getting: ” $(“cube”).style is undefined ” in the console when I press the keys.
I’m a bit new at this so I might be making some obvious blunder. My file is at http://esdialog.no/testing/3d_cube/index.html

Comment on CSS 3D cube with touch gestures, click and drag by doug

doug — Sat, 21 Jan 2012 21:27:34 +0000

really fine work. Of course, there are demos like this elsewhere (e.g., in WebGL), but what’s so impressive about your demo is that you used only the basic tools.

Comment on Animated CSS3 cube using 3D transforms by Willie Meier

Willie Meier — Thu, 19 Jan 2012 09:52:57 +0000

Paul thanks for a great article

I’ve taken article as a basis and made a transparent 3d cube and have each face play a video.

Works great in IE9, FF, Opera, Chrome and Safari.

There is a bit of an issue with the bottom face which I cannot get just quite right and wonder IF possibly
using transformation Matrix would be the answer and perhaps more precise.

Would you be willing to offer help in making it possible for making the 3D transparent cube rotate using the ‘keypress’?

thanks

Comment on CSS Modal by math-loust

math-loust — Mon, 09 Jan 2012 20:02:39 +0000

love this idea
thanks this is awesome

Comment on CSS 3D cube with touch gestures, click and drag by Smita

Smita — Fri, 06 Jan 2012 00:00:49 +0000

This shows a single plane when we try to rotate it
on android. What must be wrong

Comment on Accordion using only CSS by WesTurner

WesTurner — Wed, 28 Dec 2011 18:36:49 +0000

@Al:

It does work in IE9+ and FF8+ but this demo is missing the –moz, –o, and –ms flavors for the transition css3 attribute.

It would be nice if Paul updated his CSS across the site to include the browser-specific implementations of these CSS3 attributes. Better yet, the browser makers should stop using these extensions and just use the actual attribute, TRANSITION.

Comment on An analogue clock using only CSS by Biju

Biju — Wed, 28 Dec 2011 10:07:12 +0000

Ctrl+A and you can see the image rotating

Comment on Moving markup towards HTML5 by Internet Explorer에서 HTML5 » Junyoung Kim

Internet Explorer에서 HTML5 » Junyoung Kim — Wed, 28 Dec 2011 01:57:34 +0000

[…] 출처 Posted by hako at 1:56 am Tagged with: html5, ie, internet explorer, web […]

Comment on CSS Modal follow up by Brian Hennings

Brian Hennings — Thu, 22 Dec 2011 21:44:29 +0000

Whoops, sorry about that comment above. I didn’t think it would actually post without a valid email address! Great article, Paul.

Comment on Use CSS transitions to link Media Queries and JavaScript by Brekk

Brekk — Tue, 20 Dec 2011 15:42:31 +0000

Wow! That’s really exciting — it offers a wealth of possibilities in the supported browsers. Thanks for posting.

Comment on Animated CSS3 cube using 3D transforms by CSS3 の Transforms プロパティを使って簡単 3D Cube 表示 | TM Life

CSS3 の Transforms プロパティを使って簡単 3D Cube 表示 | TM Life — Sun, 18 Dec 2011 23:03:43 +0000

[…] Animated CSS3 cube using 3D transforms – Paul Hayes […]

Comment on 3D Cube using 2D CSS transformations by Work Related by rustythecat - Pearltrees

Work Related by rustythecat - Pearltrees — Thu, 15 Dec 2011 18:58:46 +0000

[…] — webkit — transform : skewY (- 30deg ); — moz — transform : skewY (- 30deg ); } . rightFace { 3D Cube using 2D CSS transformations – Paul Hayes […]

Comment on Animated CSS3 cube using 3D transforms by Andreas Lagerkvist

Andreas Lagerkvist — Mon, 12 Dec 2011 13:56:49 +0000

I don’t know how or when but it started working Results here: http://exscale.se/__files/uploads/jquery-3d-circle.htm

Comment on 3D Cube using 2D CSS transformations by Mansoor Khan

Mansoor Khan — Mon, 12 Dec 2011 08:58:06 +0000

Good job Paul! Let’s hope we get support on other browsers soon.

Comment on An analogue clock using only CSS by Wang

Wang — Mon, 12 Dec 2011 03:31:50 +0000

very beautiful!

Comment on Animated CSS3 cube using 3D transforms by Andreas Lagerkvist

Andreas Lagerkvist — Sat, 10 Dec 2011 16:53:33 +0000

This is totally awesome but working on my own version I’m experiencing trouble with z-index. I haven’t copied your code in every detail but I don’t understand why yours doesn’t suffer the same problems. All my faces are drawn on top of each other with the last face on top and the first on the bottom. Any idea why that doesn’t happen to your cube?

Comment on Auto-scrolling Parallax Effect without JavaScript by Aina

Aina — Tue, 06 Dec 2011 17:20:17 +0000

Sweet, not to steal your spotlight, but I have a related tutorial here: ainalem.com/parallax.html

Comment on Accordion using only CSS by Mouthwatering Collection Of jQuery Plugins And CSS3 Tricks | Free Web Design Tucson

Thu, 01 Dec 2011 18:20:19 +0000

[…] 2. Pure CSS Accordion […]

Comment on Use CSS transitions to link Media Queries and JavaScript by Stefan

Stefan — Thu, 01 Dec 2011 12:50:24 +0000

I’m finding your blog post really hard to read as the font is so thin it doesn’t display very well. And the comments section is even more complicated as its light grey on black which offers no contrast.

Sorry to be a pain, but your putting up barriers to the content.