TG Telegram Group Link
Channel: FrontEnd Development
Back to Bottom
There Are a Lot of Ways to Break Up Long Tasks in JavaScript

Due to how browsers and the event loop work, letting a single task hog the main thread is a quick way to freeze up your site’s UI. Alex explains the problem and uses a simple example to walk through the pros and cons of different solutions from basic use of setTimeout() to requestAnimationFrame(), channel messaging, and Web Workers. - https://macarthur.me/posts/long-tasks/

#javascript
Refactoring a scroll-driven animation from JavaScript to CSS

Ever feel like your JS scroll animations are a bit heavy? This article is perfect for you; it guides you through converting those animations to CSS, making them much smoother and more efficient. The author explains how to pinpoint JS inefficiencies, then shows how to use CSS properties like scroll-behavior and scroll-snap for better performance. - https://component-odyssey.com/articles/08-refactoring-a-js-driven-scroll-animation-to-css

#css
Good practices for Vue Computed Properties

This article covers good practices for working with computed properties in Vue, ensuring you get the most out of them. - https://dev.to/jacobandrewsky/good-practices-for-vue-computed-properties-5gd7

#vue
Why We Created Another Kafka Client for Node.js

Apache Kafka is a popular distributed event streaming platform but the existing client libraries have various flaws, leading Platformatic to release a new one built around modern Node best practices. - https://blog.platformatic.dev/why-we-created-another-kafka-client-for-nodejs

#nodejs
How to Use Rem Units in CSS for Accessible Design

Ever wonder how rem units work in CSS? This guide explains it clearly. It covers how rem (root em) units are based on the root element's font size, making scalable and accessible design easier. The author also compares rem with px and em, and provides practical examples for using rem in font sizing, media queries, and more. - https://www.a11y-collective.com/blog/what-is-rem-in-css

#css
How to Publish ESM-Based npm Packages with TypeScript

Now that you can use the ES modules (almost) everywhere, it’s worth understanding how to package them up for use with npm. Axel digs into everything you need to know and shares some useful tools too. - https://2ality.com/2025/02/typescript-esm-packages.html

#typescript
Best Practices for Creating a Modern npm Package

A step-by-step “as of 2025” walkthrough of creating your own npm package using current best practices. We’ve linked to this before but it’s just been updated. - https://snyk.io/blog/best-practices-create-modern-npm-package/

#nodejs
How to use aria-current in Tailwind

In this brief tutorial, Chris shows how to style navigation links in Tailwind CSS when using the aria-current="page" attribute for accessibility. By extending the aria object in the Tailwind config file, Chris creates a custom style that underlines the current page link, making it visually different for sighted users while also ensuring screen readers can accurately identify the current page. - https://www.youtube.com/watch?v=910m7o1xdMA

#tailwind
HTML Embed Code:
2025/06/28 05:01:01
Back to Top