Drawing With HTML • VideoSift: Online Video *Quality Control

Drawing With HTML

published by Sylvester_Ink

1 year 4 months 1 week ago • 2732 views

tags: reisen, touhou, notepad, holy crap

playlists (0)

You should also watch
“Helicopter Gunship - Holy crap! That's some heavy firepower!”

A drawing of a character from the Touhou series of shooters done ENTIRELY using HTML.

Comments

great stuff!! *geek for all the HTML hehe

written by thesnipe

| 1 year 4 months 1 week ago | CH

▲ 0 ▼ | flag spam (0)

Video added to geek channel (geek called by gold star member thesnipe)

written by siftbot

| 1 year 4 months 1 week ago | CH

▲ 0 ▼ | flag spam (0)

is this not animation?

written by grspec

| 1 year 4 months 1 week ago | CH

▲ 0 ▼ | flag spam (0)

Any one know if its online? would seem only logical to make a webpage with it

written by archchef

| 1 year 4 months 1 week ago | CH

▲ 0 ▼ | flag spam (0)

Very cool, and kind of scary.

written by dag

| 1 year 4 months 1 week ago | CH

▲ 0 ▼ | flag spam (0)

There's gonna be a script for this.

written by Wumpus

| 1 year 4 months 1 week ago | CH

▲ 0 ▼ | flag spam (0)

grspec, no, it's a time-lapse "animation" of screen caps taken while he worked on this for, I'd guess, about eight hours.

written by budzos

| 1 year 4 months 1 week ago | CH

▲ 0 ▼ | flag spam (0)

Meh... Table-based design, not standards-compliant CSS-based.

How very 1998 of you... No upvote.

written by arnor | 1 year 4 months 1 week ago | CH

▲ 0 ▼ | flag spam (0)

Yeah, I know what you mean arnor. But CSS would make it a little too easy, don't you think? Tables look properly hard and complicated, and that's the entire point.

written by Sylvester_Ink

| 1 year 4 months 1 week ago | CH

▲ 0 ▼ | flag spam (0)

It's meant as an illustration, not a web page, arnor. No tools to validate it.

And I would love to see a comparable CSS attempt. Meaning I've no desire to try.

written by broseth | 1 year 4 months 1 week ago | CH

▲ 0 ▼ | flag spam (0)

So basically, it's an HTML table with small (1- and 2-pixel) entries, and then he sets the background colors of cells as appropriate.

written by garsh

| 1 year 4 months 1 week ago | CH

▲ 0 ▼ | flag spam (0)

Garsh, correct.

written by Kevlar

| 1 year 4 months 1 week ago | CH

▲ 0 ▼ | flag spam (0)

I agree, this should certainly be standards compliant.

written by James Roe

| 1 year 4 months 1 week ago | CH

▲ 0 ▼ | flag spam (0)

lol @ standards compliance.

i just like typing the word "strict". is that wrong?

upvote for the music

written by MINK

| 1 year 4 months 1 week ago | CH

▲ 0 ▼ | flag spam (0)

lol great idea.

written by looris

| 1 year 4 months 1 week ago | CH

▲ 0 ▼ | flag spam (0)

On the Standards Compliant thing. We've just been called "head up their ass dorks" in a Wired Blog. To the ramparts Sifters! This means war.

http://blog.wired.com/tableofmalcontents/2007/05/anime_character.html

written by dag

| 1 year 4 months 1 week ago | CH

▲ 0 ▼ | flag spam (0)

avast! do sharpen the blades, and..no, wait, i'm tired today.
let's do war tomorrow.

written by looris

| 1 year 4 months 1 week ago | CH

▲ 0 ▼ | flag spam (0)

I still don't understand what PC World was talking about when they said this site played to the geek crowd.

written by karaidl

| 1 year 4 months 1 week ago | CH

▲ 0 ▼ | flag spam (0)

hmmm... this site, playing to a geek crowd? Nah.... I don't believe it

written by raven

| 1 year 4 months 1 week ago | CH

▲ 0 ▼ | flag spam (0)

Wow . . . I didn't realize it would gain so much attention. And Wired too . . .

And in any case, I'd rather VS played to the geek crowd than anything else. Imagine if this site were frequented by the crowd you get at MySpace. (No offense to resident MySpacers.)

written by Sylvester_Ink

| 1 year 4 months 1 week ago | CH

▲ 0 ▼ | flag spam (0)

I bet if that were actually posted as a web page, it would crash three quarters of the browsers out there.

*cough* Internet Explorer *cough*

written by arvana

| 1 year 4 months 1 week ago | CH

▲ 0 ▼ | flag spam (0)

arvana, that appears to be IE he is looking at it in.

