CSS Grid Areas
Ahmad Shadeed takes a fresh look at the CSS grid template areas and discusses how to maximize their potential today. - https://ishadeed.com/article/css-grid-area
#css
Ahmad Shadeed takes a fresh look at the CSS grid template areas and discusses how to maximize their potential today. - https://ishadeed.com/article/css-grid-area
#css
Ishadeed
CSS Grid Areas
A fresh look at the CSS grid template areas and how to take advantage of its full potential today.
👍6
Angular 19 Resource API with an example
Angular 19 introduces the Resource API, a reactive… - https://javascript.plainenglish.io/angular-19-resource-api-with-an-example-9210e3c7f9b0
#angular
Angular 19 introduces the Resource API, a reactive… - https://javascript.plainenglish.io/angular-19-resource-api-with-an-example-9210e3c7f9b0
#angular
Medium
Angular 19 Resource API with an example
Angular 19 introduces the Resource API, a reactive mechanism designed to streamline data fetching and management within Angular…
👍2
How to Implement a Payment Module in NestJS - https://medium.com/@yassinejedidi10/how-to-implement-a-payment-module-in-nestjs-ad402aa7f83d
#nodejs
#nodejs
Medium
How to Implement a Payment Module in NestJS
introduction
👍5
Svelte 5 is Alive
The long awaited next major release of Svelte, the compiler-driven JS UI framework, is the “most significant release in the project’s history”, while remaining largely backwards compatible. A big addition is runes for explicitly declaring reactive state, but there’s much more besides. The official svelte.dev site has also undergone a big rebuild to act as an ‘omnisite’ for all things Svelte. - https://svelte.dev/blog/svelte-5-is-alive
#svelte
The long awaited next major release of Svelte, the compiler-driven JS UI framework, is the “most significant release in the project’s history”, while remaining largely backwards compatible. A big addition is runes for explicitly declaring reactive state, but there’s much more besides. The official svelte.dev site has also undergone a big rebuild to act as an ‘omnisite’ for all things Svelte. - https://svelte.dev/blog/svelte-5-is-alive
#svelte
svelte.dev
Svelte 5 is alive
Our biggest release yet
👍4
LeetCode patterns you need to know before your next interview
When preparing for coding interviews, especially for… - https://grokkingtechinterview.com/leetcode-patterns-73b9a18e1635
#leetcode
When preparing for coding interviews, especially for… - https://grokkingtechinterview.com/leetcode-patterns-73b9a18e1635
#leetcode
Medium
LeetCode patterns you need to know before your next interview
When preparing for coding interviews, especially for top-tier companies like FAANG, many candidates turn to websites like LeetCode or…
👎3👍2❤1
Vue Plugin Hightlight - Radix Vue
Checkout Radix Vue, an open-source, accessibility-focused UI component library for Vue.js that ports the Radix UI primitives. - https://www.radix-vue.com/
#vue
Checkout Radix Vue, an open-source, accessibility-focused UI component library for Vue.js that ports the Radix UI primitives. - https://www.radix-vue.com/
#vue
Radix-Vue
Radix Vue
Unstyled, accessible components for building high‑quality design systems and web apps in Vue
👍6👏1
Next.js 15 Error Handling Best Practices - https://devanddeliver.com/blog/frontend/next-js-15-error-handling-best-practices-for-code-and-routes
#react
#react
Devanddeliver
Next.js 15: Error Handling best practices
Learn Error Handling in your Next.js 15 app. Discover how to handle errors in your code, manage server issues, and ensure smooth displays on routes
👍4
A Demo of Running TypeScript Directly in Node.js
“I have published the repository nodejs-type-stripping which demonstrates how to implement a package with a bin script that is written directly in TypeScript - https://2ality.com/2025/02/nodejs-type-stripping-demo.html
#nodejs
“I have published the repository nodejs-type-stripping which demonstrates how to implement a package with a bin script that is written directly in TypeScript - https://2ality.com/2025/02/nodejs-type-stripping-demo.html
#nodejs
👍2
Backgrounds for the Box Model
Chris Coyier explains that you can limit how far the background-image of an element applies by using background-clip. - https://frontendmasters.com/blog/backgrounds-for-the-box-model-and-why-it-can-be-useful
#css
Chris Coyier explains that you can limit how far the background-image of an element applies by using background-clip. - https://frontendmasters.com/blog/backgrounds-for-the-box-model-and-why-it-can-be-useful
#css
Frontend Masters
Backgrounds for the Box Model (and why it can be useful)
I had someone write to me the other day that they were trying to visualize the different parts of the box model. They said they would just code up an example themselves, but there is no way to, say, set a background color for just the “padding” area of an…
👍3
Reduce the size of your payload and __NUXT__ - Nuxt Performance in Depth
This video is part of a series on Nuxt performance and will focus on payload and __NUXT__ and how you can reduce it’s size within your Nuxt application - https://www.youtube.com/watch?v=laRJNkG_wls
#vue
This video is part of a series on Nuxt performance and will focus on payload and __NUXT__ and how you can reduce it’s size within your Nuxt application - https://www.youtube.com/watch?v=laRJNkG_wls
#vue
YouTube
Reduce the size of your payload and __NUXT__ - Nuxt Performance in Depth
👀 Performance is an evergreen topic! In my new series - "Nuxt Performance In Depth", we will have a deep look into various perf topics. For the first video of the series, we check out the `payload`, also sometimes referred to as __NUXT__ - and how to reduce…
👍5❤1
Use URL Slugs for your Angular SPA blog website
Transform your Angular SPA project to look like a… - https://levelup.gitconnected.com/use-url-slugs-for-your-angular-spa-blog-website-717c267d0548
#angular
Transform your Angular SPA project to look like a… - https://levelup.gitconnected.com/use-url-slugs-for-your-angular-spa-blog-website-717c267d0548
#angular
Medium
Use URL Slugs for your Angular SPA blog website
Transform your Angular SPA project to look like a genuine HTML page-based blog site.
👍2
Render Functions Explained
Render functions provide a low-level method of defining Vue components.
They allow you to work directly with the virtual DOM. - https://certificates.dev/blog/render-functions-explained-senior-vuejs-developer-exam
#vue
Render functions provide a low-level method of defining Vue components.
They allow you to work directly with the virtual DOM. - https://certificates.dev/blog/render-functions-explained-senior-vuejs-developer-exam
#vue
certificates.dev
Render Functions Explained - Senior Vue.js Developer Exam
Render functions provide a low-level method of defining Vue.js components. They allow you to work directly with the virtual DOM. In this article, learn how to wield them to your advantage.
👍5👏1
Center Items in First Row with CSS Grid
Ryan Mulligan explains how to stack grid items so that an odd number of items appears horizontally centered in the first row instead of the last. - https://ryanmulligan.dev/blog/grid-stacks
#css
Ryan Mulligan explains how to stack grid items so that an odd number of items appears horizontally centered in the first row instead of the last. - https://ryanmulligan.dev/blog/grid-stacks
#css
ryanmulligan.dev
Center Items in First Row with CSS Grid
Stacking grid items so that an odd number of items appears horizontally centered in the first row instead of the last.
👍4
Building a Simple Interactive CLI App with Node.js - https://www.robinwieruch.de/node-js-cli/
#nodejs
#nodejs
www.robinwieruch.de
Simple Interactive CLI App with Node.js
Learn how to build a simple interactive CLI app with Node.js and TypeScript. Create a chat interface that reads user input and responds interactively ...
👍4👎2
Angular’s Approach to Partial Hydration - https://thenewstack.io/angulars-approach-to-partial-hydration/
#angular
#angular
The New Stack
Angular’s Approach to Partial Hydration
There’s a lot of talk about partial hydration, but Angular found confusion over the term and little actual framework support for it.
👍2
TanStack Form v1.0: Headless, Type-Safe Form State Management
A type-safe, framework agnostic (though closely associated with React), headless and isomorphic way to create and work with forms, with this v1.0 release over two years in the making. If you already use things like Formik or React Hook Form and are wondering how it differs to those, here’s a comparison table. - https://tanstack.com/blog/announcing-tanstack-form-v1
#react
A type-safe, framework agnostic (though closely associated with React), headless and isomorphic way to create and work with forms, with this v1.0 release over two years in the making. If you already use things like Formik or React Hook Form and are wondering how it differs to those, here’s a comparison table. - https://tanstack.com/blog/announcing-tanstack-form-v1
#react
Tanstack
Announcing TanStack Form v1 | TanStack Blog
We're excited to announce the first stable version of is live and ready for usage in production! 🥳 We support five frameworks at launch: React, Vue, Angular, Solid, and Lit, as well as a myriad of fe...
👍2
7 Beautiful Next-Level Button Components with Vue, VueUse, and TailwindCSS
This article demonstrates 7 different button designs that are both practical and look great.
Learn how you can implement them with Vue, VueUse, TailwindCSS. - https://vueschool.io/articles/vuejs-tutorials/7-beautiful-next-level-button-components-with-vue-vueuse-and-tailwindcss
#vue
This article demonstrates 7 different button designs that are both practical and look great.
Learn how you can implement them with Vue, VueUse, TailwindCSS. - https://vueschool.io/articles/vuejs-tutorials/7-beautiful-next-level-button-components-with-vue-vueuse-and-tailwindcss
#vue
vueschool.io
7 Beautiful Next-Level Button Components with Vue, VueUse, and TailwindCSS - Vue School Articles
Combine Vue, VueUse, and TailwindCSS for some practical and beautiful buttons
❤4👍2
eslint-plugin-functional: Rules to Promote Functional Programming
This isn’t for me, but if you want to encourage (or even force) a lack of mutation and a use of FP techniques in your codebase, this could be for you. - https://github.com/eslint-functional/eslint-plugin-functional
#eslint
This isn’t for me, but if you want to encourage (or even force) a lack of mutation and a use of FP techniques in your codebase, this could be for you. - https://github.com/eslint-functional/eslint-plugin-functional
#eslint
GitHub
GitHub - eslint-functional/eslint-plugin-functional: ESLint rules to disable mutation and promote fp in JavaScript and TypeScript.
ESLint rules to disable mutation and promote fp in JavaScript and TypeScript. - eslint-functional/eslint-plugin-functional
👍4
Node.js Tracing for Better Visibility and Performance with N|Solid - https://nodesource.com/blog/tracing-nodejs
#nodejs
#nodejs
The NodeSource Blog - Node.js Tutorials, Guides, and Updates
Tracing of Node.js for Better Visibility and Performance with N|Solid
Tracing allows developers to analyze application performance by visualizing the relationships between different processes through spans and traces.
👍4