Ben's Lab

Brought to you in stunning HTML5!

Archive for May, 2010

The Hidden Message Trick

Thursday, May 27th, 2010

Hello World! In today’s experiment, I’m going to show you how to mix super-secret messages into your webpages using nothing but css! It’s pretty sweet, really neat, and always discrete (lamest rhyme ever?). Using the ::-moz-selection and ::selection style properties, it’s possible to create hidden messages you can sprinkle throughout your site. Is this practical for use in production websites that serve an actual purpose? Probably not. Is it bad ass though? Yeah! To give you a better idea of what I’m talking about, select this paragraph by dragging your cursor over the text as if you were going to copy it. You’ll then see the secret phrase. Do you see it? The effect is super easy to achieve. How ’bout we jump right in?

(more…)

Welcome to the Web Lab!

Sunday, May 23rd, 2010

Welcome to my laboratory! Here you’ll find an array of my whacky experiments using modern web technologies.*

Due to the fact that a lot of these technologies aren’t 100% complete and/or they’re not fully ready to be implemented without bugginess, please excuse me if something breaks or doesn’t work as it is intended. I’m also bound to make a mistake or two, so if you find something out of the ordinary or you’ve spotted that I’ve written something wrong, feel free to tell me about it.

With that said, enjoy my little playground. And remember, always wear your safety goggles.


* This page alone employs some awesome new web tricks. You can change the page title to whatever you want (the changes will remain intact, even if you refresh the page). The headers on the page are utilizing Google’s new Fonts API. Throughout the page, I’ve added subtle gradients thanks to -webkit-gradient. Also, by using the amazing -webkit-transform, I’ve tilted the tagline under the site’s header. Sweet!