Friday, June 29th, 2007
Art with Tables
<p>As we rant and rave about CSS the true artists are up to amazing things with HTML tables :)Here is some Friday fun:
Related Content:
3.9 rating from 66 votes
Ajax Questions and Answers
Caching and dynamic views
My client does not want to change his cache settings on IE and I'm trying to figure out a way to dynamically update a view each time it is visited. I...
JQuery Function Not Defined?
Hi there,
I'm trying to set a php session variable from a radio button. The idea is that a jquery function is called which...
IE 8 Crashing Problem
Hello Everyone, Here\'s the situation: two iSeries boxes - Dev and Prod both V5R4M0 We\'re using AJAX to dynamically load content using a tabbed...
IE 8 Crashing Problem
Hello Everyone, Here\'s the situation: two iSeries boxes - Dev and Prod both V5R4M0 We\'re using AJAX to dynamically load content using a tabbed...
Ajax News, Tips and Guides
Ajax Glossary
Audible Ajax
Episode 25
In Episode 25, we chat about IE 8, standards, Acid3, server side JavaScript, and more.
Podcast RSS
GET E-MAIL UPDATES
Ajaxian Jobs
Contact us
Who are the ajaxians? Find out.
Please contact us at . We would love to hear about any news that we could put up here.
We have individual blogs too:
Feeds
Where?
Wow. Blank space is truly beautiful!
Spectacular!
Maybe this one ;-)
http://www.youtube.com/watch?v=ELZAU0Ohfdk&eurl=http%3A%2F%2Fwww%2Evideosift%2Ecom%2Fvideo%2FDrawing%2DWith%2DHTML
look at the source, you’ll find it.
====
http://www.youtube.com/v/NqFOB77jLaE
====
Scary ;)
W O W !
That cooks my brain.
Dunno who is posting these entries but please figure out how to use it!
So many times you’ve missed a close bracket, forgot a letter, or just generally fudged the whole thing.
Please?
source of post:
Here is some Friday fun:
god damn :)
<p>Here is some Friday fun:</p>
<p><object width=”425″ height=”350″><br />
<param name=”movie” value=”http://www.youtube.com/v/NqFOB77jLaE”></param>
<param name=”wmode” value=”transparent;></param><embed src=”http://www.youtube.com/v/NqFOB77jLaE” type=”application/x-shockwave-flash” wmode=”transparent” width=”425″ height=”350″></embed></object>
</p>
This is damn cool also…
http://neil.fraser.name/software/img2html/
this img2html thing is amazing!
Oh my God… I don’t wanna see this DOM tree rendering on-line… ;)
Now that, although must be atrosious code, is very impressive
Omg, that rox :)
oh man this is sick
I can see this technique being adopted by spammers converting “Buy Cialis from Canadian” into html instead of embedding an image.
On the flip side this may be an alternate way to obfuscate Captcha’s. Bots can defeat Captcha’s by identifying the image in the source code and running OCR on it. Embedding the Captcha as an html table can make it more difficult for the bots to isolate it and scrape it. This would just look like part of the html to a robot. If you embedded random non visible html elements into the captcha it would further the obfuscation. Make the coloring dependent upon CSS styles and the bot would have to know how to parse css. Apply the styles after the page is displayed via JavaScript and the bot has to run JavaScript.
Randomly switch between variations of this method, and regular image captchas and the bot has to stay on it’s toes prepared to process whatever comes it’s way.
The bot’s only hope then is to fully render the page as a browser would and then OCR the right area of the page. It doesn’t completely get rid of the possibility to bypass it, but it does make it a more expensive operation.
A quick google search shows that people are already working on this.
http://www.google.com/search?q=image+to+html+captcha
This is crazy, but I think it was an animator and a programmer playing around together making it Look like they really did this, when in fact it is just animation with and tags flying up the text editor window.
Some people have WAY WAY WAY too much time on their hands
OMG! Try replicating that with CSS! If I have a spare 13 weeks, I might have a go ;)
Great fun. Thanks for posting.
simple way how to create it from png image
> 16) & 0xFF;
$g = ($rgb >> 8) & 0xFF;
$b = $rgb & 0xFF;
$table = ”;
$table .= ”;
for ($i = 0; $i > 16) & 0xFF;
$g = ($rgb >> 8) & 0xFF;
$b = $rgb & 0xFF;
$td .= ”;
}
$table .= ”.$td.”;
}
$table .= ”;
return $table;
}
$img = imgToHtml(“calendar.png”);
echo $img;
?>
You don’t need tables. See here: http://bluesmoon.info/bluesmoon.html