Editor's Pick
Bouncy Ball - Compare Web Animation Techniques
Bouncy Ball compares web animation techniques by showing how to bounce a ball with each one.
CSS
superstyle: Server side render websites using only SCSS as a templating system
This is a proof of concept of how to use SCSS as a template system to render websites on the server.
I used to work with a guy who jumped on every bandwagon you could imagine. He would have totally rolled this to production. Then quit.
The math and CSS of responsive type scales
A deep dive into the math and CSS that drives fluid, responsive type scales.
This post is divided up into two main sections: the math, and the CSS, with a bonus section (CSS of the future!) at the end. The math section covers more of the what, while the CSS section covers the how.
HTML
The HTML dialog element API is a mess
The HTML <dialog> element was introduced ten years ago by Google Chrome. However, dialog didn't become a web standard until 2022, when Firefox and Safari added support for the element.
Last year the major web browser vendors decided to change the standard (remember, HTML is now a "living standard") so that exceptions are not thrown for redundant actions, e.g., opening an already open dialog, but only for attempting to switch modes, e.g., calling showModal() on an open non-modal dialog.
JavaScript
tabulator: Interactive Tables and Data Grids for JavaScript
Tabulator allows you to create interactive tables in seconds from any HTML Table, Javascript Array or JSON formatted data. Simply include the library and the css in your project and you're away
Full documentation & demos can be found at: http://tabulator.info.
Catalog of Pure Functions in JavaScript
JavaScript as defined in the EcmaScript specification comes with a great number of predefined objects and functions. Many of the functions are not pure, but a number of them are pure functions that we can preferrably use. These are the pure functions that are available in JavaScript by default (non-exhaustive list).
A lot will probably read this and go yep, yep, yep, yep...But probably not have even realized they're pure functions before associating the title of the article. I know I did.
jQuery 4.0.0 beta released
jQuery 4.0.0 has been in the works for a long time, but it is now ready for a beta release! There’s a lot to cover, and the team is excited to see it released. We’ve got bug fixes, performance improvements, and some breaking changes. We removed support for IE<11 after all! Still, we expect disruption to be minimal.
Many of the breaking changes are ones the team has wanted to make for years, but couldn’t in a patch or minor release. We’ve trimmed legacy code, removed some previously-deprecated APIs, removed some internal-only parameters to public functions that were never documented, and dropped support for some “magic” behaviors that were overly complicated.
Bouncy Ball - Compare Web Animation Techniques
Bouncy Ball compares web animation techniques by showing how to bounce a ball with each one.
This is great.
