Comments on CSS calc Legendary scribbles about JavaScript, HTML5, AJAX, PHP, CSS, and ∞. 2012-12-19T16:18:45Z http://davidwalsh.name/css-calc/feed/atom WordPress By: Edson Edson http://edsonjunior.com/ http://davidwalsh.name/?p=5643#comment-41434 2012-12-19T16:18:45Z 2012-12-19T16:18:45Z I share the words of some mates: Awesome! But hey! This is awesome for building grids! Take a look http://codepen.io/ed1nh0/pen/puhsf Tks for share!

]]>
By: Joshua Parker Joshua Parker http://www.joshparker.us/ http://davidwalsh.name/?p=5643#comment-41405 2012-12-18T22:07:12Z 2012-12-18T22:07:12Z One word: awesome. Guess what I will be using in my next project?

]]>
By: Rob Rob http://roberskine.com http://davidwalsh.name/?p=5643#comment-41353 2012-12-17T17:54:25Z 2012-12-17T17:54:25Z Sorry for the duplicate! didn’t see I coulld reply directly.

Hey Adoumas,

With a google search I found this compatibility table: http://caniuse.com/calc. Not supported in < IE 9, so it's pretty limited if you're dependent upon using this for relative width layouts. It could be useful elsewhere though.

]]>
By: Rob Rob http://roberskine.com http://davidwalsh.name/?p=5643#comment-41352 2012-12-17T17:53:39Z 2012-12-17T17:53:39Z Hey Adoumas,

With a google search I found this compatibility table: http://caniuse.com/calc. Not supported in < IE 9, so it's pretty limited if you're dependent upon using this for relative width layouts. It could be useful elsewhere though.

Rob

]]>
By: Flurin Egger Flurin Egger http://advent2012.digitpaint.nl http://davidwalsh.name/?p=5643#comment-41350 2012-12-17T17:18:35Z 2012-12-17T17:18:35Z Calc() is quite awesome! Did you know you can use it in gradients and background-size/position too?

Today’s HTML & CSS Advent 2012 entry is actually about the calc() function too.
http://advent2012.digitpaint.nl/17/

]]>
By: David Walsh David Walsh http://davidwalsh.name http://davidwalsh.name/?p=5643#comment-41349 2012-12-17T17:08:21Z 2012-12-17T17:08:21Z You could set a layout width to 100% (responsive), while always leaving {x} pixels of that width for an absolutely positioned block on the right; that’s just one example.

]]>
By: jessek jessek http://davidwalsh.name/?p=5643#comment-41348 2012-12-17T17:05:10Z 2012-12-17T17:05:10Z Pardon my ignorance, but what are the benefits of doing this over using ‘box-sizing:border-box’ for responsive layout? I understand that you can mix percentage padding with a hint of static, but why would you want to?

]]>
By: icaaq icaaq http://www.twitter.com/icaaq http://davidwalsh.name/?p=5643#comment-41347 2012-12-17T16:55:22Z 2012-12-17T16:55:22Z http://caniuse.com/#feat=calc

]]>
By: adoumas adoumas http://www.adoumas.com http://davidwalsh.name/?p=5643#comment-41346 2012-12-17T16:48:28Z 2012-12-17T16:48:28Z Browser compatibility ?

]]>