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] Fwd: Re: Web fonts
On 31/07/2014 14:17, Tom Livingston wrote: -- Forwarded message -- From: Chris Rockwell ch...@chrisrockwell.com Tip: if you're using Chrome or Firefox, highlight some of the text (really not necessary, i just do it out of habit), right click (on windows, not sure of mac) and select Inspect Element. In the right side pane of developer tools, you'll be able to see what styles are being applied to the element. Firefox has a Fonts tab on the right. Very handy. Isn't that an 'Add-on' (or 'Extension') ? I don't see it on my Firefox, but it might be useful. -- Tim Dawson Maolbhuidhe Fionnphort Isle of Mull PA66 6BP 01681 700718 __ 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] Web fonts
On Monday, August 4, 2014, Tim Dawson t...@ramasaig.com wrote: On 31/07/2014 14:17, Tom Livingston wrote: -- Forwarded message -- From: Chris Rockwell ch...@chrisrockwell.com Tip: if you're using Chrome or Firefox, highlight some of the text (really not necessary, i just do it out of habit), right click (on windows, not sure of mac) and select Inspect Element. In the right side pane of developer tools, you'll be able to see what styles are being applied to the element. Firefox has a Fonts tab on the right. Very handy. Isn't that an 'Add-on' (or 'Extension') ? I don't see it on my Firefox, but it might be useful. I'll chech but I don't remember doing anything special to get it. I'll let you know. -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.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] Web fonts
On Wed, Jul 30, 2014 at 10:20 PM, Stuart King zinlo...@gmail.com wrote: Hi CSSer's: I cannot figure out why the web font does not work for the body text. I an using Century Gothic. I got the fonts to work with the different sub headers and the footer. I have tried tech support from myfonts.com - they were worthless and now from monotype, also worthless. Help. http://younglighteducate.com/pages/ccss_students.html Thank you. Stuart MyFonts are linked to the document from the head of each page-- something like this: link rel=stylesheet href=whateverfont/whateverfont.css http://ccstudi.com/museoslab900/museoslab900.css type=text/css / Best, David Laakso -- Chelsea Creek Studio http://ccstudi.com desktop | laptop | tablet | mobile __ 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] Web fonts
On Monday, August 4, 2014, Tom Livingston tom...@gmail.com wrote: On Monday, August 4, 2014, Tim Dawson t...@ramasaig.com javascript:_e(%7B%7D,'cvml','t...@ramasaig.com'); wrote: On 31/07/2014 14:17, Tom Livingston wrote: -- Forwarded message -- From: Chris Rockwell ch...@chrisrockwell.com Tip: if you're using Chrome or Firefox, highlight some of the text (really not necessary, i just do it out of habit), right click (on windows, not sure of mac) and select Inspect Element. In the right side pane of developer tools, you'll be able to see what styles are being applied to the element. Firefox has a Fonts tab on the right. Very handy. To be clear, the fonts tan I am referring to is in FFs own dev tools. Right click and choose inspect element. -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.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] Web fonts
On 04/08/2014 12:54, Tom Livingston wrote: On Monday, August 4, 2014, Tom Livingston tom...@gmail.com mailto:tom...@gmail.com wrote: On Monday, August 4, 2014, Tim Dawson t...@ramasaig.com javascript:_e(%7B%7D,'cvml','t...@ramasaig.com'); wrote: On 31/07/2014 14:17, Tom Livingston wrote: -- Forwarded message -- From: Chris Rockwell ch...@chrisrockwell.com Tip: if you're using Chrome or Firefox, highlight some of the text (really not necessary, i just do it out of habit), right click (on windows, not sure of mac) and select Inspect Element. In the right side pane of developer tools, you'll be able to see what styles are being applied to the element. Firefox has a Fonts tab on the right. Very handy. To be clear, the fonts tan I am referring to is in FFs own dev tools. Right click and choose inspect element. Yes, I see that now. Meanwhile I've also looked at the 'Font Finder' extension' It provides very detailed information (more than one needs just for the purpose of checking the font source). Tim -- Tim Dawson Maolbhuidhe Fionnphort Isle of Mull PA66 6BP 01681 700718 __ 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/
[css-d] JavaScript / HTML groups
Hi All, I apologize in advance for an off-topic question. I’ve been following this group for a while now and have learned a ton from it. Are there any groups like this one, but for HTML or JavaScript? /email signature id=paceaux name=Frank M. Taylor twitter=@paceaux / __ 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] JavaScript / HTML groups
http://www.webdesign-l.com/ On Mon, Aug 4, 2014 at 10:54 AM, Frank Taylor pace...@madebypaceaux.com wrote: Hi All, I apologize in advance for an off-topic question. I’ve been following this group for a while now and have learned a ton from it. Are there any groups like this one, but for HTML or JavaScript? /email signature id=paceaux name=Frank M. Taylor twitter=@paceaux / __ 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/ -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.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] JavaScript / HTML groups
Hello, For html help I subscribe to this list: h...@lists.whatwg.org Norman On 2014-08-04, at 9:06 AM, Tom Livingston wrote: http://www.webdesign-l.com/ On Mon, Aug 4, 2014 at 10:54 AM, Frank Taylor pace...@madebypaceaux.com wrote: Hi All, I apologize in advance for an off-topic question. I’ve been following this group for a while now and have learned a ton from it. Are there any groups like this one, but for HTML or JavaScript? /email signature id=paceaux name=Frank M. Taylor twitter=@paceaux / __ -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.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/