written by James Roe

| 1 year 4 months 1 week ago | CH

▲ 0 ▼ | flag spam (0)

CSS would have been more interesting to watch. This has to be scripted, the amount of work to hand code this would be much better spent making money or masterbating, or both if you can pull it off.

written by Majortomyorke

| 1 year 4 months 1 week ago | CH

▲ 0 ▼ | flag spam (0)

Plasma televisions work like this, they convert the NTSC or PAL signal to HTML..

written by deathcow

| 1 year 4 months 1 week ago | CH

▲ 0 ▼ | flag spam (0)

I pity the fool who did this by hand. It'd take much less time to write a program to convert any bitmap to this kind of HTML.

written by jwray

| 1 year 4 months 1 week ago | CH

▲ 0 ▼ | flag spam (0)

hahaahahha! LOL! THere's a new tagline for us- Videosift - Home of the heads up our asses dorks!

written by djsunkid

| 1 year 4 months 1 week ago | CH

▲ 0 ▼ | flag spam (0)

Judging by the video's flow, it seems to me that this is done by hand (with lots of cut-and-paste) and not scripted.

And since there's absolutely no reason to make a drawing in this way, it's the extravagant un-necessary-ness of this act, the ridiculous amount of time spent, that in large part makes it a piece of art.

Closest CSS I remember are these:
http://www.designdetector.com/tips/3DBorderDemo2.html
http://www.designdetector.com/demos/css-house-2.html

Wow. We really are dorks.

written by broseth | 1 year 4 months 1 week ago | CH

▲ 0 ▼ | flag spam (0)

OH GOD THE TABLES !!! IT BURNS!!!!!
*leeweek is a Web 2.0 paladin, and thus hates HTML tables with a fiery passion

written by leeweek

| 1 year 4 months 1 week ago | CH

▲ 0 ▼ | flag spam (0)

You know, now that I've looked into it, I think that creating the image using tables was probably the best choice to make. Using CSS would mean too much extra code, and tables are a simpler and more efficient way of simulating rectangle fills. They may not be standards-compliant, but in this case they get the job done with little fuss. Obviously CSS is more practical for web development, and this technique is unlikely to be used for any true development purposes. In short, I've decided that using tables for this was probably the best choice.

Besides, this is about drawing the picture using HTML. Last time I checked, HTML included tables, but not stylesheets . . .

written by Sylvester_Ink

| 1 year 4 months 1 week ago | CH

▲ 0 ▼ | flag spam (0)

If you are seriously complaining about standards compliance in this, no sarcasm, then you are an up your ass dork.

If, however, you read the sarcasm and report it as fact on a "respected" website then you are a talentless hack.

btw, this site is blatantly geek biased, come on, it's a popularity contest based around tedious organisation of information, and a drawing of a japanese cartoon in HTML is raised straight to the top 15. What more evidence do you need? Don't be shy about being a geek. I am off to find a video of a bikini on a pizza so i can claim my 100 votes.

written by MINK

| 1 year 4 months 1 week ago | CH

▲ 0 ▼ | flag spam (0)

rotfl@deathcow

written by looris

| 1 year 4 months 1 week ago | CH

▲ 0 ▼ | flag spam (0)

I would like to change my screen name to headupsidemyass please. Videosift should consider changing it's name to that as well.

written by dw1117

| 1 year 4 months 1 week ago | CH

▲ 0 ▼ | flag spam (0)

Haha, James Roe, you caught me! Didn't notice that he was using IE. I remember a lot of browsers choking at complex tables back when I used to design websites that way -- but then again, it could have been my HTML!

written by arvana

| 1 year 4 months 1 week ago | CH

▲ 0 ▼ | flag spam (0)

Find something you're good at.
Find something totally impractical to do with it.
Make a vid.
Add techno.
This is interesting?

written by messenger

| 1 year 4 months 1 week ago | CH

▲ 0 ▼ | flag spam (0)

LOL.. a Wired "blogger" calling out VS dorks. So, (a) he's posting a geeky video involving anime and HTML coding... (b) he had to have read the comments at VS..

Talk about weird. Maybe we caught an irritated self-linking professional blogger.. (man the siftquisition)

written by joedirt

| 1 year 4 months 1 week ago | CH

▲ 0 ▼ | flag spam (0)

This video is awesome.

written by aliensVSsenators

| 1 year 4 months ago | CH

▲ 0 ▼ | flag spam (0)

Jeez....knew there would be a straw in the proverbial back of the humper......outta here.........!

time to do some work with the puter....the money kind!

written by choggie

| 1 year 4 months ago | CH

▲ 0 ▼ | flag spam (0)