Lately, I have more news about CSS streaming in my news bubble than anything else. The latest changes with all the latest properties give developers endless design possibilities. But let's start with JavaScript. 🙂
Last week, I mentioned Bun, and here is its use case. Spoiler. It is fast, but there are some Beta feelings when using it in the wild.
https://shaneosullivan.wordpress.com/2023/05/17/using-bun-js-as-a-bundler/
An extensive list of scenarios where JavaScript could fail to load or execute properly.
https://www.kryogenix.org/code/browser/everyonehasjs.html
https://astro.build/blog/astro-250/
for-of,
.reduce()
.flatMap())
https://2ality.com/2022/05/processing-arrays-non-destructively.html
Why are we bad at CSS? This is a good one to read. It reminds me of my path when I learned jQuery and did pretty cool things but didn’t know the basics of JavaScript. I have had a painful experience with Bootstrap projects where CSS is mixed with Bootstrap. It usually ends up with Bootstrap CSS, Override CSS (~300KB) and then on top custom component CSS. Nobody can touch any CSS as you can break something, so it grows.
https://www.mikeaparicio.com/posts/2023-05-22-why-were-bad-at-css
By the way, <blink/> element is removed from the public docs. I didn’t even find a reason to use it ever. Now I never will. https://github.com/mdn/content/pull/26904
Interesting find. There is an overflow block media query. This could be a good one for accessibility when some content is overflowing the wrapper. However, not entirely sure how it works. As per Mozilla's example, it has red text no matter what I do.
@media (overflow-block: scroll) {
p {
color: red;
}
}
https://developer.mozilla.org/en-US/docs/Web/CSS/@media/overflow-block
https://www.nslookup.io/learning/