picostitch
crafting (and) JavaScript

JS (and) Crafting #10 – ECMAScript Specification Growth, CSS Math Functions, Tota11y Bookmarklet

This is JS (and) Crafting #10 - December 4th, 2023. Every Monday you will receive a hand-selected collection of links about JavaScript and how to craft better software.

JavaScript

Four Statements added in ECMAScript Version 3
In 1999, the then new ECMAScript version ES3 got four additions to its statements 1) do-while 2) switch 3) throw 4) try. Did these do good to our coding? Imagine if try would have never been added.
Originally posted here.

ECMAScript Specification Growth
My inexact word count of the ECMAScript Specification since version 5.1 (2011) to the latest version 13 (2023) has increased by 319.353 words, which is a 57% increase. How did I count words? Open one of the spec URLs and run in your console $('body').textContent.split(' ').length.
Originally posted here.

Crafting

CSS has Math Functions
Beside most common one calc() there are functions like min(), max(), clamp(), round(), sin(), cos() and many more. Which allows to write CSS like this width: min(100%, round(var(--my-value)));.

Accessibility Tool Highlight: Tota11y Bookmarklet
A11y Bookmarklet Tota11y "is a simple tool to visualise the most widespread web accessibility errors in a non overwhelmingly-techy way".
I learned this here.




Also Have a Look at

jskatas.org - Learn JavaScript – Test-Driven.
"JavaScript the Language" Meetup - A team-coding, no-presentations meetup.
The #jslang Repo - Tests and learnings from 55+ #jslang meetups.

Feedback?

I'm eager to hear your thoughts, input, corrections or interesting links. Please get in touch via mastodon provide a pull request or email me.

Happy Crafting!

Wolfram