Re: [css-d] CSS inch?
2014-08-04 8:28, Karl DeSaulniers wrote: Can you use in for inches in css or is that just jQuery that does that? Yes, in has been a unit defined in CSS from the very beginning. Current spec: http://www.w3.org/TR/CSS2/syndata.html#length-units 1in equals 2.54cm (exactly). This corresponds to the current definition of the inch in metrology. However, in, cm, and mm need not correspond to the physical unit of inch and to the submultiples centimeter and millimeter of the physical unit meter. Their mutual relationships are fixed, but their relations to physical units vary, according to whether CSS units are anchored to physical units or to the reference pixel. This is described http://www.w3.org/TR/css3-values/#absolute-lengths So if you set some dimension to 1in, it might be one inch, or it might be somewhat different. However, it is the same as you get by setting the dimension to 2.54cm. Yucca __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] CSS inch?
On 2014-08-04 00:28 (GMT-0500) Karl DeSaulniers composed: Can you use in for inches in css...? It's valid, but it may not mean what you think it means. For screen media it can only mean a physical inch in old IE and Gecko browsers, and in all Konqueror browsers configured to use the KHTML rendering engine, and then only if the physical display density is matched to the desktop's assumed pixel density. There is also an equivalent to an inch available in Gecko browsers that no longer support a physical in unit, the mozmm unit, where 1in is equivalent to 25.4mozmm. http://fm.no-ip.com/Auth/dpi-screen-window.html and http://fm.no-ip.com/Auth/dpi-screen-sample.html are a couple of many pages on my site that put the mozmm unit to work. If per happenstance the user's display has a physical pixel density of 96 DPI, and the desktop's assumed pixel density remains at the 96 setting that is the usual default, then a CSS logical in will measure one physical inch on the display screen. -- The wise are known for their understanding, and pleasant words are persuasive. Proverbs 16:21 (New Living Translation) Team OS/2 ** Reg. Linux User #211409 ** a11y rocks! Felix Miata *** http://fm.no-ip.com/ __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] CSS inch?
On Aug 4, 2014, at 1:04 AM, Jukka K. Korpela jkorp...@cs.tut.fi wrote: 2014-08-04 8:28, Karl DeSaulniers wrote: Can you use in for inches in css or is that just jQuery that does that? Yes, in has been a unit defined in CSS from the very beginning. Current spec: http://www.w3.org/TR/CSS2/syndata.html#length-units 1in equals 2.54cm (exactly). This corresponds to the current definition of the inch in metrology. However, in, cm, and mm need not correspond to the physical unit of inch and to the submultiples centimeter and millimeter of the physical unit meter. Their mutual relationships are fixed, but their relations to physical units vary, according to whether CSS units are anchored to physical units or to the reference pixel. This is described http://www.w3.org/TR/css3-values/#absolute-lengths Interesting.. you can use picas as well. Neat. Don't foresee them being used on this end but good to know they haven't been left behind in this digital age. lol Karl DeSaulniers Design Drumm http://designdrumm.com __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] CSS inch?
On Aug 4, 2014, at 1:06 AM, Felix Miata mrma...@earthlink.net wrote: On 2014-08-04 00:28 (GMT-0500) Karl DeSaulniers composed: Can you use in for inches in css...? It's valid, but it may not mean what you think it means. For screen media it can only mean a physical inch in old IE and Gecko browsers, and in all Konqueror browsers configured to use the KHTML rendering engine, and then only if the physical display density is matched to the desktop's assumed pixel density. There is also an equivalent to an inch available in Gecko browsers that no longer support a physical in unit, the mozmm unit, where 1in is equivalent to 25.4mozmm. http://fm.no-ip.com/Auth/dpi-screen-window.html and http://fm.no-ip.com/Auth/dpi-screen-sample.html are a couple of many pages on my site that put the mozmm unit to work. If per happenstance the user's display has a physical pixel density of 96 DPI, and the desktop's assumed pixel density remains at the 96 setting that is the usual default, then a CSS logical in will measure one physical inch on the display screen. -- The wise are known for their understanding, and pleasant words are persuasive. Proverbs 16:21 (New Living Translation) Team OS/2 ** Reg. Linux User #211409 ** a11y rocks! Felix Miata *** http://fm.no-ip.com/ Yeah, more an more its sounding like a specific use case situation in order to actually utilize the in in css. Your project being displayed on your monitor and your browser. Maybe an intranet site could utilize these measurements best? Graphic Agency? Thanks for all the resources everyone. As expected, you have answered my question eloquently an thoroughly. :) Best, Karl DeSaulniers Design Drumm http://designdrumm.com __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] CSS inch?
Hello, Inch is a print measurement in North America because printing presses are specified in inches, and paper is sold in inches, monitors are spec'd in pixels, so if you want a pixel-perfect placement then pixels are the measurement to use. 99.9% of the time I try to keep things flexible and use the em and percentages to spec for the web. Norman On 2014-08-03, at 11:28 PM, Karl DeSaulniers wrote: Can you use in for inches in css or is that just jQuery that does that? Best, Karl DeSaulniers Design Drumm http://designdrumm.com --- http://www.normanfournier.com __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] CSS inch?
On Aug 3, 2014, at 10:28 PM, Karl DeSaulniers k...@designdrumm.com wrote: Can you use in for inches in css or is that just jQuery that does that? Yes, you can use “in” for inches CSS, but it’s probably not the best for digital design. An inch for print is good since it’s easy and repeatable to measure an inch on paper. For the different types of screens and resolutions out there—I don’t think you would get the same distance or rely on getting the same distance from smartphone to tablet to desktop, etc. Best, Christopher Schmitt +1-513-374-1885 @teleject -- Attend the Front End Summit http://frontendsummit.com/ Online, live web building tools conference August 21, 2014 __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] CSS inch?
Le 4 août 2014 à 14:28, Karl DeSaulniers k...@designdrumm.com a écrit : Can you use in for inches in css or is that just jQuery that does that? http://dev.w3.org/csswg/css-values/#absolute-lengths (only useful for print stylesheets, me thinks) Philippe -- Philippe Wittenbergh http://l-c-n.com/ __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] CSS inch?
On Aug 4, 2014, at 12:39 AM, Christopher Schmitt schm...@christopher.org
wrote:
On Aug 3, 2014, at 10:28 PM, Karl DeSaulniers k...@designdrumm.com wrote:
Can you use in for inches in css or is that just jQuery that does that?
Yes, you can use “in” for inches CSS, but it’s probably not the best for
digital design.
An inch for print is good since it’s easy and repeatable to measure an inch
on paper.
For the different types of screens and resolutions out there—I don’t think
you would get the same distance or rely on getting the same distance from
smartphone to tablet to desktop, etc.
Best,
Christopher Schmitt
Thanks Christopher. That is what I figured. Wasn't sure of a real case scenario
that I would do inches except maybe an online proofing website or something
that dealt with print pieces.
Was more curious because I saw this code on the jQuery animate page and didn't
know if this was a standard with css or something jQuery was providing for
their user base as a convenience per se.
script
// Using multiple unit types within one animation.
$( #go ).click(function() {
$( #block ).animate({
width: 70%,
opacity: 0.4,
marginLeft: 0.6in, saw this
fontSize: 3em,
borderWidth: 10px
}, 1500 );
});
/script
Thanks for the reply.
Karl DeSaulniers
Design Drumm
http://designdrumm.com
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] CSS inch?
On Aug 3, 2014, at 10:44 PM, Karl DeSaulniers k...@designdrumm.com wrote:
On Aug 4, 2014, at 12:39 AM, Christopher Schmitt schm...@christopher.org
wrote:
On Aug 3, 2014, at 10:28 PM, Karl DeSaulniers k...@designdrumm.com wrote:
Can you use in for inches in css or is that just jQuery that does that?
Yes, you can use “in” for inches CSS, but it’s probably not the best for
digital design.
An inch for print is good since it’s easy and repeatable to measure an inch
on paper.
For the different types of screens and resolutions out there—I don’t think
you would get the same distance or rely on getting the same distance from
smartphone to tablet to desktop, etc.
Best,
Christopher Schmitt
Thanks Christopher. That is what I figured. Wasn't sure of a real case
scenario that I would do inches except maybe an online proofing website or
something that dealt with print pieces.
Was more curious because I saw this code on the jQuery animate page and
didn't know if this was a standard with css or something jQuery was providing
for their user base as a convenience per se.
script
// Using multiple unit types within one animation.
$( #go ).click(function() {
$( #block ).animate({
width: 70%,
opacity: 0.4,
marginLeft: 0.6in, saw this
fontSize: 3em,
borderWidth: 10px
}, 1500 );
});
/script
Definitely take that demo with a grain of salt.
:) It’s trying to tell you it can move an element, but it’s not the best unit
to use to do that.
Hmm… Might be worthwhile to ping them to see if they can update the example
with a different value.
C.
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] CSS inch?
On Aug 4, 2014, at 12:47 AM, Christopher Schmitt schm...@christopher.org
wrote:
Thanks Christopher. That is what I figured. Wasn't sure of a real case
scenario that I would do inches except maybe an online proofing website or
something that dealt with print pieces.
Was more curious because I saw this code on the jQuery animate page and
didn't know if this was a standard with css or something jQuery was
providing for their user base as a convenience per se.
script
// Using multiple unit types within one animation.
$( #go ).click(function() {
$( #block ).animate({
width: 70%,
opacity: 0.4,
marginLeft: 0.6in, saw this
fontSize: 3em,
borderWidth: 10px
}, 1500 );
});
/script
Definitely take that demo with a grain of salt.
:) It’s trying to tell you it can move an element, but it’s not the best unit
to use to do that.
Hmm… Might be worthwhile to ping them to see if they can update the example
with a different value.
C.
Oh yeah, no worries there. I've done .animate() many times already.
Just never saw that measurement in their example before now.
Thanks for the verification. Will use sparingly. ;)
Best,
Karl DeSaulniers
Design Drumm
http://designdrumm.com
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
