Comments on: Case Study: Getting Hardboiled with CSS3 2D Transforms https://blog.typekit.com/2011/01/25/case-study-getting-hardboiled-with-css3-2d-transforms/ News about Typekit Mon, 31 Jan 2011 17:00:31 +0000 hourly 1 https://wordpress.org/?v=5.4.1 By: Mandy Brown https://blog.typekit.com/2011/01/25/case-study-getting-hardboiled-with-css3-2d-transforms/#comment-2196 Mon, 31 Jan 2011 17:00:31 +0000 http://blog.typekit.com/?p=2960#comment-2196 In reply to felix.

I disagree; Andy points out that your mileage with these approaches may vary, depending on the circumstances. But in many cases, users of older browsers won’t even realize they are missing anything. So long as the site is built such that older browsers still have access to all the content and can transact as needed, it’s not necessary for a site to look or feel exactly the same everywhere.

]]> By: felix https://blog.typekit.com/2011/01/25/case-study-getting-hardboiled-with-css3-2d-transforms/#comment-2195 Sun, 30 Jan 2011 01:40:43 +0000 http://blog.typekit.com/?p=2960#comment-2195 “That will likely mean that designs will look different — sometimes very different — across browsers.”

That is exactly the reason why these technologies are not ready to be used for production websites. No web developer in their right mind is going to build a different layout for every browser on the market. It’s just not possible. For experimental sites it’s fine, but for a site that that needs to work everywhere and be built in a reasonable amount of time I would say steer clear. The reason Flash and now jQuery did so well is that they are consistent across browsers. Building a separate site for each browser leads to madness.

]]> By: Luis Nell https://blog.typekit.com/2011/01/25/case-study-getting-hardboiled-with-css3-2d-transforms/#comment-2194 Sat, 29 Jan 2011 19:12:51 +0000 http://blog.typekit.com/?p=2960#comment-2194 Nice one. However anyone who really wants to know their way around transforms etc. should definitely try to understand the transformation matrix.
I know it’s maths, but since the CSS engine transforms it all into matrices anyway, I think it could benefit the performance to simply write matrices (matrix3d() matrix2d()). Want to successfully change transformations via JavaScript? Yep, you then need matrices too 😉
Gosh, I recently read a nice article explaining matrices with reference to CSS. Can’t find it anymore :-S

]]> By: Giulia https://blog.typekit.com/2011/01/25/case-study-getting-hardboiled-with-css3-2d-transforms/#comment-2193 Fri, 28 Jan 2011 13:24:52 +0000 http://blog.typekit.com/?p=2960#comment-2193 Great Article!
Just one simple question: is there a specific reason why you avoided ids, and used :nth-of-type() (apart from showing how to use it)?
I would have used ids to increase page speed and performance, as id are more efficient.

]]> By: Phil Powell https://blog.typekit.com/2011/01/25/case-study-getting-hardboiled-with-css3-2d-transforms/#comment-2192 Thu, 27 Jan 2011 11:53:27 +0000 http://blog.typekit.com/?p=2960#comment-2192 In reply to Phil Powell.

Thanks. You’re latest post managed to summarise what I was talking about much more effectively than my meagre description!

]]> By: Tim Brown https://blog.typekit.com/2011/01/25/case-study-getting-hardboiled-with-css3-2d-transforms/#comment-2191 Wed, 26 Jan 2011 22:19:21 +0000 http://blog.typekit.com/?p=2960#comment-2191 In reply to Phil Powell.

See also: the rotation part of the post we just published on CSS properties that affect type rendering.

]]> By: Jason https://blog.typekit.com/2011/01/25/case-study-getting-hardboiled-with-css3-2d-transforms/#comment-2190 Wed, 26 Jan 2011 19:49:33 +0000 http://blog.typekit.com/?p=2960#comment-2190 Absolutely spectacular stuff. CSS3 makes me really excited about web design again. Andy is a genius and I can’t wait for me copy of Hardboiled to finally arrive in the mail!

]]> By: Zandy https://blog.typekit.com/2011/01/25/case-study-getting-hardboiled-with-css3-2d-transforms/#comment-2189 Wed, 26 Jan 2011 13:38:42 +0000 http://blog.typekit.com/?p=2960#comment-2189 I love the concept of working with browser differences. A better way of thinking, it seems.

]]> By: Andy Clarke https://blog.typekit.com/2011/01/25/case-study-getting-hardboiled-with-css3-2d-transforms/#comment-2188 Wed, 26 Jan 2011 12:11:43 +0000 http://blog.typekit.com/?p=2960#comment-2188 @Scarf*oo: You’ll find the working demo here.
http://hardboiledwebdesign.com/demo/2011-01-26/index.html

]]> By: Scarf*oo https://blog.typekit.com/2011/01/25/case-study-getting-hardboiled-with-css3-2d-transforms/#comment-2187 Wed, 26 Jan 2011 07:35:15 +0000 http://blog.typekit.com/?p=2960#comment-2187 Nice article, unfortunately I haven’t been able to find a working demo?

]]>