Vue 2 reached EOL, date-fns is seriously small date/time library, Oxlint - JavaScript Linter, why you don’t need Lodash anymore. Pico CSS, SCSS collection to extend Bootstrap 5
This one is a perfect Friday’s post - a delightful long read!
Where do we stand with ReactJS, and what is else in the market? How outdated is React, and what should we choose now?
https://joshcollinsworth.com/blog/antiquated-react
It's probably the smallest date/time library in the wild. Before, it had only 300 bytes, and after refactoring where they added types, it has only 200 bytes. Amazing. Now V3 is out
https://blog.date-fns.org/v3-is-out/
Nice long read about Promises and when the “leaked” situation is not resolved.
https://frontside.com/blog/2023-12-11-await-event-horizon/
Oxlint is a JavaScript linter; for now, it can’t replace ESLint fully but rather used as an enhancer. It is 50 - 100 times faster than ESLint, utilising Rust and parallel processing.
https://oxc-project.github.io/blog/2023-12-12-announcing-oxlint.html
You should be prepared for the depreciation of Vue 2 on December 31
https://blog.vuejs.org/posts/vue-2-eol
https://github.com/you-dont-need/You-Dont-Need-Lodash-Underscore#readme
Just a reminder to myself, we have structuredClone(obj). The previous approaches like _.cloneDeep(obj) and JSON.parse(JSON.stringify(obj)) are not needed anymore.
https://www.builder.io/blog/structured-clone
A delightful website which interactively explains the full story of 3D in CSS. I highly recommend clicking through.
https://rupl.github.io/unfold/
Minimal CSS framework for semantic HTML.
Research on CSS subgrid, how to use it and experiments with coloured grid lines.
https://www.lenesaile.com/en/blog/about-subgrid-and-colored-grid-lines/
Animation has a default value of replace, but there is also animation-composition: replace, add, accumulate. The add and accumulate, in most cases, produce the same result; however, for scaling, the result is different.
https://12daysofweb.dev/2023/animation-composition/
https://www.w3.org/TR/REC-CSS1-961217
Indeed, this is a surprisingly massive year for CSS. Endless page with short summaries for every new CSS property. To name some of the titles: Scope, Nesting, Trigonometric Functions, Subgrid, Colours, Typography, Container Queries, :has() selector and more.
https://developer.chrome.com/blog/css-wrapped-2023
It is a short but nice article with good examples of Accordion and a List with autocomplete. Text modifications arguably don’t make much sense as you still use CSS to modify. However, I’m surprised with autocomplete by using <datalist/> tag.
https://dev.to/yuridevat/html-can-do-this-part-1-3ab2
That’s a strong title, but actually, those properties make sense:
scroll-margin
color-scheme
text-wrap
https://bejamas.io/blog/modern-css-properties-your-website-must-have/
SCSS collection to extend Bootstrap 5.
https://bootstrap.ninja/ninjabootstrap/
After 15 months, the deal between Adobe and Figma was cancelled. This is not bad news to Figma as Adobe will pay a termination fee of $1 billion to San Francisco-based Figma.
https://gizmodo.com/adobe-cancels-20-billion-figma-acquisition-eu-antitrust-1851107240
https://www.figma.com/blog/figma-adobe-abandon-proposed-merger/
Why is web performance important, and how can you analyse metrics? Also, what tools do we have, and what should we use? Lovely post!