Re: [css-d] Screens overload
nov 17 2014 05:45 Crest Christopher crestchristop...@gmail.com: When you have a comp to work from you can tell the client, look this is the comp you signed off on, hopefully both you and him are in agreement, It’s just that it’s very seldom you are in actual mutual agreement because a modern web site will not look like the comp. It’s more fruitful to be in a agreement of functionality and use case fulfillment. It’s not important that the client is satisfied per se, it's the customers of the client that should be the focus. If I notice early on the client don’t get this I turn down the client. I’m not in the business to sweet talk my clients to satisfy their egos. It’s their results that counts and I try to make that clear from the beginning. In addition working from a comp is very much slower than hand sketches and fast coding. If you are not a designer then designing in the browser may be more beneficial If you are a designer working in the browser is more beneficial as well, as this practice doesn’t exclude design in any way. Of course, a skillful designer that prefers comps may still do a great job. Any developer/Designer can choose their tools as they want. But no-one should do it because it’s convenient, but because it’s the right fit for them. __ 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] Position fixed and transforms
Hello list, I am using transform: translate3d(0px, 0px, 0px); on a parent element for off-screen mobile nav. At wider widths, I switch to a typical top nav, and add position:fixed to my header (a child of the aforementioned parent element). After some research, I learned that the transform on the parent of my header will mess up the fixed positioning. My question is how do I turn off/negate/undo the transition at wider widths so my fixed header will work? Sorry, can't post code right now. Thanks in advance. -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com #663399 __ 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] Position fixed and transforms
On Mon Nov 17 2014 at 12:18:44 PM Tom Livingston tom...@gmail.com wrote: Hello list, I am using transform: translate3d(0px, 0px, 0px); on a parent element for off-screen mobile nav. At wider widths, I switch to a typical top nav, and add position:fixed to my header (a child of the aforementioned parent element). After some research, I learned that the transform on the parent of my header will mess up the fixed positioning. My question is how do I turn off/negate/undo the transition at wider widths so my fixed header will work? Sorry, can't post code right now. Thanks in advance. So after some messing around, I tried adding the transforms using a class and after a certain point, removing that class with JQ so as to avoid the position:fixed issue I'm having. Turns out the default state of my structure relies on the transforms to display the page normally. Looks like I'm out of luck with this. Guess I'll have to go talk to the designer about Plan B. If you pondered my issue, I thank you. __ 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] Position fixed and transforms
translate3d: none; ? Best, Karl DeSaulniers Design Drumm http://designdrumm.com On Nov 17, 2014, at 11:18 AM, Tom Livingston tom...@gmail.com wrote: Hello list, I am using transform: translate3d(0px, 0px, 0px); on a parent element for off-screen mobile nav. At wider widths, I switch to a typical top nav, and add position:fixed to my header (a child of the aforementioned parent element). After some research, I learned that the transform on the parent of my header will mess up the fixed positioning. My question is how do I turn off/negate/undo the transition at wider widths so my fixed header will work? Sorry, can't post code right now. Thanks in advance. -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com #663399 __ 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-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] Position fixed and transforms
Le 18 nov. 2014 à 02:18, Tom Livingston tom...@gmail.com a écrit :
I am using transform: translate3d(0px, 0px, 0px); on a parent element
for off-screen mobile nav.
At wider widths, I switch to a typical top nav, and add position:fixed
to my header (a child of the aforementioned parent element). After
some research, I learned that the transform on the parent of my header
will mess up the fixed positioning. My question is how do I turn
off/negate/undo the transition at wider widths so my fixed header
will work?
The initial value for the transform property is `none`
http://dev.w3.org/csswg/css-transforms/#transform-property
So for your wide screen stylesheet, this should do the trick:
E { transform: none; }
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] Position fixed and transforms
I'll try that. From what I read, the fact that transform is on the parent
at all is the problem. I'll reply after I give it a shot.
Thanks
On Mon, Nov 17, 2014 at 8:21 PM Philippe Wittenbergh e...@l-c-n.com wrote:
Le 18 nov. 2014 à 02:18, Tom Livingston tom...@gmail.com a écrit :
I am using transform: translate3d(0px, 0px, 0px); on a parent element
for off-screen mobile nav.
At wider widths, I switch to a typical top nav, and add position:fixed
to my header (a child of the aforementioned parent element). After
some research, I learned that the transform on the parent of my header
will mess up the fixed positioning. My question is how do I turn
off/negate/undo the transition at wider widths so my fixed header
will work?
The initial value for the transform property is `none`
http://dev.w3.org/csswg/css-transforms/#transform-property
So for your wide screen stylesheet, this should do the trick:
E { transform: none; }
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/
