The Box Office

“The Box Office lets you wrap/float/contour text around freeform images using CSS for usage in (X)HTML pages.”

The idea behind it all was conceived when analyzing a newspost at Mike Industries where Mike contoured some text around a background image like so:

Snap of the newsitem

The technique behind it, is to create loads of empty div’s with the same height as the used line-height.

Using a handy Bookmarklet called topo with borders we can make them visible though:

Snap of the newsitem

Doing this all manually time after time for every new image discouraged me a bit so I started scripting a program to automate all this

A first version was created in C#, and then later on ported to PHP so that all webdevvers (read: non-Windows webdevvers) could benefit from this tool.

The result can be seen over at http://www.theboxoffice.be/, along with some examples and an extended about page.

http://www.theboxoffice.be/

Spread the word!

About this Page

Comments:
No comments
Jump to comment form

Best of Bram.us

My iSmudginator 0.2
Start getting used to scratching and smudging the iPhone with this Flash based iPhone Simulator

The Box Office
Automatically wrap/float/contour text around freeform images using CSS for usage in (X)HTML pages.

My Foxification
Pimp Your Firefox to be a web all-star

The PHP Willow Tree
A look at the inc.common.php, spreading handy functions.

My Photoshop Scripting
Photoshop Script inspired in the Chlomoscript to unobtrusively pimp photos you have taken.

My TinyMCE File Management
Methods to adding file management options to TinyMCE (Part 1), Extending TinyFCK (Part 2) and PHP file uploads overview (Spinoff 1).

Elsewhere

Gecko 1.9.3 pre-release: Out-of-Process Plugins
Great news from the Mozilla/Gecko team: “The main feature of this release is out-of-process plugins: on Windows and Linux, plugins such as Flash and Silverlight run in a separate process from the browser. If a plugin crashes it will not crash the browser, and unresponsive plugins are automatically restarted. (Note that we are working on this for Macs as well, but is not part of this preview release.) We are making this preview release available so that it can get wider testing and generate feedback.” — Looking forward to see this merged within Firefox (Planned for 3.7 (early 2011) if I’m not mistaken) / Now that I’m looking forward: Jägermonkey/Jaegermonkey looks promising too :-)
[ March 3rd, 2010 - 0 comment(s) ]

Halloween in Harlem
“Ever wonder what Halloween would be like if you were a kid growing up in New York City?&rdquio; — Great set!
[ February 19th, 2010 - 0 comment(s) ]

TotalFinder 0.7
A new version of TotalFinder has been released. This version gives us dual-pane support along with some nice tweaks (such as tabs now actually being Chrome-alike tabs)
[ February 3rd, 2010 - 0 comment(s) ]

Plupload
The developers of TinyMCE bring us Plupload, a highly usable upload handler: “Using Plupload one can upload multiple files using Google Gears, Silverlight, Flash, BrowserPlus or HTML5. Flexible configuration allows you to choose all or only some of these upload “runtimes” with fallback in the order you specify.”
[ February 3rd, 2010 - 0 comment(s) ]

HipHop for PHP (formerly known as HyperPHP)
As hinted before, in an interview with a Facebook employee: “HipHop for PHP isn’t technically a compiler itself. Rather it is a source code transformer. HipHop programmatically transforms your PHP source code into highly optimized C++ and then uses g++ to compile it. HipHop executes the source code in a semantically equivalent manner and sacrifices some rarely used features — such as eval() — in exchange for improved performance. HipHop includes a code transformer, a reimplementation of PHP’s runtime system, and a rewrite of many common PHP Extensions to take advantage of these performance optimizations.” — Too bad they didn’t keep the name HyperPHP though …
[ February 2nd, 2010 - 0 comment(s) ]

How to be a full time Tech Blogger
Great chart by @steffest: How to be a full time Tech Blogger
[ January 27th, 2010 - 0 comment(s) ]

TinyMCE 3.3 and jQuery
With the release of TinyMCE 3.3b1 a lot of jQuery Goodness such as being able to write/do stuff like tinymce.get(0).$('body').html('Hello world'); and $('#textareaid').tinymce().selection.setContent('Hello world!'); has landed upon us! Wow!
[ January 26th, 2010 - 0 comment(s) ]

NetExport Firebug Extension
NetExport is a very neat Firebug Extension created by Jan Odvarko, one of the main Firebug contributors. Basically this extension lets you save traces from Firebugs Net Panel into an HTTP Archive (HAR file). The true beauty of this plugin is seen when passing such a created archive into the HTTP Archive Viewer. Be sure to try some of the examples, and be amazed!
[ January 25th, 2010 - 0 comment(s) ]

Firebug 1.5
In case Firefox didn’t notify you yet: Firebug 1.5 is out!
[ January 19th, 2010 - 0 comment(s) ]

jQuery 1.4
Yesterday, jQuery 1.4 was released. Be sure to check the updated jQuery API Browser, to read The 15 New Features you Must Know and to keep an eye an jquery14 the coming 2 weeks. Of course the jQuery Docs still are a must have resource.
[ January 15th, 2010 - 0 comment(s) ]

(Elsewhere Archive)

(Oldskool Elsewhere Archive)