RootsWeb.com Mailing Lists
Total: 1/1
    1. Re: [FreeHelp] FREEPAGES-HELP Digest, Vol 7, Issue 44
    2. Ronald Mesnard
    3. Microsoft has chosen discord instead of unity. They are hoping that they may gain back their market share by doing just that. The next version of internet explorer will not use adobe product such as flash. I think that alone will cure them of this notion. Very few companies will rewrite their web pages by removing all their very capable Flash objects to bug-ridden Silverlite objects and not be usable by the majority of browsers. Users even now have several browsers on their desk top. Soon they will really need them just to be able to use particular sites. If you prefer to keep to the cutting edge, be prepared to actively maintain it as the standards change with time. Also do not expect half the browsers to work unless your server hosts PHP and you present HTML targeted for the specific browser used. I would just use Photoshop to make gradient images not not have to worry what browsers will work for my site. > ---------------------------------------------------------------------- > > Message: 1 > Date: Sat, 12 May 2012 10:06:52 +1200 > From: "Barry Carlson" <barrycarls@gmail.com> > Subject: [FreeHelp] A Different Sort of Linear Gradient Background > To: <freepages-help@rootsweb.com> > Message-ID: <6125AEA872244129BC6C404744C4EAE9@VirtualXP27465> > Content-Type: text/plain; format=flowed; charset="iso-8859-1"; > reply-type=original > > A few months ago, I posted an example of how it is now possible to create > PhotoShop style headings using new properties being developed for CSS3. > Along the same lines, all current browsers now recognise the > "linear-gradient" property and can also implement a "repeating" version of > it by placing commas between each declaration. > > The following is an example of how a green grid is generated on a white > background:- > > body { > background-image: linear-gradient(#ac9 1px, transparent 1px), > linear-gradient(0deg, #ac9 1px, transparent 1px), > linear-gradient(rgba(170,204,153,0.5) 1px, transparent 1px), > linear-gradient(0deg, rgba(170,204,153,0.5) 1px, transparent 1px); > background-size: 100px 100px, 100px 100px, 20px 20px, 20px 20px; > background-position: -1px -1px, -1px -1px; > background-color: #fff; > } > > None of the browser vendors have at this stage committed to the standardized > format, and in the case of the background-image declaration, each > "linear-gradient" will need to be prefixed with a vendor prefix, > e.g. -moz-, -ms-, -o-, or -webkit-. For those that recognise that "0deg" can > be written without the "deg", the bad news is that the Microsoft version > will not render without the "deg" suffix, and as a form of self protection > I've added the "deg" suffix to all the declarations. > > A page showing the above background is at:- > > http://freepages.rootsweb.com/~bristowe/test/sine-wave.html > > The little animation on the page will only show in those browsers that > support the HTML5 Canvas tag, and if your browser doesn't support the > "linear-gradient" property, the background will be a red grid image.

    05/12/2012 08:56:41