Level Up Your CSS Skills With The :has() Selector
Stephanie Eckles reviews how to combine :has() with other CSS selectors. - https://www.smashingmagazine.com/2023/01/level-up-css-skills-has-selector
#css
Stephanie Eckles reviews how to combine :has() with other CSS selectors. - https://www.smashingmagazine.com/2023/01/level-up-css-skills-has-selector
#css
Smashing Magazine
Level Up Your CSS Skills With The :has() Selector — Smashing Magazine
The CSS relational selector :has() offers what was previously impossible without JavaScript. Let’s explore some magical powers that :has brings.
❤4👍2
Using Notion as a Headless CMS with Nuxt
Notion is a productivity and organization tool that can be used for a wide variety of tasks. In this tutorial article, follow to find out how to use Notion as a headless CMS with Nuxt 3. - https://dev.to/trentbrew/using-notion-as-a-headless-cms-with-nuxt-3mk
#vue
Notion is a productivity and organization tool that can be used for a wide variety of tasks. In this tutorial article, follow to find out how to use Notion as a headless CMS with Nuxt 3. - https://dev.to/trentbrew/using-notion-as-a-headless-cms-with-nuxt-3mk
#vue
DEV Community
Using Notion as a Headless CMS with Nuxt
Notion has become increasingly popular as a versatile tool for everything from taking notes to...
👍7
How To Communicate Effectively as a Developer
Karl Sutt offers some tactical and strategic tips for writing effectively as a software developer. - https://www.karlsutt.com/articles/communicating-effectively-as-a-developer
#css
Karl Sutt offers some tactical and strategic tips for writing effectively as a software developer. - https://www.karlsutt.com/articles/communicating-effectively-as-a-developer
#css
Karl Sutt
How to communicate effectively as a developer
Some tactical and strategic tips for writing effectively as a software developer.
👍6
Getting to Know the createComponent API in Angular
Angular v14.1 added a new function named createComponent. This function can cover the use-cases where the… - https://netbasal.com/getting-to-know-the-createcomponent-api-in-angular-22fb115f08e2
#angular
Angular v14.1 added a new function named createComponent. This function can cover the use-cases where the… - https://netbasal.com/getting-to-know-the-createcomponent-api-in-angular-22fb115f08e2
#angular
Medium
Getting to Know the createComponent API in Angular
Angular v14.1 added a new function named createComponent. This function can cover the use-cases where the ComponentFactory symbol was…
👍3🥰1
How to Build a Better React Map with Pigeon Maps and Mapbox
A dev consultancy wanted to have a map on their site of where their employees had given talks around the world. This is a complete walkthrough of the project from defining the requirements through to actually making it live - https://evilmartians.com/chronicles/how-to-build-a-better-react-map-with-pigeon-maps-and-mapbox
#react
A dev consultancy wanted to have a map on their site of where their employees had given talks around the world. This is a complete walkthrough of the project from defining the requirements through to actually making it live - https://evilmartians.com/chronicles/how-to-build-a-better-react-map-with-pigeon-maps-and-mapbox
#react
evilmartians.com
How to build a better React map with Pigeon Maps and Mapbox—Martian Chronicles, Evil Martians’ team blog
We needed a lightweight, essentially free solution for a customer map that would display our events in our React app. So we turned to Pigeon Maps and Mapbox, and here is how we made it.
👍10
Sibling Scopes in CSS, thanks to :has()
Bramus Van Damme shows how to leverage CSS :has() to select all siblings between two element boundaries. - https://www.bram.us/2023/01/12/sibling-scopes-in-css-thanks-to-has
#css
Bramus Van Damme shows how to leverage CSS :has() to select all siblings between two element boundaries. - https://www.bram.us/2023/01/12/sibling-scopes-in-css-thanks-to-has
#css
Bram.us
Sibling Scopes in CSS, thanks to :has() and ~
Leverage CSS :has() to select all siblings between two element boundaries.
👍12
Unlocking Security Updates for Transitive Dependencies with npm
Dependabot is a GitHub-based service that issues pull requests updating known vulnerable direct dependencies on projects. But what about transitive dependencies? If you’re using npm, that’s possible too (since September last year). This post digs more into how it works. - https://github.blog/2023-01-19-unlocking-security-updates-for-transitive-dependencies-with-npm/
#nodejs
Dependabot is a GitHub-based service that issues pull requests updating known vulnerable direct dependencies on projects. But what about transitive dependencies? If you’re using npm, that’s possible too (since September last year). This post digs more into how it works. - https://github.blog/2023-01-19-unlocking-security-updates-for-transitive-dependencies-with-npm/
#nodejs
The GitHub Blog
Unlocking security updates for transitive dependencies with npm
How Dependabot integrated with npm to address security vulnerabilities on transitive dependencies and increase the likelihood of success for JavaScript security updates by 40%.
👍5❤1
How to Deploy MEVN Stack on AWS EKS using HELM
In this step-by-step guide with an example project, checkout how to publish your Vue.js full-stack application with Express, Node, and MongoDB with AWS EKS - https://medium.com/bb-tutorials-and-thoughts/how-to-deploy-mevn-stack-on-aws-eks-using-helm-ab2ed065286f
#vue
In this step-by-step guide with an example project, checkout how to publish your Vue.js full-stack application with Express, Node, and MongoDB with AWS EKS - https://medium.com/bb-tutorials-and-thoughts/how-to-deploy-mevn-stack-on-aws-eks-using-helm-ab2ed065286f
#vue
Medium
How to Deploy MEVN Stack on AWS EKS using HELM
A step-by-step guide with an example project
👍5
Interactive SVG Reference
An interactive reference to the most popular and/or interesting parts of the SVG spec. - https://fffuel.co/sssvg
#svg
An interactive reference to the most popular and/or interesting parts of the SVG spec. - https://fffuel.co/sssvg
#svg
fffuel.co
SSSVG: An Interactive SVG Reference
A visual & interactive SVG reference. Quickly look up how to define SVG shapes, transforms, masks, patterns, gradients, text and more.
👍7
Best Practices in Handling Errors in Web Components - https://blog.bitsrc.io/best-practices-in-handling-errors-in-web-components-fb4fdb5eccb
#react
#react
Medium
Best Practices in Handling Errors in Web Components
Improve Resiliency When Designing & Developing Web Components. What Causes Errors? Best Practises in Error Handling. Try-Catch and Error Boundaries.
👍4
Angular: Reload/Refresh a Component or Entire Application & Reuse Logic Across…
An Angular tutorial on how to reload/refresh a single component or the entire application and reuse the logic… - https://javascript.plainenglish.io/angular-how-you-can-reload-refresh-a-single-component-or-the-entire-application-and-reuse-the-logic-c6e975a278c3
#angular
An Angular tutorial on how to reload/refresh a single component or the entire application and reuse the logic… - https://javascript.plainenglish.io/angular-how-you-can-reload-refresh-a-single-component-or-the-entire-application-and-reuse-the-logic-c6e975a278c3
#angular
Medium
Angular: Reload/Refresh a Component or Entire Application & Reuse Logic Across Multiple Components
An Angular tutorial on how to reload/refresh a single component or the entire application and reuse the logic across multiple components.
👍6
Six JavaScript Projects to Watch in 2023
A reasonable selection, focused on newer, more cutting edge, but also very promising projects - https://byteofdev.com/posts/javascript-projects-2022/
#javascript #projects
A reasonable selection, focused on newer, more cutting edge, but also very promising projects - https://byteofdev.com/posts/javascript-projects-2022/
#javascript #projects
ByteofDev
The 6 JavaScript Projects to watch in 2023
We look over some of the JavaScript projects to watch in 2023.
👍10🤔1
The 2022 JavaScript Rising Stars
For the seventh time, Michael Rambeau kicks off our year with a roundup of ‘trending projects’ in the JavaScript space. Bun takes the top spot for 2022, but we’ll leave the rest for you to check out. A few guest authors also share their opinions on the ecosystem. - https://risingstars.js.org/2022/en
#risingstarts
For the seventh time, Michael Rambeau kicks off our year with a roundup of ‘trending projects’ in the JavaScript space. Bun takes the top spot for 2022, but we’ll leave the rest for you to check out. A few guest authors also share their opinions on the ecosystem. - https://risingstars.js.org/2022/en
#risingstarts
risingstars.js.org
2022 JavaScript Rising Stars
A complete overview of the JavaScript landscape in 2022: trends about frontend, fullstack and Node.js frameworks, React and Vue.js ecosystems, build tools, state management...
👍9
Data-Oriented Architecture
There’s a little-known pattern in software architecture that deserves more attention. Data-Oriented… - https://eyassh.medium.com/data-oriented-architecture-18262d190885
#data #oriented #architecture
There’s a little-known pattern in software architecture that deserves more attention. Data-Oriented… - https://eyassh.medium.com/data-oriented-architecture-18262d190885
#data #oriented #architecture
Medium
Data-Oriented Architecture
There’s a little-known pattern in software architecture that deserves more attention. Data-Oriented Architecture was first described by…
👍5❤1
One Way to Make Your React Tests Easier to Write, Understand and Maintain - https://itnext.io/make-your-react-tests-easier-to-write-understand-and-maintain-9fa769381d62
#react
#react
Medium
Make Your React Tests Easier to Write, Understand and Maintain
Introduction
👍5
How to Destructure Props in Vue (Composition API)
How to correctly destructure props object in a Vue component while maintaining the reactivity. - https://dmitripavlutin.com/props-destructure-vue-composition/
#vue
How to correctly destructure props object in a Vue component while maintaining the reactivity. - https://dmitripavlutin.com/props-destructure-vue-composition/
#vue
Dmitri Pavlutin Blog
How to Destructure Props in Vue (Composition API)
How to correctly destructure props object in a Vue component while maintaining the reactivity.
👍5
How Node & SWC Can Make a Lightning Fast TypeScript Runtime
If the added compilation time for TypeScript has irritated you so far, Artem has found a way to get things as fast as possible. - https://featurist.co.uk/blog/running-typescript-in-node-with-near-zero-compilation-cost/
#nodejs
If the added compilation time for TypeScript has irritated you so far, Artem has found a way to get things as fast as possible. - https://featurist.co.uk/blog/running-typescript-in-node-with-near-zero-compilation-cost/
#nodejs
archive.featurist.co.uk
Node + SWC make a lightning fast typescript runtime
Typescript is great, but the compilation is slow. This post shows how to make it fast.
👍5
CSS color-mix()
Adam Argyle explains how you can mix colors in your stylesheets by using the color-mix() function. - https://developer.chrome.com/blog/css-color-mix
#css
Adam Argyle explains how you can mix colors in your stylesheets by using the color-mix() function. - https://developer.chrome.com/blog/css-color-mix
#css
Chrome for Developers
CSS color-mix() | Chrome for Developers
Mix colors, in any of the supported color spaces, right from your CSS.
👍5
10 principals in design system architecture - https://wklytech.medium.com/10-principals-in-design-system-architecture-753adce0203c
#architecture
#architecture
Medium
10 principals in design system architecture
1. Focus on the benefit instead of the technology
👍9
6 Angular Component's Best Practices
Best practice to consider when creating Angular component - https://levelup.gitconnected.com/6-angular-components-best-practice-40f83bf975b2
#angular
Best practice to consider when creating Angular component - https://levelup.gitconnected.com/6-angular-components-best-practice-40f83bf975b2
#angular
Medium
6 Angular Component's Best Practices
Best practice to consider when creating Angular component
👍4
Building a Blog with Next.js, AdminJS, and React
AdminJS is a popular open source administration panel/UI for Node. - https://medium.com/adminjs/building-a-blog-with-next-js-adminjs-and-react-a-simple-step-by-step-guide-8838f4e594a6
#nodejs
AdminJS is a popular open source administration panel/UI for Node. - https://medium.com/adminjs/building-a-blog-with-next-js-adminjs-and-react-a-simple-step-by-step-guide-8838f4e594a6
#nodejs
Medium
Building a blog with Next.js, AdminJS, and React: a simple step-by-step guide
Step-by-step guide to build your blog in NodeJS, AdminJS, React and Next.
👍7😁1