Seems we have (at least) two new competing image replacement techniques:

1. http://nicolasgallagher.com/another-css-image-replacement-technique/
2. http://www.zeldman.com/2012/03/01/replacing-the-9999px-hack-new-image-replacement/

Both are improvements over the old-standard text-indent: -9999px;, especially if you’re dealing with tablets, but does anyone have any other pros/cons on the two?

And speaking of tablets, weinre (that’s WEb INspector REmote) completely revolutionizes developing for mobile! Amazing technology, I was surprised to see it using Ajax in the background, not something cooler like WebSockets or web workers, but then again, mobile is the IE vs. Netscape of the new generation, so who knows what will work where, right? Ajax, I think hope we can all assume, will work…

Being pretty solidly a tech-geek, I’m always looking on the horizon for Star Trek technology to surface in our mundane little world… The transporter, can it really be that hard?? Well, this may not be Star Trek, but it definitely is the Jetsons!

I’ve been using Google Chrome as my default browser for some time now, primarily on my MacBook Pro. Up until recently, all was just great. However, when I’m at work I have to use a PC, and on a PC, parts of my Yahoo! Calendar are completely unreadable… Somewhere between Windows, my monitor, Chrome, and Yahoo!, somebody was mucking something up… So, of course, I went digging… Turns out Yahoo! is adding this little gem to their CSS: -webkit-text-stroke: 1px transparent; (why you would add a text-stroke, then make it transparent, I neither know, nor care, but I knew it had to go). This article provided the solution, but it’s wordy, so here are the details for adding custom CSS to ALL pages you visit in Google Chrome:

1. View the properties of your Google Chrome shortcut (Properties for PC, Get Info for Mac)
2. Add this to the end of the Target: URL:
   --enable-user-stylesheet (make sure there’s a “space” between the URL and this new bit)
3. Open this file (or the relative path for Mac):
   [user_profile_name]\appdata\local\google\chrome\user data\default\user stylesheet\Custom.css (create the file Custom.css if it isn’t there)
4. Add this line of CSS:
   * { -webkit-text-stroke: 0!important; }
5. Save and Close the file, then re-start Chrome via the shortcut we edited above

I love the idea of Historypin! Watch the “Historypin in 90 seconds” video, then give it a whirl of your favorite neighborhood! Streetview is particularly fascinating to me, and though it seldom lines-up as well as it does in the demo video, when it does, it’s pretty amazing…

Style Tiles seem like they’d be a great idea, thanks to Jeremy for the pointer!

And finally, since switching from a PC to a Mac, I find I do not miss many things, but the one thing I continue to long-for is the ability to double-click an application’s top-toolbar and have it automatically go full-screen… This is got to just be one of those “Microsoft came up with it, so we’re not going to do it” things, right?

Happy reading,
Atg

Top⇪