Benchmarking the performance of CSS @property
What impact does @property have on the performance of your CSS?
https://web.dev/blog/at-property-performance
What impact does @property have on the performance of your CSS?
https://web.dev/blog/at-property-performance
❤2
Less Common HTML Elements and How to Use Them in Your Code
HTML has a lot of tags that many people use every day, like , , and . But there are also some hidden gems that often go unnoticed. These tags can help make websites more engaging, accessible, and meaningful without much extra effort. In th...
https://www.freecodecamp.org/news/less-common-html-elements-and-how-to-use-them/
HTML has a lot of tags that many people use every day, like , , and . But there are also some hidden gems that often go unnoticed. These tags can help make websites more engaging, accessible, and meaningful without much extra effort. In th...
https://www.freecodecamp.org/news/less-common-html-elements-and-how-to-use-them/
❤3🔥2
What’s the deal with WebKit Font Smoothing?
The one where I research subpixel antialiasing on macOS
https://dbushell.com/2024/11/05/webkit-font-smoothing/
The one where I research subpixel antialiasing on macOS
https://dbushell.com/2024/11/05/webkit-font-smoothing/
The ResizeObserver API: A tutorial with examples
The use cases for the ResizeObserver API may not be immediately obvious, so let’s take a look at a few practical examples.
https://blog.logrocket.com/how-to-use-the-resizeobserver-api-a-tutorial-with-examples/
The use cases for the ResizeObserver API may not be immediately obvious, so let’s take a look at a few practical examples.
https://blog.logrocket.com/how-to-use-the-resizeobserver-api-a-tutorial-with-examples/
👍1
Top 10 JavaScript SEO Tricks Every Developer Should Know
Here are ten JavaScript SEO tips every frontend developer should know, complete with code examples and practical guidance.
https://thenewstack.io/top-10-javascript-seo-tricks-every-developer-should-know/
Here are ten JavaScript SEO tips every frontend developer should know, complete with code examples and practical guidance.
https://thenewstack.io/top-10-javascript-seo-tricks-every-developer-should-know/
The New Stack
Top 10 JavaScript SEO Tricks Every Developer Should Know
Here are ten JavaScript SEO tips every frontend developer should know, complete with code examples and practical guidance.
❤3👍1
Understanding npm audit and fixing vulnerabilities
Learn how to use npm audit to identify and fix security vulnerabilities in your Node.js project dependencies. This guide covers how npm audit works, fixing vulnerabilities with npm audit fix, handling transitive dependencies, and best practices for maintaining a secure Node.js application.
https://www.niraj.life/blog/understanding-npm-audit-fixing-vulnerabilities-nodejs/
Learn how to use npm audit to identify and fix security vulnerabilities in your Node.js project dependencies. This guide covers how npm audit works, fixing vulnerabilities with npm audit fix, handling transitive dependencies, and best practices for maintaining a secure Node.js application.
https://www.niraj.life/blog/understanding-npm-audit-fixing-vulnerabilities-nodejs/
❤1
The CSS content-visibility property is now Baseline Newly available
The CSS content-visibility property is now Baseline Newly available.
https://web.dev/blog/css-content-visibility-baseline?hl=en
The CSS content-visibility property is now Baseline Newly available.
https://web.dev/blog/css-content-visibility-baseline?hl=en
❤1
HTML Form Validation is heavily underused
HTML Forms have powerful validation mechanisms, but they are heavily underused. In fact, not many people even know much about them. Is this because of some flaw in their design? Let’s explore.
https://expressionstatement.com/html-form-validation-is-heavily-underused
HTML Forms have powerful validation mechanisms, but they are heavily underused. In fact, not many people even know much about them. Is this because of some flaw in their design? Let’s explore.
https://expressionstatement.com/html-form-validation-is-heavily-underused
New to the web platform in October
Discover some of the interesting features that have landed in stable and beta web browsers during October 2024.
https://web.dev/blog/web-platform-10-2024?hl=en
Discover some of the interesting features that have landed in stable and beta web browsers during October 2024.
https://web.dev/blog/web-platform-10-2024?hl=en
OpenNext Gets Closer to Making Next.js Truly Portable
Frontend and backend choices can be more connected than developers expect; OpenNext aims to untangle the complexities of Vercel's Next.js.
https://thenewstack.io/opennext-gets-closer-to-making-next-js-truly-portable/
Frontend and backend choices can be more connected than developers expect; OpenNext aims to untangle the complexities of Vercel's Next.js.
https://thenewstack.io/opennext-gets-closer-to-making-next-js-truly-portable/
The New Stack
OpenNext Gets Closer to Making Next.js Truly Portable
Frontend and backend choices can be more connected than developers expect; OpenNext aims to untangle the complexities of Vercel's Next.js.
Reset or set the value in LinkedSignal in Angular 19
This blog post demonstrates LinkedSignal that resets the value when its source updates. It is a new feature in Angular version 19.
https://www.blueskyconnie.com/reset-or-set-the-value-in-linkedsignal-in-angular-19/
This blog post demonstrates LinkedSignal that resets the value when its source updates. It is a new feature in Angular version 19.
https://www.blueskyconnie.com/reset-or-set-the-value-in-linkedsignal-in-angular-19/
Octoverse: AI leads Python to top language as the number of global developers surges
In this year’s Octoverse report, we study how public and open source activity on GitHub shows how AI is expanding as the global developer community surges in size.
https://github.blog/news-insights/octoverse/octoverse-2024/
In this year’s Octoverse report, we study how public and open source activity on GitHub shows how AI is expanding as the global developer community surges in size.
https://github.blog/news-insights/octoverse/octoverse-2024/
Interactive 3D with Three.js BatchedMesh and WebGPURenderer
An exploration of Three.js BatchedMesh for efficiently rendering numerous meshes, along with a demonstration of the new post-processing pipeline using Three Shading Language (TSL).
https://tympanus.net/codrops/2024/10/30/interactive-3d-with-three-js-batchedmesh-and-webgpurenderer/
An exploration of Three.js BatchedMesh for efficiently rendering numerous meshes, along with a demonstration of the new post-processing pipeline using Three Shading Language (TSL).
https://tympanus.net/codrops/2024/10/30/interactive-3d-with-three-js-batchedmesh-and-webgpurenderer/
Should masonry be part of CSS grid?
An exploration of examples showing masonry as both a part of CSS Grid and as its own display type.
https://ishadeed.com/article/css-grid-masonry/
An exploration of examples showing masonry as both a part of CSS Grid and as its own display type.
https://ishadeed.com/article/css-grid-masonry/
The <details> and <summary> elements are getting an upgrade
It's going to be easier to style the '' and '' elements
https://blog.stephaniestimac.com/posts/2024/10/html-details-and-summary-update/
It's going to be easier to style the '' and '' elements
https://blog.stephaniestimac.com/posts/2024/10/html-details-and-summary-update/
❤1👏1
How to Code a Subtle Shader Background Effect with React Three Fiber
Learn how to create an interactive shader background effect using React Three Fiber and Drei in four simple steps.
https://tympanus.net/codrops/2024/10/31/how-to-code-a-subtle-shader-background-effect-with-react-three-fiber/
Learn how to create an interactive shader background effect using React Three Fiber and Drei in four simple steps.
https://tympanus.net/codrops/2024/10/31/how-to-code-a-subtle-shader-background-effect-with-react-three-fiber/
❤1
Pure CSS simple parallax on scroll (responsive, accessible)
https://codepen.io/thebabydino/pen/abgOxaW?editors=1100
https://codepen.io/thebabydino/pen/abgOxaW?editors=1100
codepen.io
Pure CSS simple parallax on scroll (responsive, accessible)
A pure CSS version using scroll-driven and scroll-triggered animations. You can see all my other demos using pure CSS scroll tricks [under this tag](ht...
The most effective ways to improve Core Web Vitals
A collection of best practices that Chrome has identified as the biggest opportunities to optimize web performance and improve Core Web Vitals
https://web.dev/articles/top-cwv
A collection of best practices that Chrome has identified as the biggest opportunities to optimize web performance and improve Core Web Vitals
https://web.dev/articles/top-cwv
How we shrunk our Javascript monorepo git size by 94%
We really did this! We work in a very large Javascript monorepo at Microsoft we colloquially call 1JS. Using some new changes to the git client it went from 178GB to 5GB.
https://www.jonathancreamer.com/how-we-shrunk-our-git-repo-size-by-94-percent/
We really did this! We work in a very large Javascript monorepo at Microsoft we colloquially call 1JS. Using some new changes to the git client it went from 178GB to 5GB.
https://www.jonathancreamer.com/how-we-shrunk-our-git-repo-size-by-94-percent/
11 HTML best practices for login & sign-up forms
Even popular sites fail to implement the 11 best practices mentioned in this article, and thus have at least one mistake. Use this checklist on your next pull request review that deals with any form.
https://evilmartians.com/chronicles/html-best-practices-for-login-and-signup-forms
Even popular sites fail to implement the 11 best practices mentioned in this article, and thus have at least one mistake. Use this checklist on your next pull request review that deals with any form.
https://evilmartians.com/chronicles/html-best-practices-for-login-and-signup-forms
❤1