digg

Join DiggAbout

Discover the best of the web!
Learn more about Digg by taking the tour.

Crazy guy can draw using HTML!!!

animenarutard.blogspot.com — Using HTML tables and background color this guy did a great Drawing, if you know HTML you can see how amazing is this drawing click the link to watch the video

Bury
show profanity settings
expand all
  • RayBan, on 10/11/2007, -16/+185As much as I usually hate digging blogs, that video was digg worthy.
    • jeremynicolas, on 10/11/2007, -2/+46Direct: http://uk.youtube.com/watch?v=NqFOB77jLaE
      • speaker219, on 10/11/2007, -2/+4There's a program for Windows/Linux with wine that will do this for you:
        http://www.download.com/Bitmap-to-Html-table-convertor/3000-2094_4-10702442.html
        (just tested on my linux box)
      • kingkilr, on 10/11/2007, -4/+2Tables... I thought we were supposed to be using divs+CSS
        • ridv34, on 10/11/2007, -2/+4Yeah, only until you realize that you cant do because of problems with cross browser compatibility *cough cough* IE and you revert to using tables and css and being called a newb by people who will end up doing the same thing.
        • s42mk2, on 10/11/2007, -1/+2Or you could use a master style sheet to get rid of most all the differences between browser rendering and make nearly every page look the same in most all browsers. Or did you mean something else? Honestly, I don't know what you people are talking about. Coding pages using CSS is a thousand times better than tables were, its easier, faster, and just more fun. But whatever, stick to tables if you enjoy suffering.
          • ridv34, on 10/11/2007, -1/+4Sounds to me like you've never tried making a cross browser CSS master style sheet. It is, in my opinion, almost as much work as using tables to begin with. There are so many stupid fixes that you have to make for IE that it almost makes it not worth it. Once all browsers agree on the interpretation of CSS, or a similar interpretation (say close to the interpretation of HTML) then CSS will be a breeze to use.

            This wouldn't even be an issue if all the browsers were W3 compatible.
    • RpgActioN, on 10/11/2007, -3/+51I don't know how to say this without sounding gay, but my mouth is literally hanging open right now.
    • elvenseven, on 10/11/2007, -41/+14Digg's new commenting system SUCKS DONKEY BALLS!
      • whistlerpro, on 10/11/2007, -15/+6I clicked to see you say that? Thanks.
        • Flashman, on 10/11/2007, -4/+20I clicked to see you say that? Thanks.
          • tomi, on 10/11/2007, -0/+3You clicked to see me say this? Damn, you got suckered.
      • mikesbaker, on 10/11/2007, -1/+5try expand full tree and show all
      • Leviathan88, on 10/11/2007, -0/+12What's wrong with it? *click* *click* *click*
    • tybris, on 10/11/2007, -5/+30Surely no digg, it's not even XHTML compliant.
    • EbilPhish, on 10/11/2007, -10/+7Looks faked to me, I think he wrote a program to convert a bitmap to a table and paste it into notepad, he did the basic layout and then it just started scrolling and dumping text into notepad.

      Still cool idea in itself though.
      • TastyLamp, on 10/11/2007, -1/+9The active window never changed when he was going back and forth between IE and notepad. Doesn't look too real to me.
        • t2t2, on 10/11/2007, -0/+2Frame skipping?
          • TastyLamp, on 10/11/2007, -0/+1What are the chances of it skipping every single frame where the active window changed?
    • EbilPhish, on 10/11/2007, -17/+5Looks faked to me, I think he wrote a program to convert a bitmap to a table and paste it into notepad, he did the basic layout and then it just started scrolling and dumping text into notepad.

      Still cool idea in itself though.
    • pifko1987, on 10/11/2007, -1/+26ARGHHHHHHHHHHHHHH!!!!!!!!!! Turn your speakers down before clicking the link!

      Damn, my ears hurt...
      • Scott2, on 10/11/2007, -0/+14Agreed, that was some of the most horrible "music" i've ever heard.
      • t2t2, on 10/11/2007, -0/+5I think that was 8-bit...

        Welcome back to NES!
    • Jumba990, on 10/11/2007, -11/+3That was awesome, to bad the guy uses IE 6
    • ronaldpoi, on 10/11/2007, -7/+2He had to be asian!...
    • themastersb, on 10/11/2007, -5/+2Dupe
    • hobbers, on 10/11/2007, -3/+1I don't think so. He should have used CSS. Instead of doing find-replace.
  • ParmFarm, on 10/11/2007, -60/+62 things:
    1)HE/SHE IS LIFE LESS TO DO THAT IN ONE RUN!!!!!
    2) UTTERLY AMAZING!
    • stklaw, on 10/11/2007, -9/+2who told you that?
    • theWaterboy, on 10/11/2007, -9/+2agree with you.
    • hmunkey, on 10/11/2007, -1/+2He may be lifeless, or he may be an expert at HTML and thus could possibly have a VERY high paying job and a great life.
  • solarweasel, on 10/11/2007, -3/+301where can i view the final source code?
  • anupam12k, on 10/11/2007, -13/+7Insane... but awesome at the same time.
    • PixelVision, on 10/11/2007, -3/+5It's not that great, just looks impressive because it's time consuming and most people wouldn't bother.
  • Aupajo, on 10/11/2007, -17/+161ewww... transitional...

    try doing that strict
    • BladeMelbourne, on 10/11/2007, -1/+18No, it wasn't even transitional.
    • Xinex, on 10/11/2007, -6/+3Wasn't even valid anyway you put it. Dude didn't even have quotes around his attributes. C'mon man, do it right! :P
    • jtorkbob, on 10/11/2007, -1/+9Yeah, next week I fully expect to see 'Crazy digger can draw using valid -//W3C//DTD XHTML 1.0 Strict//EN with vim'
    • aDJsavedmylife, on 10/11/2007, -1/+2Would have been just as easy to do in script...just move the height, colour and width into a style attribute of a div and add floats.
  • Zeekstah, on 10/11/2007, -21/+116Wasn't this dugg up like, a month ago?
  • nubnub, on 10/11/2007, -27/+4Pfft. I've done this before. I created a generator in php, but its long gone now.
    • bdesign, on 10/11/2007, -14/+6Of course you have nubnub. You're so *****' great. Dude. You suck, live with it. Someone else did something before you and you'll never achieve anything as great as this (which is sad since this isn't really that cool). Oh well, you'll have to go on being a loser telling people about your girlfriend that lives in Niagra Falls.
      • mikesbaker, on 10/11/2007, -3/+4shut up troll too bad the new system got rid of the block button
  • TheWriteGuy, on 10/11/2007, -1/+74Is this HTML drawing online somewhere? I would love to see it in my own browser.
    • FishPoisonCon, on 10/11/2007, -19/+3why? so you can see all the spelling mistakes... i'm surprised none of the "geeks" here caught all the times "height" was misspelled. i could be wrong, but...

      "tr hright=2" (first table row) -and- "tr heifht=2" (@ approx :16)

      are these actually legitimate tags?
  • TrainingName, on 10/11/2007, -2/+71Now to wait for a 3D animation in HTML.
    Oh wait, blink tags.
  • JoeBaynham, on 10/11/2007, -11/+45Should be in the video section of digg.
  • mindsnare, on 10/11/2007, -4/+19Pretty impressive but yeah, like solarweasel, I'd like to see the source code.

    I wonder if it's cross browser compatible :P
  • Ramble, on 10/11/2007, -27/+9Cool, but ***** hell that was ***** music. And anime? I'm digging that ***** down.
    • sabach, on 10/11/2007, -4/+5I'm with you, I almost just closed it when that brain-cell-destroying noise came on.
    • bradpurchase, on 06/12/2008, -1/+6Speakers. Off.
  • diffuze, on 10/12/2007, -9/+54Direct link to the youtube video:
    http://www.youtube.com/watch?v=NqFOB77jLaE
  • warbird, on 10/11/2007, -0/+112At the end, it says something like:
    Needed: IE, notepad, patience. How long did it take? Please dont ask.
    • trekkie, on 10/11/2007, -0/+2Reminds me of ANSI art in the BBS days of the late 80s
  • mick6885, on 10/11/2007, -9/+81my web design tutor failed me for using tables.
    he said its all about the div
    ima show him this and try and get some marx
    • woodcoxcb, on 10/11/2007, -4/+41for website functionality and site formatting that actually looks good, it IS all about the DIV. i wish people would get that through their heads.

      look at digg's html source!
      • Roagie, on 10/11/2007, -5/+1nope. especially for fluid layouts. If you want the page to fill the entire browser window AND have it be fluid when the user resizes horizontally, then for a complex layout, divs don't cut it. To ensure I don't get odd behavior between browsers I always make my top level containers a table. I then use all divs inside.
    • Recyclable, on 10/11/2007, -2/+34Your web design tutor is right.
      Divs > tables for anything layout related.
    • Halbyrd, on 10/11/2007, -3/+13Tables are ugly, and no browser that i can think of off the top of my head managed to get them completely "right" either (i.e. all of them had some kind of non-standards-compliant behavior WRT table rendering). Granted, the current state of CSS isn't perfect either, but the issues aren't as glaringly obvious, and you can still make a decent looking basic website with CSS without having to do a bunch of custom code-arounds. Of course, this doesn't apply if you're designing one of those all-singing all-dancing crap web 2.0 sites, or are one of those anal folk who insist on per-pixel control of the layout (which runs counter to the purpose of the web to begin with); in both of those cases, however, you're deliberately stretching HTML to do things it was never intended to, and thus should expect problems.
      • Roagie, on 10/11/2007, -5/+2That's rediculous, tables are the one thing that tend to render exactly the same across all browsers.
    • richardiscool, on 10/11/2007, -0/+38I wish I had your web design tutor. My tutor took half my marks off because I hadn't used tables and frames. The design was stunning and XHTML 1.1 compliant. :(
      • mindsnare, on 10/11/2007, -0/+7I would have ripped into that tutor till I lost my voice, what an *****.

        lemme guess he suggested you use frontpage.
      • Jugalator, on 10/11/2007, -0/+7XHTML 1.1 isn't really recommended though, because so many browsers have problems supporting the proper xhtml mime type (application/xhtml+xml). Most serving xhtml therefore uses the wrong mime type, and then the document is implicitly not following standards anyway. XHTML is usually served as HTML.

        http://www.w3.org/TR/xhtml-media-types/
        http://hixie.ch/advocacy/xhtml

        HTML 4.01 is for these reasons still the recommended doctype for public consumption, and this is actually echoed by many web designers:
        http://www.webmasterworld.com/forum21/12026.htm

        It's a little known fact among many too, so please don't be all reactionary and give it a thought before digging this down. ;-)
    • LordLucless, on 10/11/2007, -3/+14Your webdesign tutor is a moron. I guarantee you, when you're using HTML in a practical scenario, all that matters 99% of the time is whether it renders properly across browsers. Whether you use tables, or divs, nobody gives a stuff except purist academics who've never had to deal with corporate scenarios in the first place.

      I agree, in theory, using divs and CSS is the better way to go. But the CSS spec is so oddball screwy, that tables still remain the easiest way to do many things. Things like vertical-align only being valid on inline or table-cell elements. Or removing certain attributes (like ) from the spec without replacing them with any equivelant functionality. If you want code that just works, without resorting to ugly hacks to retain theoretical purity, then there's no reason not to use tables where it makes sense.
    • bpapa, on 10/11/2007, -0/+11Technically, your tutor was wrong. It's not about "div vs tables" as I've heard many people say in the past. If you have a Table tag soup and turn it into a Div tag soup you don't get all of the benefits of separating content from presentation.

      It's really about using semantic markup and then "resorting" to a div or a span if you have to. Putting pure text in a Div? Maybe that should be a paragraph instead. etc.
    • arbulus, on 10/11/2007, -4/+2html is for content
      css is for presentation.

      CSS can do so much more for layout and presentation than anything else.
      But tables can still be useful in occasional situations.
    • v413, on 10/11/2007, -0/+4It is all about choosing the right technique for implementing a specific design goal. There are layouts that cannot be done with DIVs only. In general, for complex layouts, mixing both DIVs and TABLEs will usually give the greatest flexibility. Presently, TABLEs are the most flexible (yet not the most manageable) tool for implementing any arbitrary layouts. CSS for layout is still not flexible enough.
    • TheG2, on 10/11/2007, -0/+2Tables are designed to hold data, not layout a page. That was the first thing I was taught in college.
  • steveoco, on 10/11/2007, -3/+19" 1 comments:
    chone said...
    what a sick *****"


    wow... but yeah... it is impressive but no way would I have the patience...
  • GMorgan, on 10/11/2007, -18/+4Not that impressive really. All this fuss and all he has done is make one big evil table
  • floppypond, on 10/11/2007, -4/+203And I thought the frog I made was cool...

    http://frogmachine.org
    • mrASSMAN, on 10/11/2007, -2/+27I like the rollover. cute..
    • Youssif, on 10/11/2007, -8/+2Me too !,
      In less that 3 years, you can draw like him !
      kidding !
    • cherwilco, on 10/11/2007, -0/+5dammit man that frog IS cool!
  • Fuline, on 10/11/2007, -6/+16this guy desperately needs to learn Vim :)
    And, the music rules
    • mesmeriffic, on 10/11/2007, -0/+5That music was the most obnoxious noise I've ever heard in a video.
  • AndrewDB, on 01/10/2008, -11/+2Anyone want to bet he's a Microsoft IE / Firefox cross compatibility expert who just got extremely bored?
    • BladeMelbourne, on 10/11/2007, -1/+4HTML 3.2 era markup doesn't usually come from browser experts.
  • Opheicus, on 10/11/2007, -4/+7Touhou songs are awesome.
  • bakkouz, on 10/11/2007, -15/+24Yeah. This has been submitted before:
    http://digg.com/videos/animation/Anime_Character_Drawn_In_HTML_Tests_Limits_of_Sanity
    • vertinox, on 10/11/2007, -4/+2Thats an awfully nice way of saying "DUPE!"

      But otherwise... If no one saw it before then they wouldn't have digged it a second time getting it front page status this time.
    • shmatt, on 10/11/2007, -3/+1Submitted previously, check. Your point is?
  • nepawoods, on 10/11/2007, -0/+32Any evidence this was done by a person, and not by a program? It would be a lot easier to write a program to scan take some image and then produce the corresponding html.
    • dbr_onix, on 10/11/2007, -1/+3It does seem like it's an automated script that's clicking around - The mouse moves are robotically accurate, as are the edits.
      Then again, I'm not sure what would be more difficult, drawing in HTML, or writing something that clicks around and sends key-presses to make it look like your drawing in HTML..
    • thefurryone, on 10/11/2007, -0/+8The guy made a typo initially and needed to correct it.
    • thomashauk, on 10/11/2007, -0/+3@dbr onix

      Your only like seeing a stop gap of it, Im sure there where many more mistakes between frames.
    • hampus, on 10/11/2007, -0/+0Watching the video, I *really* hoped that he had written a script to scan the image and generate the code. In my opinion, that would be a lot more impressive, and also not (quite as) insane.
  • tehrob, on 10/11/2007, -0/+78have seen somethinglike this... this isn't necessarily it... but best i can do right now

    http://www.text-image.com/

    edit: woot found it:

    http://neil.fraser.name/software/img2html/
    • MacSpoofing, on 10/11/2007, -2/+3Good find.

      I doubt he actually did it himself.
    • madskjaer, on 10/11/2007, -0/+1What you show there isn't the method the guy in the video used... Those two examples use different ASCII-characters with different sizes and colors to do the job. The guy in the video used tables to "draw" the picture. I bet there is a table generator out there too, though.
  • joey2, on 10/11/2007, -4/+41He could of just used an image to HTML generator...

    Then deleted stuff and reversed the frames.
  • taerin, on 10/11/2007, -12/+8Apparently nobody remembers ANSI art from bbs's of the 90's...this pic doesn't come close to what people were drawing for warez/demo groups. Why anyone would waste their time doing this in HTML is beyond me.
    • mtheoryx83, on 10/11/2007, -1/+9Yet, here we are reading about it...and talking about it.
    • Firehed, on 10/11/2007, -2/+3"Were"? You need to use Bit-torrent - it's still pretty common.
    • verse101, on 10/11/2007, -0/+3Haha.. I use to be an ANSI graphics artist back in the day. You're right, we did it back then because of necessity, this guy is just wasting time. I was pretty good, but the top ANSI guys were amazing if you ever downloaded their compendiums and art packs. I miss the old BBS days, back when it took all night to download a 3meg game.
    • SPECOPS, on 10/11/2007, -0/+1check out tehrob's comment below (or 50+ diggs if you are viewing in that order), there is an online tool to do this, so you can do it and not waste any time (in mere seconds - really).
    • gluon, on 10/11/2007, -0/+190's? I was BBS'ing back in the 80's.
  • blaze03, on 10/11/2007, -5/+11I'd like to see someone do -that- with divs!
    • jordanhamer, on 10/11/2007, -0/+13It's actually been done a couple of times, I give you CSS/Div pencils ---> http://www.designdetector.com/tips/CSSPencilsDemo.php
    • tuxracer, on 10/11/2007, -3/+2It would be far easier with divs. All you have to do is make each div one pixel by one pixel and pick what color you want them to be. Still tedious and would certainly take some skill, but doing this with tables is a far more difficult task.
  • bds268, on 10/11/2007, -10/+2Coming from a ChemE...

    I wish I new HTML so i could be amazed...

    /pulls covers over head to block onslaught
    • shmatt, on 10/11/2007, -2/+2yeah, digg this person down cause he's not all l33t like you guys. ***** lame.
      • mikesbaker, on 10/11/2007, -0/+2i dugg him down because he doesn't know the difference between new and knew.
  • diggmail2, on 10/11/2007, -5/+0going to repeat this :)
  • skin, on 10/11/2007, -15/+9While impressive, this is:
    1. Blogspam,
    2. Wrong category, and most importantly
    3. A dupe of a story already heavily dugg
  • msgmsg, on 10/11/2007, -9/+6Greatest song ever
    • ThePopaSmurf, on 10/11/2007, -1/+3Does anyone know what the song is?
      • Fenrok, on 10/11/2007, -1/+3Sounds like someone took a ***** on Iosys' Overdrive.
      • noreturn, on 10/11/2007, -2/+4I think it's called "Let Jesus ***** You" by the Audio Ear Rapes.
  • ColonelJessup, on 10/11/2007, -20/+15Digg's new commenting system SUCKS DONKEY BALLS!
    • whistlerpro, on 10/11/2007, -10/+2Hello, welcome to my block list. =)
      • championchap, on 10/11/2007, -1/+5I dont think it's quite deserving of that.. Unless of course hes just spamming up every story with something abut the new comment system. which we have already established people dont like.
      • mikesbaker, on 10/11/2007, -0/+2how you gonna do that? digg took away the block button now all you can do is report them. so I agree sort of. There are a couple of big tweeks and this will be great.
        • markdr123, on 10/11/2007, -0/+2Wait a minute...you're right!
          How am I going to block people now?
          ***** ***** *****...
          • tomi, on 10/11/2007, -0/+1bury first, then by magic, the block button appears!
    • TimRogers, on 10/11/2007, -3/+3Quit jumping on the bandwagon >.
    • arbulus, on 10/11/2007, -1/+7why is the colonel being dugg down? i know it's been a few days, but cut him some slack. the comment system does suck.
  • smacksaw, on 10/11/2007, -13/+48That's an awful lot of work just to have a furry pic to masturbate to...
  • dcshiderly, on 10/11/2007, -8/+7What, it's just ASCII/ANSI art with a bit more complexity. I've seen better done w/ the above back in the halcyon days of the BBS.
    • freebsdmike, on 10/11/2007, -1/+2Well you're just a moron. If you think that's ascii/ansi art I don't belive you ever called a bbs. While yes it does resemble ansi art it's not.
      • SPECOPS, on 10/11/2007, -0/+1Actually it's very similar. Instead of letters, it's a 1x1 pixel, you can do the "drawing" part the same, but instead of text/ansi, you're using colored dots. Same in principle, but yea, not 100% the same. But if you'd blow up the 1x1 into 100x100, you'd see the light. He said "similar" to ansi art, then you said he was a moron, then said the same thing, grow up.
  • Import98, on 10/11/2007, -9/+6Not only is that crazy but the guy can type at an amazing speed. Impressive on both accounts..... ;)
  • PradaPete, on 10/11/2007, -8/+3not impressed. nobody uses tables anymore. he should do it with css divs !
    • BladeMelbourne, on 10/11/2007, -4/+1CSS divs? Is that some new element in HTML 6?
    • brazileir0, on 10/11/2007, -1/+1Um... Maybe YOU should do it with divs! I am pretty sure that tables are still WIDELY used out there... (notice the sarcasm)
  • ishtari, on 10/11/2007, -6/+55Source code or it didn't happen
    • SPECOPS, on 10/11/2007, -0/+6http://neil.fraser.name/software/img2html/ (from tehrob's comment above) then put the pic in, hit convert, then view source.
      • ZPWeeks, on 10/11/2007, -0/+3Not the original source, but still dugg you up because it shows how easily this can be done without actual skill. The person doing this could have easily copy-pasted as the video was going and claimed credit for it themself.
  • ChuckAndBob, on 10/11/2007, -9/+4This is one of the coolest things I've seen make it to the Digg front page.
    • ToxicWombat, on 10/11/2007, -0/+2How long have you been using digg....?
  • odinfire, on 10/11/2007, -8/+2I spit on your pic (slaps white glove across face).
  • partyfavor, on 10/11/2007, -8/+3i like how html is an ENGLISH language
    • BladeMelbourne, on 10/11/2007, -5/+8Except that colour is spelt 'color' :-|
    • foxymcfox, on 10/11/2007, -0/+1That is American English, and thus still English.

      I'm guessing that if Aluminium was an element of HTML it would be spelled "Aluminum," but it wouldn't make it any less English
  • djwk1928, on 10/11/2007, -9/+8Has he not heard of MS Paint?
    • simplejoe79, on 10/11/2007, -0/+2maybe he has no work to do and got lots of time to kill...
    • Jugalator, on 10/11/2007, -0/+2Talk about missing the point... :-p (that is, to do something harder)
  • SomeImagination, on 10/11/2007, -7/+4Tables DO have a use in web design after all
    • Edrick, on 10/11/2007, -0/+1They've always had a use: tabular data.
  • dunkyp, on 10/11/2007, -7/+4no doctype therefor poo :P
  • papercup, on 10/11/2007, -5/+3this is insane.
  • jeaguilar, on 10/11/2007, -5/+3TIN CUP: You ever shoot par with a seven iron?
    SIMMS: It never occurred to me to try.
  • theWaterboy, on 10/11/2007, -3/+3Oh yeah, that is definitey diggworthy!!! Even though I'd call that a proof of concept, one thing I'd be curious to know is how long it takes the page to render. Pretty amazing feat though.
  • Youssif, on 10/11/2007, -14/+1< word >
    O.U.T.S.T.A.N.D.I.N.G !!
    < /word >
  • jellomizer, on 10/11/2007, -8/+5A lot of work with no real benefit. I did some playing with tables drawings in HTML I didn't try to convert pictures (I think there is a function in GIMP that does that or use to do that) But HTML Pictures take huge amount of Space, Low Resolution, Take a long time to render. I know some old school people like the idea because of the old Ansi Drawings of way back in the BBS days. But ANSI was a rather efficient method of doing that. If you want to say you environmental and you do this you probably need to buy a carbon credit
    • markdr123, on 10/11/2007, -0/+2"A lot of work with no real benefit."
      Well ain't that just life.
    • p0s3r, on 10/11/2007, -0/+1Dunning-Kruger
  • Avengelist, on 10/11/2007, -15/+13...neato.. too bad it's some anime *****.
    • SirBotchness, on 10/11/2007, -0/+10yea, the most obnoxious music with the most retarded image. The guy is probably 45 too.
  • nonconformist, on 10/11/2007, -0/+7But does it validate! :-)
  • Fetching more discussions...
    Show 51 - 100 of 149 discussions
  •  

    Login or register to add a comment

    Create a new account or login to join in the conversation on Digg. You'll also be able to Digg stories to help promote things you like.


© Digg Inc. 2008 — Content posted by Digg users is dedicated to the public domain.
DIGG, DIGG IT, DUGG, DIGG THIS, Digg graphics, logos, designs, page headers, button icons, scripts, and other service names are the trademarks of Digg Inc.