I'm currently rebuilding this from the ground up mostly to replace my handmade animations with CSS transitions. Both the old and new were built with no JS frameworks or libraries and the one you're looking at does well in IE6, to give you an idea of how long ago it was refreshed.
There are a couple of very strange usability problems with the overlay, it seems to fade out while dragging the edges and clicking on the things inside the iframe leave you floating in a wikipedia page that you can't go back to the original content from easily. Also dragging the overlay in circle maximises it which was a surprise!
I like this resource for learning about the elements, esp. the drill-down, which makes it fast to go back-and-forth. Also the "Wide" view is cool - I don't remember how long it took me initially to realize that the lanthanide / actinide rows actually belong in the middle of the other ones. :)
Be sure to try out Ptable's other tabs. One allows visualizing trends in 20 properties, another does the same for 4000 isotopes, and the final allows mixing of elements to discover 40,000 compounds.
I saw this first back in school in 2013 and was instantly blown away. It was like the perodic table came to life.
Perhaps this is one of the influences that eventually led me to become a software dev
This brings me a lot of joy. Despite it being poorly-organized function soup, I hope being able to view a framework-free source was valuable to you. I learned most of what I knew from viewing source way back in the mid-nineties and that's a lot of the reason I chose not to obfuscate it in production so others could do the same.
I was awestruck by the tool web "app" and not the stuff that it covered. I am just as impressed today as I was years ago by looking at the different interactions.
Actually a point of pride for me that I've never attempted to put more than a single ad, never allowed pop-unders, fly-outs, etc., and don't bother or block ad-blockers.
.svg){kind=link}
.png){kind=link}
