Changing the tab (or window) title is an age old practice. Gmail does it to notify the user of a new chat message and this blog does it to update the tab title after a new page loads via AJAX. How is it done? By setting a property on the
document object, of course:
That property, of course, is
document.title = 'Hello!'; // New title :)
One common misconception is that you change the
window.title property, but you must use the
document object, otherwise you'll see no effect. You'll oftentimes see a
setInterval used with
document.title to quickly change title to get the user's attention.
Two years ago I documented my struggles with Imposter Syndrome and the response was immense. I received messages of support and commiseration from new web developers, veteran engineers, and even persons of all experience levels in other professions. I've even caught myself reading the post...
CSS has become more and more powerful over the past few years and CSS transforms are a prime example. CSS transforms allow for sophisticated, powerful transformations of HTML elements. One or more transformations can be applied to a given element and transforms can even be animated...