Re: [WSG] border doesn't work when -ms-filter (gradient) is used
Hi Russ,
I didn't see this post of yours until 5 minutes ago which was rescued from my
gmail web account spam box, and it was because I realized I haven't been
receiving Some links for light reading for many months.
Thanks for taking the time to do the test, and the info about the MS filter.
Tee
On Jul 9, 2011, at 5:04 PM, Russ Weakley wrote:
Hi Tee,
Unfortunately, this is a known issue.
Basically, this MS gradient filters will drown out or over-ride borders.
You can see this more dramatically if you apply an MS gradient filter to a
box that also has a border-radius defined. The MS gradient filter will render
a gradient background as a square box - over-riding the round corners
entirely.
Bottom line: these MS filters are very crude, and also cause performance
issues - making page load much slower.
Apologies if this was just a rough test, but if you were going to try and
make these gradients cross-browser, you would need to do something like this
(excluding the MS filter in sample below):
#c td
{
background-image: -webkit-gradient(linear,left top,left
bottom,from(#fff),to(yellow));
background-image: -webkit-linear-gradient(#fff,yellow);
background-image: -moz-linear-gradient(#fff,yellow);
background-image: -ms-linear-gradient(#fff,yellow);
background-image: -o-linear-gradient(#fff,yellow);
background-image: linear-gradient(#fff,yellow);
}
The first one if for the current version of webkit - which uses the oldest
syntax
The second one is for Chrome and the upcoming webkit versions (using the W3C
syntax)
The third one is obviously mozilla (using a slightly older syntax, but works
with the W3C syntax)
The fourth is for IE10 (using the W3C syntax)
Then Opera (using the W3C syntax)
And last, the actual W3C version
Aren't vender-specific extensions a joy :(
Be careful abut using the center keyword to define the start position/angle
as this is really only supported by Mozilla (which uses a slightly older
syntax). All other browsers support the W3C syntax, which allow the start
position/angle to be defined using four options:
Option 1 - leave blank
You can actually leave the start point or angle undefined, and the browser
will use the initial value “top” as the start point.
Option 2 - single keyword
You can define the start point/angle using a single keyword: left,
right, top, bottom
Option 3 - two keywords
You can define the start point/angle using two keywords: left top, left
bottom , right top, right bottom
Note: center is not permitted.
Option 4 - angle
You can define the start point/angle using any positive or negative angle:
0deg, 90deg, -50deg ... etc
I prefer option 1 where possible (simplest to write) or option 4 (can define
exact angle).
HTH
Russ
On 10/07/2011, at 8:54 AM, tee wrote:
Is this an IE9 bug?
http://jsbin.com/acawat
First table has -ms-filter: progid:DXImageTransform.Microsoft.gradient for
th and td, border lines are gone except the first (border-top for th) and
the last {border-bottm for td).
Thanks!
tee
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***
[WSG] major web site project
Hi. Well looking to do a major web project, and will be a blindness related site. With information, services, and links to vendors. And my side project will be to continue to rebuild my star trek project. So any ideas, suggestions, for layout, content, etc would be welcomed. Marvin. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] major web site project
Please !! WSG !! NEVER AGAIN ! 2011/8/12 Marvin Hunkin startrekc...@gmail.com Hi. Well looking to do a major web project, and will be a blindness related site. With information, services, and links to vendors. And my side project will be to continue to rebuild my star trek project.* *** So any ideas, suggestions, for layout, content, etc would be welcomed. Marvin. ** ** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** -- Best Wishes , Yours sincerely, Garment4u Team Album: Shoes : http://picasaweb.google.it/fashionSHOESforyou http://picasaweb.google.it/garment4uno2 http://picasaweb.google.it/garment4uno1 http://picasaweb.google.it/garment4uno3 http://picasaweb.google.it/garment4uno3 http://picasaweb.google.it/uggbootsforyouhttp://picasaweb.google.ru/uggbootsforyou Bag: http://picasaweb.google.it/fashionBAGforyou4 http://picasaweb.google.it/fashionBAGforyou3 http://picasaweb.google.it/fashionBAGforyou2 http://picasaweb.google.it/fashionBAGforyou Dresswear: http://picasaweb.google.ru/fashiondressforyou7 http://picasaweb.google.ru/fashiondressforyou6 http://picasaweb.google.it/fashionDRESSforyou3http://picasaweb.google.it/fashionDRESSforyou2 http://picasaweb.google.it/fashionDRESSforyou2http://picasaweb.google.it/fashionDRESSforyou http://picasaweb.google.it/fashionDRESSforyouhttp://picasaweb.google.it/fashionDRESSforyou5 CasualWear: http://picasaweb.google.it/Casualwearforyou Accessory: http://picasaweb.google.it/ladiesfashionforyou2 http://picasaweb.google.it/ladiesfashionforyou http://picasaweb.google.it/fashionaccessoryforyouhttp://picasaweb.google.it/fashionaccessorforyou Leather and Fur : http://picasaweb.google.it/leathernfurforyou *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] major web site project
go die 2011/8/11 garment4u...@gmail.com garment4u...@gmail.com Please !! WSG !! NEVER AGAIN ! 2011/8/12 Marvin Hunkin startrekc...@gmail.com Hi. Well looking to do a major web project, and will be a blindness related site. With information, services, and links to vendors. And my side project will be to continue to rebuild my star trek project. So any ideas, suggestions, for layout, content, etc would be welcomed.*** * Marvin. ** ** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** -- Best Wishes , Yours sincerely, Garment4u Team Album: Shoes : http://picasaweb.google.it/fashionSHOESforyou http://picasaweb.google.it/garment4uno2 http://picasaweb.google.it/garment4uno1 http://picasaweb.google.it/garment4uno3 http://picasaweb.google.it/garment4uno3 http://picasaweb.google.it/uggbootsforyouhttp://picasaweb.google.ru/uggbootsforyou Bag: http://picasaweb.google.it/fashionBAGforyou4 http://picasaweb.google.it/fashionBAGforyou3 http://picasaweb.google.it/fashionBAGforyou2 http://picasaweb.google.it/fashionBAGforyou Dresswear: http://picasaweb.google.ru/fashiondressforyou7 http://picasaweb.google.ru/fashiondressforyou6 http://picasaweb.google.it/fashionDRESSforyou3http://picasaweb.google.it/fashionDRESSforyou2 http://picasaweb.google.it/fashionDRESSforyou2http://picasaweb.google.it/fashionDRESSforyou http://picasaweb.google.it/fashionDRESSforyouhttp://picasaweb.google.it/fashionDRESSforyou5 CasualWear: http://picasaweb.google.it/Casualwearforyou Accessory: http://picasaweb.google.it/ladiesfashionforyou2 http://picasaweb.google.it/ladiesfashionforyou http://picasaweb.google.it/fashionaccessoryforyouhttp://picasaweb.google.it/fashionaccessorforyou Leather and Fur : http://picasaweb.google.it/leathernfurforyou *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** -- Best Wishes , Yours sincerely, Garment4u Team Album: Shoes : http://picasaweb.google.it/fashionSHOESforyou http://picasaweb.google.it/garment4uno2 http://picasaweb.google.it/garment4uno1 http://picasaweb.google.it/garment4uno3 http://picasaweb.google.it/garment4uno3 http://picasaweb.google.it/uggbootsforyouhttp://picasaweb.google.ru/uggbootsforyou Bag: http://picasaweb.google.it/fashionBAGforyou4 http://picasaweb.google.it/fashionBAGforyou3 http://picasaweb.google.it/fashionBAGforyou2 http://picasaweb.google.it/fashionBAGforyou Dresswear: http://picasaweb.google.ru/fashiondressforyou7 http://picasaweb.google.ru/fashiondressforyou6 http://picasaweb.google.it/fashionDRESSforyou3http://picasaweb.google.it/fashionDRESSforyou2 http://picasaweb.google.it/fashionDRESSforyou2http://picasaweb.google.it/fashionDRESSforyou http://picasaweb.google.it/fashionDRESSforyouhttp://picasaweb.google.it/fashionDRESSforyou5 CasualWear: http://picasaweb.google.it/Casualwearforyou Accessory: http://picasaweb.google.it/ladiesfashionforyou2 http://picasaweb.google.it/ladiesfashionforyou http://picasaweb.google.it/fashionaccessoryforyouhttp://picasaweb.google.it/fashionaccessorforyou Leather and Fur : http://picasaweb.google.it/leathernfurforyou *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
[WSG] iOS Safaro issue (?): Fixed and Absolute position
iOS Safari has rendering issue with fixed position, that is, the element will stay at the middle of the page when the hight of content is longer than the device height. Side note: as a touchscreen device user, I find a go to top link provides an appreciated usability and accessibility, especially when the bottom section of the page has no useful navigation that allows users to go to previous/next page or the main menu (or is there magic tap for go to top shortcut?) A site I was working, client doesn't want the conventional go to top link but something fancy that will show up when user scroll down, and fade out when scroll up to the top, this part isn't a problem with jquery, and I have found simple script that does this too, but in IOS Safari (can anyone confirm this is the case too for non-iOS device?) it shows up in the middle of the page, and when you are at the bottom section of the page you won't be able to see it. Please see these two examples: This one uses fixed position. http://briancray.com/tests/topofpage/index.html And I changed it to absolute position but it still behaves the same. http://jsbin.com/oravun/ Anyway to get around this? Thanks! tee *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] major web site project
I suggest we spam this person 100 times each until he figures how to die without bothering us! On Aug 10, 2011, at 7:30 PM, garment4u...@gmail.com wrote: go die 2011/8/11 garment4u...@gmail.com garment4u...@gmail.com Please !! WSG !! NEVER AGAIN ! 2011/8/12 Marvin Hunkin startrekc...@gmail.com Hi. Well looking to do a major web project, and will be a blindness related site. With information, services, and links to vendors. And my side project will be to continue to rebuild my star trek project. So any ideas, suggestions, for layout, content, etc would be welcomed. Marvin. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
[ADMIN] Re: [WSG] major web site project
This member has been removed from the mailing list for inappropriate language. Lea -- Lea de Groot WSG Core Member On 11/08/11 12:30 PM, garment4u...@gmail.com wrote: snip *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
RE: [ADMIN] Re: [WSG] major web site project [SEC=UNCLASSIFIED]
UNCLASSIFIED Thank you. Please make sure this person with the disgusting comments never gets on again, ever!! Absolutely disgusting, you ought to be ashamed of yourself!! -Original Message- From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org] On Behalf Of Lea de Groot Sent: Thursday, 11 August 2011 12:45 To: wsg@webstandardsgroup.org Subject: [ADMIN] Re: [WSG] major web site project This member has been removed from the mailing list for inappropriate language. Lea -- Lea de Groot WSG Core Member On 11/08/11 12:30 PM, garment4u...@gmail.com wrote: snip *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** IMPORTANT: This email remains the property of the Department of Defence and is subject to the jurisdiction of section 70 of the Crimes Act 1914. If you have received this email in error, you are requested to contact the sender and delete the email. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] major web site project
Hey there Marvin, When you first posted for suggestions for your site I did think that the subject of the blind computer user was apt, but I was reluctant to suggest it as you may of been reluctant to follow this path, concerned you may get pigeonholed. But as you have now indeed settled on the subject here is my suggestion. Rather than a portal for web designers et al to services, information etc. might I suggest an education site for non-web geeks. There maybe site like this that exist, but most of the stuff I know of is either technical or hosted on web industry sites. Of course if I view information on the subject within that context it's not surprising. Rather what I was thinking was, describing and drawing upon your experience creating a site that illustrates to the lay person just what the experience of browsing the web without perfect eyesight is like. Now I accept that it's not likely the lay person will intentionally look for such a site or even stumble across it generally browsing. But for those of us in the WSG group trying to explain and convince website owners the merit of incorporating accessibility features and rather than referring to and citing those previously mentioned sites, to refer to a site that they understand is describing real experience... Such a site I would suggest could include recordings of sample passages read by your Windows Eyes software, and even a comparison of site; the good and the bad. One idea that came to mind might be to have a page that is completely dark, but as the user mouses over a kind of peek-a-boo magnify glass reveals the text underneath, attempting to depict what it would be like having to 'discover' the page bit by bit as opposed to a visual glance. Hope that is the sort of thing you were looking for and all the very best with the project. Kind regards, John Unsworth *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] major web site project
Sorry folks, quick correction here. Instead of 'education site for non-web geeks.' what I really meant was 'non-geek web users'. All the best, John Unsworth *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [ADMIN] Re: [WSG] [THREAD CLOSED] inappropriate behaviour
Obviously that sort of behaviour is inappropriate! But, we'll close the unacceptable part of the thread, while leaving open Marvin's website project thread. ~ back on topic, people :) Lea -- Lea de Groot WSG Core Member *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] iOS Safaro issue (?): Fixed and Absolute position
On 8/10/11 10:30 PM, tee wrote: iOS Safari has rendering issue with fixed position, that is, the element will stay at the middle of the page when the hight of content is longer than the device height. Anyway to get around this? tee I think position:fixed works on iOS5... http://davidbcalhoun.com/2011/new-mobile-safari-stuff-in-ios5-position-fixed-overflow-scroll-new-input-type-support-web-workers-ecmascript-5 [1] http://www.lazycoder.com/weblog/2010/05/27/quick-jquery-hack-to-fix-positionfixed-toolbars-in-iphoneipadipod-touch/ [2} http://www.8164.org/designing-for-the-ipad/ Best, ~d -- http://chelseacreekstudio.com/ *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
