Mastering React and OpenLayers Integration: A Comprehensive Guide
Unlock the full potential of interactive maps in your React applications by delving into the seamless integration of OpenLayers.
https://mxd.codes/articles/how-to-create-a-web-map-with-open-layers-and-react
Unlock the full potential of interactive maps in your React applications by delving into the seamless integration of OpenLayers.
https://mxd.codes/articles/how-to-create-a-web-map-with-open-layers-and-react
👍1
Oracle justified its JavaScript trademark with Node.js — now it wants that ignored
Oracle filed a motion to dismiss in response to Deno’s petition to cancel its “JavaScript” trademark. But instead of addressing the real issue—that JavaScript is an open standard with multiple independent implementations—Oracle is trying to stall the process and sidestep accountability.
https://deno.com/blog/deno-v-oracle2
Oracle filed a motion to dismiss in response to Deno’s petition to cancel its “JavaScript” trademark. But instead of addressing the real issue—that JavaScript is an open standard with multiple independent implementations—Oracle is trying to stall the process and sidestep accountability.
https://deno.com/blog/deno-v-oracle2
👍2👏1
There are a lot of ways to break up long tasks in JavaScript.
It's very common to intentionally break up long, expensive tasks over multiple ticks of the event loop. But there are sure are a lot of approaches to choose from. Let's explore them.
https://macarthur.me/posts/long-tasks/
It's very common to intentionally break up long, expensive tasks over multiple ticks of the event loop. But there are sure are a lot of approaches to choose from. Let's explore them.
https://macarthur.me/posts/long-tasks/
The Temporal API: How JavaScript Dates Might Actually Be Getting Fixed
The Temporal API promises to solve issues with the Date object, but it does not have widespread support outside of Firefox. We look at whether it delivers on big promises.
https://www.wearedevelopers.com/en/magazine/544/the-temporal-api-how-javascript-dates-might-actually-be-getting-fixed-544
The Temporal API promises to solve issues with the Date object, but it does not have widespread support outside of Firefox. We look at whether it delivers on big promises.
https://www.wearedevelopers.com/en/magazine/544/the-temporal-api-how-javascript-dates-might-actually-be-getting-fixed-544
❤1
Build a Single-Page Application(SPA) Router in Vanilla JavaScript
Explore the world of JavaScript at our blog, your ultimate resource for guides, tutorials, and articles. Uncover the latest insights, tips, and trends.
https://jsdev.space/spa-vanilla-js/
Explore the world of JavaScript at our blog, your ultimate resource for guides, tutorials, and articles. Uncover the latest insights, tips, and trends.
https://jsdev.space/spa-vanilla-js/
Which rich text editor framework should you choose in 2025?
Looking to integrate a WYSIWYG editor into your JavaScript app? This comparison dives into the best frameworks available, including Tiptap, Lexical, BlockNote, and Slate.
https://liveblocks.io/blog/which-rich-text-editor-framework-should-you-choose-in-2025
Looking to integrate a WYSIWYG editor into your JavaScript app? This comparison dives into the best frameworks available, including Tiptap, Lexical, BlockNote, and Slate.
https://liveblocks.io/blog/which-rich-text-editor-framework-should-you-choose-in-2025
CSS nesting: use with caution
Is CSS nesting an exciting new feature or a potential disaster waiting to happen? I note down my worries and prior experience with one of it predecessors: Sass nesting, along with some gotchas native CSS brings with it.
https://piccalil.li/blog/css-nesting-use-with-caution/
Is CSS nesting an exciting new feature or a potential disaster waiting to happen? I note down my worries and prior experience with one of it predecessors: Sass nesting, along with some gotchas native CSS brings with it.
https://piccalil.li/blog/css-nesting-use-with-caution/
Building a Playful Stop-Motion Crayon Cursor in p5.js
Create a playful stop-motion crayon cursor effect with p5.brush.js and smooth animations.
https://tympanus.net/codrops/2025/02/06/building-a-playful-stop-motion-crayon-cursor-in-p5-js/
Create a playful stop-motion crayon cursor effect with p5.brush.js and smooth animations.
https://tympanus.net/codrops/2025/02/06/building-a-playful-stop-motion-crayon-cursor-in-p5-js/
❤1👍1
Tutorial: publishing ESM-based npm packages with TypeScript
During the last two years, ESM support in TypeScript, Node.js and browsers has made a lot of progress. In this blog post, I explain my modern setup that is relatively simple – compared to what we had to do in the past:
https://2ality.com/2025/02/typescript-esm-packages.html
During the last two years, ESM support in TypeScript, Node.js and browsers has made a lot of progress. In this blog post, I explain my modern setup that is relatively simple – compared to what we had to do in the past:
https://2ality.com/2025/02/typescript-esm-packages.html
2Ality
Tutorial: publishing ESM-based npm packages with TypeScript
During the last two years, ESM support in TypeScript, Node.js and browsers has made a lot of progress. In this blog post, I explain my modern setup that is relatively simple – compared to what we had to do in the past:
👍2
How to Create Wavy Boxes Using CSS
Use modern CSS to create fancy wavy boxes with a few lines of code
https://verpex.com/blog/website-tips/how-to-create-wavy-boxes-using-css
Use modern CSS to create fancy wavy boxes with a few lines of code
https://verpex.com/blog/website-tips/how-to-create-wavy-boxes-using-css
A Content List With Bulk Actions Using Ancient HTML and Modern CSS
This common UI pattern demands a lot less JavaScript than it used to.
https://cloudfour.com/thinks/a-content-list-with-bulk-actions-using-ancient-html-and-modern-css/
This common UI pattern demands a lot less JavaScript than it used to.
https://cloudfour.com/thinks/a-content-list-with-bulk-actions-using-ancient-html-and-modern-css/
How to Favicon in 2025: Three files that fit most needs
Prefer SVG over PNG, trust browsers to downscale, drop obscure formats—the ultimate, exhaustive guide to favicons for modern web. Includes steps for static HTML and Webpack.
https://evilmartians.com/chronicles/how-to-favicon-in-2021-six-files-that-fit-most-needs
Prefer SVG over PNG, trust browsers to downscale, drop obscure formats—the ultimate, exhaustive guide to favicons for modern web. Includes steps for static HTML and Webpack.
https://evilmartians.com/chronicles/how-to-favicon-in-2021-six-files-that-fit-most-needs
Compiling CSS With Vite and Lightning CSS
Are partials the only thing keeping you writing CSS in Sass? With a little configuration, it's possible to compile partial CSS files without a Sass dependency. Ryan Trimble has the details.
https://css-tricks.com/compiling-css-with-vite-and-lightning-css/
Are partials the only thing keeping you writing CSS in Sass? With a little configuration, it's possible to compile partial CSS files without a Sass dependency. Ryan Trimble has the details.
https://css-tricks.com/compiling-css-with-vite-and-lightning-css/
How to gif (2025 edition)
Animated AVIF, AV1 video, JPEG-XL...
https://fullystacked.net/how-to-gif-2025/
Animated AVIF, AV1 video, JPEG-XL...
https://fullystacked.net/how-to-gif-2025/
👍1
The Popover API is now Baseline Newly available
Why we thought popover was in Baseline last year, and how we're using data to improve understanding of interoperability.
https://web.dev/blog/popover-baseline
Why we thought popover was in Baseline last year, and how we're using data to improve understanding of interoperability.
https://web.dev/blog/popover-baseline
👍2
Three Approaches to the “&” (ampersand) Selector in CSS
https://frontendmasters.com/blog/three-approaches-to-the-ampersand-selector-in-css/
https://frontendmasters.com/blog/three-approaches-to-the-ampersand-selector-in-css/
❤1👍1
View Transitions Applied: More performant ::view-transition-group() animations
If the dimensions of the ::view-transition-group() don’t change between the old and new snapshot, you can optimize its keyframes so that the pseudo-element animates on the compositor.
https://www.bram.us/2025/02/07/view-transitions-applied-more-performant-view-transition-group-animations/
If the dimensions of the ::view-transition-group() don’t change between the old and new snapshot, you can optimize its keyframes so that the pseudo-element animates on the compositor.
https://www.bram.us/2025/02/07/view-transitions-applied-more-performant-view-transition-group-animations/
❤1👍1
A guide to Object.groupBy: An alternative to Array.reduce
Learn how Object.groupBy and Map.groupBy improve JavaScript data grouping over reduce, with performance benchmarks and comparisons.
https://blog.logrocket.com/guide-object-groupby-alternative-array-reduce/
Learn how Object.groupBy and Map.groupBy improve JavaScript data grouping over reduce, with performance benchmarks and comparisons.
https://blog.logrocket.com/guide-object-groupby-alternative-array-reduce/
❤1👍1
Optimizing The Critical Rendering Path
Shortening the critical rendering path can help your website load faster and provide a better user experience. Learn how to identify critical resources and how to optimize them.
https://www.debugbear.com/blog/optimizing-the-critical-rendering-path
Shortening the critical rendering path can help your website load faster and provide a better user experience. Learn how to identify critical resources and how to optimize them.
https://www.debugbear.com/blog/optimizing-the-critical-rendering-path
❤1🤔1