HTML Template Tag Primer Tutorial
In amongst yesterday’s online newspaper readings a graph on the news.com.au article ‘We’ve never been asked’: Uncomfortable truth about immigration debate titled “Overseas migrant arrivals by country of birth” (A Flourish bar chart race) intrigued us. Wow, what a great interactive resource! We started using the web browser’s web inspector to start analyzing it, and found out it used at it’s heart the HTML …
… tag. Here it is in action …
Amazing, huh?! Well, we wanted to explore more about …
- the template element tag … and then onto …
- <template>: The Content Template element … and then onto …
- Using Shadow DOM
… to arrive at a “proof of concept” second draft HTML Template Experimenting web application, on our quest to understand how functionality can effectively “be packaged” into these template element types, and we’ll probably be returning to.
If this was interesting you may be interested in this too.
I like the single-row radio-play approach for keeping the controls compact while still making each selection clear. When I’m checking a calculation alongside a tutorial, I use StepStat to see the intermediate steps; how do you handle the layout when the playlist gets much longer?