FrontEnd Development
30.6K subscribers
145 photos
1 video
9.12K links
Полезные ссылки иHTML, CSS, JavaScript, TypeScript, Angular, React, Vue, Node.js, Mobile and more.

Admin: @andrey2019
Download Telegram
Solved by CSS Scroll-Driven Animations: hide a header when scrolling down, show it again when scrolling up.

Bramus Van Damme explains how to create a CSS-only sticky header that hides and shows depending on the scroll direction, based on a demo by Fabrizio Calderan. - https://www.bram.us/2024/09/29/solved-by-css-scroll-driven-animations-hide-a-header-when-scrolling-up-show-it-again-when-scrolling-down

#css
👍3
How to Conditionally Run Code Only on the Server or Only on the Client in a Nuxt App

Discover how Nuxt improves performance and SEO with its server-side and client-side rendering capabilities. Learn best practices for managing code execution to avoid hydration mismatches and ensure efficient rendering in your applications. - https://masteringnuxt.com/blog/how-to-conditionally-run-code-only-on-the-server-or-only-on-the-client-in-a-nuxt-app

#vue
👍2
Best Testing Practices in Node.js

A quick-fire list of 15 worthwhile testing practices to use in order to write efficient, effective, and easy-to-maintain tests. - https://blog.appsignal.com/2024/10/16/best-testing-practices-in-nodejs.html

#nodejs
👍2
Recharts 2.13: Chart Library Built with React and D3

Easy to deploy with declarative components, and native SVG support. Line, bar, scatter, composed, pie, and radar charts are offered. There are lots of examples, complete with code. - https://recharts.org/en-US/

#react
👍2
Implementing Facial Recognition Authentication in Vue.js with FACEIO

This article will guide you through integrating FACEIO, a powerful facial recognition API, into your Vue.js application. - https://dev.to/vyan/implementing-facial-recognition-authentication-in-vuejs-with-faceio-664

#vue
👍2
Chakra UI v3: The Comprehensive React Component Suite

Chakra is a popular suite of accessible, reusable, and composable React components and v3 is essentially a complete rewrite to modern standards. - https://www.chakra-ui.com/blog/00-announcing-v3

#react
👍3
Electron 33.0: The Cross-Platform Desktop App Framework

Electron drops a major release each two months. This one lands no major new features but jumps from Chromium 128 to 130, as well as V8 13.0, and Node 20.18.0. - https://www.electronjs.org/blog/electron-33-0

#nodejs
👍2
CSS Anchor Positioning Guide

Juan Diego Rodríguez created an in-depth guide on CSS Anchor Positioning, including its syntax and properties, positioning one element next to another, and even resizing elements relative to other elements. - https://css-tricks.com/css-anchor-positioning-guide

#css
👍3