Re: [css-d] css masking
.two:after rule has typo. On Thursday, June 4, 2015, Crest Christopher crestchristop...@gmail.com wrote: A while ago I posted I couldn't get masking to work; here is my example https://jsfiddle.net/WildWind/bs84tegs/11/. I had the mask rule within the class = two, but it wasn't working, I decided, even though it won't be removing parts of the black stylized circle to use pseudo-element:after with the mask rule, it may be wrong, it doesn't appear to be working anyhow ? __ 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 | 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] css masking
Le 5 juin 2015 à 10:23, Crest Christopher crestchristop...@gmail.com a écrit : A while ago I posted I couldn't get masking to work; here is my example https://jsfiddle.net/WildWind/bs84tegs/11/. I had the mask rule within the class = two, but it wasn't working, I decided, even though it won't be removing parts of the black stylized circle to use pseudo-element:after with the mask rule, it may be wrong, it doesn't appear to be working anyhow ? There are quite a few typos in your fiddle… And your generated element will do nothing because it is empty. At a minimum, you’d need to add `content:''; ` to have that ::after element do something. I got something working in both Safari 8 and Opera 29: http://dev.l-c-n.com/_junk/mask.html Dunno if this is what you’re after… According to caniuse, it is enabled by default, unperfected in Chromium based browsers, but at least in Opera, you need the -webkit prefix (and I’m not clear if the `mask-type:` is actually fully supported). http://caniuse.com/#search=mask 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/
[css-d] css masking
A while ago I posted I couldn't get masking to work; here is my example https://jsfiddle.net/WildWind/bs84tegs/11/. I had the mask rule within the class = two, but it wasn't working, I decided, even though it won't be removing parts of the black stylized circle to use pseudo-element:after with the mask rule, it may be wrong, it doesn't appear to be working anyhow ? __ 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] review please - an existing site made mobile
Erik Visser schreef op 04-06-15 om 02:58: So tests from iphone and windows phone users are extra welcome! Or is this not the right type of question for this list..? Have to go to webdesign-l maybe? Or is something missing..? Or..? __ 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] Vertical Horizontal Center ?
Erik Visser schreef op 04-06-15 om 03:00: This is what i remember too. Excuses for bloating the list with a not quite helpful contribution. It was 3 am. But that's not a very good excuse. Luckily the real experts came in and helped you out. erik __ 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] review please - an existing site made mobile
Seems to function OK - tested only in emulators. Only potential problem I can see, is that text alongside floating images may break up in not so nice ways as space narrows... Screenshot: http://www.gunlaug.com/contents/imagefolders/extra/scr-utr.png regards Georg __ 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] review please - an existing site made mobile
Hey Erik, Works like a charm on Safari iPhone 5 iOS 7.0.4 Menus fade in and out nicely. They even stay if you hit the back button. Layout looks as it should be as far as I can tell. One of the tables had content that made it expand vertically a little but not much. Only hiccup I saw that grabbed my eye and I went quite a few nav links (not all sry) Nice work! :) Best, Karl DeSaulniers Design Drumm http://designdrumm.com On Jun 4, 2015, at 2:31 AM, Erik Visser e...@erikvisser.net wrote: Erik Visser schreef op 04-06-15 om 02:58: So tests from iphone and windows phone users are extra welcome! Or is this not the right type of question for this list..? Have to go to webdesign-l maybe? Or is something missing..? Or..? __ 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] Vertical Horizontal Center ?
Chris, in order for the top/right/bottom/left:0 trick and margin:auto; to work, that element needs a width/height (width to horizontally center, and a height to vertically center). Not ideal for a couple reasons - situations that truly call for position:absolute are rare, and also setting a fixed width/height, most of the time, is a poor choice to make. On Thu, Jun 4, 2015 at 3:20 AM, Erik Visser e...@erikvisser.net wrote: Erik Visser schreef op 04-06-15 om 03:00: This is what i remember too. Excuses for bloating the list with a not quite helpful contribution. It was 3 am. But that's not a very good excuse. Luckily the real experts came in and helped you out. erik __ 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/ -- Ryan Reese __ 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/