I'm just sharing a free tool i developed that might be helpful to others.
It's a code-free, client-side templating tool, that will enable an HTML dev to display a collection of repeated items on a webpage with identical HTML, but different content.
"Template" meaning there's only one copy of the HTML, shared by all the items in the collection. To change the layout of all the items, you only have to edit the template.
Code-free meaning, you don't need to write or know Javascript. Everything is done in HTML, including the template, container, and data.
The content is separate from the HTML, so you can update the data without touching the HTML.
It's best for small projects with few items that don't change too often, where you can't or don't want to do server-side programming.
Feel free to ask questions here or on github.
https://github.com/johnaweiss/HTML-Micro-Templating
Here's a simple example.
Honestly this is a poster child for why I say the people who create these types of systems don't know enough HTML or CSS to be working with the front-end in the first place. DIV soup, presentational classes, invalid/broken HTML...
I mean seriously, DIV inside SPAN? SPAN doing FIGURE's job, DIV doing FIGCAPTION's job? SPAN as an outer container? And that's just your simple demo. The code in your github is outright horrifying in a "please learn HTML" kind of way.
Which is a problem as people will blindly copy that bad markup as if it's how things are supposed to be done. Look at the majority of outright idiotic rubbish people vomit up with react, failwind, bootcrap, and so forth.
Also can't say I'm wild about the lack of identifiers in the data format. Probably be better if it used something like XML or JSON than "linefeeds separate rows, double linefeeds separate records".
Of course as a client-side scripting only solution, it's also a giant middle finger to usability and accessibility.
Just to break down what I mean, not I'm not TRYING to be intentionally harsh, but this code is kind of proof you don't know enough HTML to be playing with JavaScript yet, much less making solutions for others. That's not meant as an insult, but as a simple truth.
As I'm always saying ignorant isn't an insult, it just means you don't know any better. You can FIX ignorant.
But take this:
Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)