RR Anderson, DIY Cultural Arts Specialist

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!

About

political cartoonist Your Friendly Neighborhood Political Cartoonist

BUY NOW: TACOMIC SURPLUS!

TIP LINE: email me, TWITTER OR CALL (253) 778-6786

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:

Tacomic Book volume 001

CARTOON ARTIST RESUME

find me on Facebook

CENTRAL TACOMA FREE-RADICAL MEDIA EXCHANGE

FROST PARK CHALK OFF




Holistic Forge Works


C.L.A.W. | SECRET CITY FEED TACOMA COMICS PAGE



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





Recent Posts