You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
84 lines
9.4 KiB
84 lines
9.4 KiB
7 months ago
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
|
||
|
|
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||
|
|
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
|
||
|
|
<head>
|
||
|
|
<meta http-equiv="content-type" content="text/html; charset=utf-8" /><meta http-equiv="Content-Language" content="en" /><title>Viewable with Any Browser: Campaign</title>
|
||
|
|
<link rel="stylesheet" type="text/css" href="campaign.css" title="Campaign Stylesheet" />
|
||
|
|
<link rev="made" href="/campaign/abcontact.html" title="Feedback" />
|
||
|
|
<!-- Google tag (gtag.js) -->
|
||
|
|
<script async src="https://www.googletagmanager.com/gtag/js?id=G-9LWW47RPBT"></script>
|
||
|
|
<script>
|
||
|
|
window.dataLayer = window.dataLayer || [];
|
||
|
|
function gtag(){dataLayer.push(arguments);}
|
||
|
|
gtag('js', new Date());
|
||
|
|
|
||
|
|
gtag('config', 'G-9LWW47RPBT');
|
||
|
|
</script>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<div id="global">
|
||
|
|
<a name="top"> </a>
|
||
|
|
<!-- HEADER BEGIN-->
|
||
|
|
<div id="header">
|
||
|
|
<div id="header_left2"> </div>
|
||
|
|
<div id="header_right2"> </div>
|
||
|
|
<div id="logo"><img src="images/logo.gif" alt="logo" width="100" height="114" /></div>
|
||
|
|
<div id="slogan"><img src="images/slogan.jpg" alt="Viewable with Any Browser: Campaign" width="210" height="43" /></div>
|
||
|
|
|
||
|
|
<div class="last_modify">Last Modified: May 7, 2023</div>
|
||
|
|
</div>
|
||
|
|
<!-- HEADER END-->
|
||
|
|
<!-- TOP NAVIGATION BEGIN-->
|
||
|
|
<!-- startskip -->
|
||
|
|
<div id="navigation">
|
||
|
|
<a href="index.html">Campaign</a> <a href="abgraphics.html">Graphics & Slogans</a> <a href="abfaq.html">FAQ</a> <a href="abletters.html">Example Letters</a> <a href="abcontact.html">Feedback</a> <a href="ablinks.html">Links</a> </div>
|
||
|
|
<div class="borC25025"> </div>
|
||
|
|
<!-- endskip -->
|
||
|
|
<!-- TOP NAVIGATION END-->
|
||
|
|
<div id="main">
|
||
|
|
<!-- RIGHT BEGIN-->
|
||
|
|
<div id="right_content">
|
||
|
|
|
||
|
|
|
||
|
|
<div class="banner_marg"><a href="ablinks.html#translations"><img src="images/translate_banner.gif" alt="Alternate Language Translations Available" width="193" height="92" /></a></div>
|
||
|
|
|
||
|
|
<div class="banners_silver_block" >
|
||
|
|
<div class="banners_silver_block_top "> </div>
|
||
|
|
<div class="banners_silver_block_bg" >
|
||
|
|
<a href="index.html"><img src="images/button_enhanced.gif" alt="Content Enhanced - Use Any Browser" width="96" height="32" class="banner_marg" /></a><br /><a href="http://www.opencontent.org/"><img src="images/button_takeone.gif" alt="Open Content" width="85" height="33" class="banner_marg" /></a><br /><a href="http://validator.w3.org/"><img src="images/valid-xhtml10.png" alt="W3C XHTML 1.0" width="88" height="31" class="banner_marg" /></a>
|
||
|
|
</div>
|
||
|
|
<div class="banners_silver_block_bottom "> </div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<!-- RIGHT END-->
|
||
|
|
<!-- LEFT BEGIN-->
|
||
|
|
<div id="left_column">
|
||
|
|
<div class="padding">
|
||
|
|
<!-- start contents -->
|
||
|
|
<p><strong class="dark_red">Note</strong>: This page was written by Cari D. Burstein to express the sentiment behind the "Viewable With Any Browser" campaign. If you were referred here from a web site bearing the "Viewable With Any Browser" themed graphic or text, it means that the site author agrees with the campaign and is participating in the effort to discourage browser specific web design. Read below for more information on what it's all about, and to see if you'd like to participate.</p>
<p class="quot">"Anyone who slaps a 'this page is best viewed with Browser X' label on a Web page appears to be yearning for the bad old days, before the Web, when you had very little chance of reading a document written on another computer, another word processor, or another network."<br />
-- <a href="http://www.w3.org/People/Berners-Lee/">Tim Berners-Lee</a> in Technology Review, July 1996</p>
<p>If you've come to this page, you're probably curious about the "Viewable With Any Browser" themed button on it. Here's my explanation. I am very unhappy with the current trend towards web sites designing only for specific browsers and ignoring others. It's extremely annoying to me to visit a web site and to find that I've been rejected until I come back with Netscape or Internet Explorer. It's also annoying to visit web sites that allow you in with any browser, but rely heavily on tags only supported in a few popular browsers, or leave out support for text browsers. </p>
<p>I would like to reverse this trend. I know I can't change the web by myself, but every little bit counts, and this is my vote for a platform independent, non-browser specific World Wide Web. So, I have displayed the "Viewable With Any Browser" button to emphasize that I try to create my web sites to be viewable in all browsers, and totally functional. Some pages may look better in some browsers than others, but they should all be readable by any browser. I try to only use browser specific tags in appropriate manners, and only if there's a good reason for their use, and in the cases in which I've used tags which only some browsers support, such as image maps, frames, Java, etc., I have done my best to utilize the graceful degradability options available in HTML or provided alternatives for browsers that don't support them. Please let me know if you come across anything on my web pages that doesn't work in your browser (be specific about what browser you're using and what didn't work) and I'll try to fix it. </p>
<p>I invite anyone who wants to join in this effort to go ahead and copy any of the many graphics provided by participants in the campaign, which are available on the <a href="abgraphics.html">Any Browser Graphics</a> page. If you feel like creating other graphics for the campaign, please do! (and let me know if I can provide that graphic for others to use). I would prefer if you linked the graphic to this page, so that people know what it's all about, or create your own page about this campaign, but if you don't want to that's cool with me too. </p>
<p>Here is a sample bit of html you can use (with appropriate modifications) if you like: </p>
<p class="code"><p><a href="http://www.anybrowser.org/campaign/"><img src="path-to-graphic/graphicname" width="graphic-width-in-pixels" height="graphic-height-in-pixels" alt="Viewable With Any Browser" /></a></p></p>
<p><b>Note</b>: You should choose one of the graphics from the <a href="abgraphics.html">Any Browser Graphics</a> page and copy it to your web site directory, and modify the above code to match your setup and the graphic you've chosen. Don't link directly to the graphic on my server if you can help it, because it will slow the loading of your page, create more stress on my server, and if I have to move the file, you could find that your link stops working suddenly. </p>
<p>If you would rather not display
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<!-- LEFT END-->
|
||
|
|
<div class="clear_width"> </div>
|
||
|
|
</div>
|
||
|
|
<!-- FOOTER BEGIN-->
|
||
|
|
<div id="navigation_footer">
|
||
|
|
<div class="blue_links center">
|
||
|
|
<a href="#top">Top</a> | <a href="abgraphics.html">Graphics & Slogans</a> | <a href="abfaq.html">FAQ</a> | <a href="abletters.html">Example Letters</a> | <a href="abcontact.html">Feedback</a> | <a href="ablinks.html">Links</a>
|
||
|
|
</div>
|
||
|
|
<div class="other">
|
||
|
|
<p><strong>Links: </strong>
|
||
|
|
<a href="https://www.maid2clean.co.uk/domestic-cleaning/london/">cleaners london</a> |
|
||
|
|
<a href="https://adiceltic.de/">Adiceltic.de</a> |
|
||
|
|
<a href="https://www.eurodata.de/loesungen/steuerberater/lohnabrechnung">Lohnabrechnung</a> |
|
||
|
|
<a href="https://best-faucets.com/">Bitcoin Faucets</a> |
|
||
|
|
<a href="https://dealspotr.com/">Dealspotr Promo Codes</a> |
|
||
|
|
<a href="https://knoji.com/">Shopping Reviews & Deals</a>
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<!-- FOOTER END-->
|
||
|
|
</div>
|
||
|
|
</body>
|
||
|
|
</html>
|