HTML Periodic Table
websitesetup.org
websitesetup.org
For those that don't know, a long time ago Josh Duck built an HTML Periodic Table that actually resembled the periodic table. It got taken down, because someone else made another HTML Periodic Table (with clearly different organization and a very different look), and then she claimed that Josh Duck's very different periodic table was infringing on her copyright. She even went as far as to claim that he somehow even intercepted her emails to steal her ideas, and even alleged that Josh Duck and another guy who made a similar HTML Periodic Table were in kahoots because they were in the same country (Source: https://i.imgur.com/sthuEd8.png)! Pictures of the periodic table and a detailed story here: https://www.techdirt.com/articles/20150417/08423730696/desig...
By making this table look nothing like the periodic table of elements (or like the ones that people were sued over), I think the creator should be able to avoid being sued by anyone trying to make a quick buck.
Plus it's described on the website as a periodical table, so I'm not even convinced the author is claiming it to be a periodic table.
This Alara Mills is an utterly reprehensible character, and her comments are astounding.
> I find it very suspicious that Josh Duck and Mike Riethmuller are both from Australia but claiming not to know each-other
…WHAT?! Australia is a country of 25 MILLION people! We don't all know each other!
She seems to have disappeared from the Internet, or now identifies as a jazz vocalist of some sort. If it's the same person, she seems(?) to have photoshopped her face onto the body of another woman[0]. Maybe I'm wrong about that, but if I'm not, is that also possibly illegal?
[0]: https://www.alara5star.com/
Oh my god it keeps getting better[1]
> The artist is inspired by the likes of Whitney Houston, Toni Braxton, and Anita Baker, to name but a few. AlarA’s vocal skills and enthusiasm for music easily puts her on par with these powerhouse vocalists.
She compares herself to Whitney Houston!
On the plus side, I later got to meet Mike (the other Australian who she thought I was in cahoots with) and later rebuilt the table into https://allthetags.com/, which is a lot more colourful but a lot less punny (shake your phone to learn something new).
It sounds like there's an interesting story here. Care to elaborate more?
I obviously knew that I hadn't. But once she'd started the legal ball rolling I had to engage a lawyer and respond through the appropriate legal channels. My lawyer told me litigation (going to court) will generally cost tens of thousands of dollars. And in California recovering costs is far from guaranteed, you have to file a counter-suit I think, and prove the original case was frivolous.
Filing a case is not free - she'd already spent at least a few hundred dollars in court costs and possibly much more for lawyers to draft cease and resists and the actual case. Either it was all a bluff, or she truly believed I stole from her. The second option was scarier. When you're faced with someone who is absolutely sure that you're a bad person, and has invested a lot of time and money into chasing you, how do you convince them they're wrong?
Imagine being in Twitter fight with someone who you think is completely off the rails. And now imagine you aren't allowed to just ignore them or block them but are forced to assemble a body of proof and pay a lawyer to convince an independent third party of the truth.
Given this was a webpage that was not making any money (I had tried to sell posters, but never ended up seeing a cent) the cost and time were not worth it.
Mike Riethmuller was the other guy she accused of theft. He managed to find a journalist to cover the issue, and that worked out much better for him! Not living in California also made him harder for her to chase down.
In fact, if I recall correctly, a major reason Mendeleev is generally the name we associate most with invention of the periodic table of the elements, even though others had tried to organized the elements into tables beforehand, is that Mendeleev was the first to leave gaps in his table when the next known element fit in better somewhere else, and to predict that unknown elements would fill those gaps, and to successfully predict their properties.
I don't see that in this HTML periodic table, or in Josh Duck's table mentioned as the inspiration for the idea.
Yes. This is a really powerful concept. By way of example, here a periodic table of data structures [0] that I think has been on HN before. The authors show that there are gaps in the arrangement they've developed, and thus predict types of data structure that haven't yet been researched.
[0] https://stratos.seas.harvard.edu/files/stratos/files/periodi...
Other than that it's pointless. As you say it has no predictive use, and it's not much use as a mnemonic device either.
Smaller detail: the the bottom groups buttons would feel more interactive as mouseovers -- and more consistent with the elements cases.
It comes in handy for debugging.
Also why the group is highlighted when an element is hovered, but not the other way around?
Great idea, though!
With a few span elements and icons in i elements!
The joke is that there are articles from a decade ago talking about the end of everything being a div and the new markup taking over. It never happened. Instead we got the frameworks that double down on divs. Then the website builder things that take div nesting to another level.
Seriously if anyone on this site has a website created the proper way with accessible elements using a decent amount of vocabulary then I would like to know. It does not matter what the site looks like, or what it is about, I just want to find some websites that use rather than talk about proper element use.
I don't see what mankind's problem is - why do we adopt plenty of complicated web technology things and yet nobody can be bothered to structure a document?
IMHO you need to ditch the wrapper divs and put a single 'main' in there. Then you need to apply CSS Grid to the outer container with something sensible for the outer rows to do the wrapper thing more succinctly. Also get rid of the div around the footer.
There are also a few spans too many around the links at the start of each article, if you can do things with pseudo elements instead then I think you will like it that way - moving presentational stuff out the document into the stylesheet.
Also be bold with the classes. If you are using elements instead of divs then you can style them without the class tags.
Don't take these points as criticisms, there is a lot to unlearn with CSS grid and using proper elements instead of the usual divs. I don't think you need the armbands any more, it is good to see!
I only tested two pages - didn't read them - but your element vocabulary is excellent. I learned about 'dark mode' and how to do it properly.
Bravo!
In fact it was introduced in HTML 3.0 as "The DIV element is used with the CLASS attribute to represent different kinds of containers, e.g. chapter, section, abstract, or appendix." [1]
It was retained in HTML 3.2 as "DIV elements can be used to structure HTML documents as a hierarchy of divisions" [2], making it equivalent to the current <header>, <footer> and <section> tags.
[1]: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/me...
[2]: https://html.spec.whatwg.org/multipage/grouping-content.html...