
Originally Posted by
mydiscogr
p.s.
so you tell me to do not use paul irish? If so what I can use?
From what you are doing there in terms of content on the page, there is NOTHING that warrants any form of browser sniffing, or extra markup. Likewise there's no real reason for HTML 5, the javascripted shims, or the dozen other oddball bits of bloat. If you need to target the HTML tag for no javascript, versions of browsers, then need IE conditionals in the MARKUP, then need the silly X-UA-Compatible meta, and THEN need a javascript shiv just to make the page work...
Well... it's an indicator something is horrifically wrong with your scripts and markup.
Though to be honest, I'm stuck asking "what markup?" or more specifically "what content?"
I mean, from the endless pointless tag bloat, to the nonsensical run-on "HomeAbout" (which is what having no space and no block-level tags between those anchors means), to the pointless (and head scratching) nofollow on the "about" link, total lack of scripting off fallbacks, use of scripting in one of those "page loads are evil" noodle-doodle nonsense...
There's nothing even worth saving there. At the very least make it an ACTUAL form with a submit instead of playing all the goofy "scripting for nothing" nonsense.
I mean, if I was writing the same page, I'd neuter it down to:
Code:
<!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"
lang="en"
xml:lang="en"
><head>
<meta
http-equiv="Content-Type"
content="text/html; charset=utf-8"
/>
<meta
name="description"
content="Free site analysis and information extraction"
/>
<meta
name="keywords"
content="webmaster,tool,designer,analysis,info,information,javascript,css"
/>
<meta
name="viewport"
content="width=device-width; initial-scale=1.0;"
/>
<link
type="text/css"
rel="stylesheet"
href="/theme/screen.css"
media="screen,projection,tv"
/>
<link
rel="shortcut icon"
href="/favicon.ico"
/>
<title>
webmaster toolbox - tool collection for webmasters
</title>
</head><body>
<div id="heightWrapper">
<ul id="mainMenu">
<li><a href="/">Home</a></li>
<li><a href="/about/">About</a></li>
</ul>
<h1>
Webmaster Toolbox
</h1>
<p class="informative">
Tools for webmasters and web designers, site analysis and website info, javascript and css beautifier
</p>
<hr />
<form action="/analyze" method="get" id="analyze">
<fieldset>
<label for="analyzeURL">
insert url or web page for analyse: http://www.address.com
</label>
<input type="text" id="analyzeURL" name="url" />
<input type="submit" class="submit" value="Start" />
</fieldset>
</form>
<!-- #heightWrapper --></div>
<hr />
<div id="footer">
<a href="/policy/" rel="nofollow">policy</a>
<!-- #footer --></div>
</body></html>
Which is about a third the markup, and then use a normal form submit; You're wasting time on javascript/ajax nonsense for no good reason, and it's actually COSTING bandwidth as a result.
Well, along with all the other goofy slow scripting for nothing. You aren't doing anything that warrants the presence of javascript in the first place; much less AJAX which turns it into a slow broken inaccessible mess. You practice minimalist semantic markup, with separation of presentation from content, the difference in bandwidth use of massive scripting for AJAX and other trickery vs. a simple normal page-load often favors the classic site building approach.
Laughable since AJAX and it's kine are sold to the suits and the ignorant as "saving bandwidth".
Bookmarks