feed >> tacoma
Home Events Discuss Shops Photos

RR Anderson, Cultural Arts Specialist for Hire

Jul. 8, 2008 at 2:37pm

H-Labs: CSS Trading Cards and Terrible Web Design Educational Example

Uncle RR's HTML Fun Corner

advanced xhtml - css Experiments

Welcome to Uncle RR's HTML FUN CORNER!  Where your old pal Uncle RR puts the F-U  back in FUN!  


  1. TV Tacoma All-Stars: HAUL-0-FAME the AMALGAMATION™ Trading Cards
    Using the latest CSS + XHTML techniques our web engineers have constructed this playable electronic trading card game mostly to help keep at risk youth out of gangs and off drugs.  Hours of fun!


  2. Terrible Web Design: An Educational Working Example
    the web is filled with god awful websites, this is such a website carefully constructed in web quarantine with help of a devoted web server at google.  How many usability/accessibility mistakes can you find? How good are your modern web design skills?  Test your knowledge!  


comments [16]  |  posted under art, experiments, fringe, humor, internet, lab, skills, tacoma, web design
Comments

by droid116
on 7/8/2008 @ 2:57pm
That example web site was awesome!

According to Wickipedia, the inventor of the blink tag, Lou Montulli, has said repeatedly in interviews that he considers the blink tag to be "The worst thing I've ever done for the Internet."

Sadly, I am unable to made awesome "blink" in my comment.

by izenmania
on 7/8/2008 @ 3:43pm
I see five without even trying!

by NineInchNachos
on 7/8/2008 @ 3:45pm
yeah it was fun..

here are some BAD website hints:





1. html version not defined
2. 'untitled document' left in title
3. table layout
4. poorly optimized images
5. textual content presented in images (illegible font)
6. use of font tags instead of css
7. using 'click here' for every friggin link
8. misspellings and stupid content
9. delusional copyright warnings / annoying javascript alerts
10. meaningless 'web awards'
11. invalid markup
12. un-stoppable midi soundtrack
13. overuse of exclamation marks!!!!!


Next week:
Terrible Flash websites!!!!

by izenmania
on 7/8/2008 @ 4:02pm
had the volume down and missed the music. and didn't look at the source. I spotted table layout, attempts to copy-protect images, text-as-image, pointless animated gif and blink text.

ETA: oh, and monospaced font

by izenmania
on 7/8/2008 @ 4:05pm
Techniques missing from this example:

1) Use of frames for a fixed-location header and/or sidebar.

2) Random useless javascript taken from a free code site which causes browser errors.

3) Unreadable font colors

4) Repeating background image (not a texture, possibly animated)

5) Mistranslated character sets, as occurs when copying and pasting "smart-quotes" from a word processor.

6) Javascript alert on page load noting the visitor count.

Options 3 and 4 may be combined through use of the High Contrast Background, wherein no font color is appropriate because of the constant transition between light and dark of the backdrop.

by Erik
on 7/8/2008 @ 4:11pm
Some of your best work. Wow.


by deeble interactive
on 7/8/2008 @ 4:52pm
Mr. Anderson I will thank you to stop your libel against my company web pages. The next time you commit libel against my company like this, I'll pursue legal ramifications, and I just may include the feedtacoma in the lawsuit since you used this blog to publish it.

Now, I expect a public apology before the end of the day. And down't even attempt another pitiful put-down, it just makes you look stupid.

by NineInchNachos
on 7/8/2008 @ 4:58pm
Mr. Deeble, your company sucks and your whole life is a lie. You are a non-entity... a construct... a joke. You have no legal rights. How does that make you feel?

by deeble interactive
on 7/8/2008 @ 5:17pm
Okay hot shot, you have until midnight to take down that link to my web page AND remove any slander against my web design ability. You wanna test me on this? 7 hrs and counting... *big smile*

by NineInchNachos
on 7/8/2008 @ 5:20pm
NEVER!

infact I'm going to take izenmania's suggestions and make your website even crappier.

I refuse to be intimidated by my own sock puppets.


by seejane
on 7/8/2008 @ 5:34pm
I LOVE the blinking cross between the computers... pure evil genius.

I might suggest something "cute", a pop-up window that reminds the visitor that Jesus loves him!!!

p.s. have you visited www.WhiteHouse.org?

by NineInchNachos
on 7/8/2008 @ 5:45pm
SeeJane,

you might like to check out some of Mr. Deeble's self help eBooks....

shops.feedtacoma.com/deeble-interactive/

by Rue
on 7/8/2008 @ 9:16pm
Wow. This thread is like a bad Twilight Zone episode. That midi was great though, I hadn't rocked that hard since 1981. Keep up the... work.

by NineInchNachos
on 7/8/2008 @ 9:45pm
good grief I cant even remember how to do frames..

by izenmania
on 7/9/2008 @ 11:00am
iframes are for wusses! I want to see Man Frames (a.k.a. frameset)!

by deeble interactive
on 7/9/2008 @ 11:54am
NOOOOOOOOOOOOOOOO!
Post Reply:

Email *

Password *

   Remember me on this computer

OR

Sign Me Up!

About

Feed Tacomics, Tacoma's Only Holistic Political Cartoon

BUY NOW: TACOMIC SURPLUS STORE!


RR Anderson

TIP LINE: (253) 238-6718


RR Anderson is one of the most curious characters in the UFO lore and the history of underground cartooning. He fought bizarre underground beings in the caves of Alaska, was wounded by a laser before it was invented, and had a background with the clandestine branch of the Tacoma Cartoonists Society.


For seekers unafraid to be discernibly turgid in a time of drastic change, we recommend:


Links:

TV Tacoma | All STARS

Discover Tacoma

The Melon Online

Dockyard Derby Dames

Bog the Dog

Alaska Robotics


Student Protest/Activists Thing

Spud Goodman

Holistic Forge Works

Webmaster/Cartoonist Resume

Tacoma Cartoonist Society

Tacoma Gov Me

Tacoma Public Library Search

"may the great winged turtle flap her wind upon us all" ~ Dr. FA Neekburn, 1889

Holistic Forge Works - Tacoma's Best and Only Cartoonist for Hire

Recent Posts