Today’s Readings

Default browser tooltips. They suck. They always look like crap, are never placed where you want them, and usually disappear too quickly to be able to fully read. Hint.css is here to help.

And speaking of CSS, it’s been a while since I’ve needed a CSS hack, but I do remember the days, and I can certainly imagine devs still needing them. Apparently so could the folks that created Browserhacks.

For anyone wanting to gain a better understanding of JS prototype and object constructors, Sebastian has written a nice, plain English version.

Now appearing in Desktop Safari, iOS Safari, and Android Chrome, CSS transforms is no longer part of the UI thread, meaning such animations will not be affected by an overloaded CPU! Check-out the test page, I can confirm:

  • All three animations are smooth on my desktop Chrome, and all three stop when I click the Kill Switch.
  • The CSS Transform animations are smooth as butter on my iOS6.2, but the margin animation is really choppy; and that choppy animation immediately stops when I click the Kill Switch…

Fantastic stuff! And nothing new for us to do (if, hopefully, you’ve been animating correctly :-), users with supported browsers will simply get a much better experience!

Always good stuff from Dave Walsh, this time:
document.getElementById('myid').attributes;
Get a nodeList of attributes that you can then iterate over to get all the attributes of an element. Even works nicely with data-attributes!

And while we’re talking about Dave Walsh, here’s a tiny script to determine the various vendor-prefixes you might need for your DOM, CSS, and JS needs.

An extremely thorough guide to being able to debug Android devices via a USB connection. Which of course requires you to download and install the Android Developer SDK, install Chrome on your Android device, and then of course, this all only works on Android devices…

So, while not a full debugging suite, Steve Souders offers instructions for at least being able to create waterfall charts for mobile pages, which is useful for finding and debugging performance hiccups.

And speaking of debugging, think you know Chrome DevTools? Well, take a class and find out…

Intro.js is a great-looking way to get users oriented to new pages and/or features.

Anyone paying attention to browser performance over the last couple years will find most of Browser Diet repetitious, but it’s always worth a scan…

And finally, these are simply freaking hilarious… Thanks, Jaret Stezelberger! :-)

Happy reading,
Atg

Leave a Reply

Your email address will not be published. Required fields are marked *