3 additional Web 1.0 tips and tricks
Dustin Diaz has posted on his blogs (what's a blog? there were no blogs in good old web 1.0) "7 hottest web 1.0 techniques". While those are nice and highly recommended, let me in on a few little secrets.
1. script language=JavaScript
When including a script into a page, you need to specify the language. First of all there's also VBScript and we need to make a difference. Second, this is more future-proof - who knows what other scripting languages the future has in store for us.
Proper capitalization of JavaScript is crucial.
<script language=JavaScript>
2. Image rollovers
There's a better way to do rollovers - directly in the image tag! Shorter and more convenient - all the code is in one place. This makes it much, much more easier to code your CMS.
<img src=off.gif onmouseover='this.src="on.gif"' onmouseout='this.src="off.gif"'>
3. Link overline
OK, I didn't want to share this, because it's way too cool for just anyone to know, I should've kept it for myself.
a {text-decoration:none;} a:hover{border-top: 1px solid;}
This entry was posted on Thursday, November 22nd, 2007 and is filed under Web1.0. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.
Get notification for future posts: follow me on Twitter or subscribe to my RSS feed
November 22nd, 2007 at 5:41 am
border-top: 1ps solid;— shouldn’t this be1px? and why don’t usetext-decoration: overline?November 22nd, 2007 at 5:46 am
Thanks, fixed px/ps!
Overline, hmm? So you knew about this trick, eh? Who told you? Did you tell anyone? We’re leaking information here, this is very disturbing. Some Web 1 secrets should only be transfered father-to-son type of thing
November 22nd, 2007 at 5:58 am
Heh, tell that to w3schools
November 22nd, 2007 at 6:59 am
He user “border-top: 1px solid” instead of “text-decoration: overline” because it’s web 1.0 where the implementation of some CSS rules weren’t good and you had to create your own solutions.
November 22nd, 2007 at 7:04 am
zickedhelik, or maybe the real x-browser solution is a background image
something like this spell-check-like underline
November 22nd, 2007 at 9:17 am
1.) NO! do not add the language attribute! unless you are actually using VB. JavaScript IS the default, and specifying the version e.g. javascript1.2 is now considered pointless, because the MS JScript doesn’t meet any of the various spec levels properly.
In fact, the type=”text/javascript” is even considered optional these days.
(finally, for any attribute you do add, you MUST specify the quotes!, not doing so indicates that you are not a professional developer these days as we move towards XHTML as a standard)
2.) Quotes are the “double quotes” not the ’single quotes’ for HTML attributes. Save the single quotes for Javascript code.
3.) Link overline? What? this is just plain dumb and counter intuitive.
November 22nd, 2007 at 9:25 am
@zickedhelik : If I recall correctly,
You can not get more Web 1.0 than that, right 
text-decoration: overlinewas available way back when there was IE4November 22nd, 2007 at 2:30 pm
Todd, the whole post was meant to be a joke (as the one I’m linking to at the beginning)
Thanks for your comment, though. It explains very well what’s wrong with those three “tips”
December 5th, 2007 at 5:13 pm
[...] This is the cached version of http://www.phpied.com/3-additional-web-10-tips-and-tricks/ We are neither affiliated with the authors of this page nor responsible for its content. [...]
February 19th, 2008 at 3:20 am
Oh my eyes… aaargh!
October 12th, 2008 at 5:35 pm
Eh .. eeeh .. yeah .. good old days … you do an image with rollover and all girls are crazy about you … lol
Thanks for the nice post .. made me remember the web in the 90s
Marin
December 30th, 2008 at 5:38 am
Proper capitalization of JavaScript is a very important work that should be done.
http://www.freeworldofwarcraftguide.com/