This is mine. I spent quarantine greatly upgrading it from its previous design from roughly 2007 (old.ptable.com) which itself was a great upgrade to how it looked in 1997 (<a href="https://web.archive.org/web/19990208231647/http://www.dayah.com/periodic/" rel="nofollow">https://web.archive.org/web/19990208231647/http://www.dayah....</a>). It uses no frameworks or libraries and has a payload size of ~64K if you use an ad/tracker blocker, and that includes all the property data and WebGL orbitals rendered from the Schrodinger equation on the Electrons tab. Fully keyboard accessible with arrows/tabs. One controversial feature is fit-to-window that uses some elaborate CSS math (no JS) to keep the size fixed as you switch from topbar to sidebar or turn Wide on/off.<p>A lot of functionality is hidden, which is why I have the 100-second demo video: <a href="https://ptable.com/demo" rel="nofollow">https://ptable.com/demo</a>. Would love to hear impressions or feedback as staring at it for months has blinded me to first impressions/annoyances.
This is absolutely one of my favorite sites - especially since the responsive design update. The isotope search is absolutely gorgeous, along with the new format, in general. I may be a bit biased though, since it was this website that got me into web development and serious programming in general. (At that time, ptable wasn't responsive and I wanted to create a different periodic table site that had that feature). I'm glad ptable is being featured here - while I was at college I was surprised to find that not a significant majority of people knew about the site. Even for high school chemistry, it's orders of magnitude easier to use compared to the textbook or online ad-hoc element search queries.
This thing could be so helpful during my chemistry classes.
We need more of this. Great job!<p>I also like how you can select isotopes in Isotopes tab in Z-axis.
Check out also a beautiful periodic table constructor from Moscow that won IF design award: <a href="https://periodic.artlebedev.ru" rel="nofollow">https://periodic.artlebedev.ru</a><p>(About the project: <a href="https://www.artlebedev.com/mendeleev-table/" rel="nofollow">https://www.artlebedev.com/mendeleev-table/</a>)