Kevin Powell - Incredible scroll-based animations with CSS-only
https://www.youtube.com/watch?v=UmzFk68Bwdk
#css #kevinpowell
https://www.youtube.com/watch?v=UmzFk68Bwdk
#css #kevinpowell
YouTube
Incredible scroll-based animations with CSS-only
Been playing with them a little bit up until now, and it's finally time time for a deep dive into scroll-timeline and the scroll() and view() value functions.
In this one I look at a few different effects, like a scroll watcher, fading in images as they…
In this one I look at a few different effects, like a scroll watcher, fading in images as they…
Dcode - How to Easily Add Smooth Scrolling to Your Website — JavaScript Tutorial
https://www.youtube.com/watch?v=vCBl_bJUCKE
—-
The Button that every Front-End developer should use, the written once-and-forgotten code!!!
https://medium.com/@Youssef_Hefnawy/the-button-that-every-front-end-developer-should-use-the-written-once-and-forgotten-code-026d7545bd33
#scrolling #smooth #dcode
https://www.youtube.com/watch?v=vCBl_bJUCKE
—-
The Button that every Front-End developer should use, the written once-and-forgotten code!!!
https://medium.com/@Youssef_Hefnawy/the-button-that-every-front-end-developer-should-use-the-written-once-and-forgotten-code-026d7545bd33
#scrolling #smooth #dcode
YouTube
Want Smooth Scrolling? You Can Have It
It's easy to add smooth scrolling to your existing website using JavaScript. This can be done by using a range of methods - covered in this video include scrolling an element into view, a specific position on the page or relative to the current position.…
Web Accessibility Best Practices – How to Ensure Everyone Can Use Your Website
https://www.freecodecamp.org/news/web-accessibility-best-practices/
#a11y #accessibility
https://www.freecodecamp.org/news/web-accessibility-best-practices/
#a11y #accessibility
freeCodeCamp.org
Web Accessibility Best Practices – How to Ensure Everyone Can Use Your Website
In the dynamic world of web development, creating websites that are accessible to all users, including those with disabilities, is not just a best practice – it's a necessity. Web accessibility ensures that everyone, regardless of their abilities, c...
Building a desktop app with JavaScript
https://dev.to/opensourcee/building-a-desktop-app-with-javascript-4lge
---
Master the JavaScript Event Propagation
https://javascript.plainenglish.io/master-the-javascript-event-propagation-7080736cda6f
---
Learn JavaScript by Building 21 Projects – a Major freeCodeCamp Curriculum Upgrade
https://www.freecodecamp.org/news/learn-javascript-with-new-data-structures-and-algorithms-certification-projects/
---
Design Systems with Web Components
https://dev.to/codingcatdev/design-systems-with-web-components-cog
#desktop #freecodecamp #event #propagation #webComponents
https://dev.to/opensourcee/building-a-desktop-app-with-javascript-4lge
---
Master the JavaScript Event Propagation
https://javascript.plainenglish.io/master-the-javascript-event-propagation-7080736cda6f
---
Learn JavaScript by Building 21 Projects – a Major freeCodeCamp Curriculum Upgrade
https://www.freecodecamp.org/news/learn-javascript-with-new-data-structures-and-algorithms-certification-projects/
---
Design Systems with Web Components
https://dev.to/codingcatdev/design-systems-with-web-components-cog
#desktop #freecodecamp #event #propagation #webComponents
DEV Community
Building a desktop app with JavaScript
GitHub Repo: https://github.com/webcrumbs-community/webcrumbs Ever wondered how Visual Studio Code,...
5 GitHub Repos To Make You a Better for Learning Developer.
https://dev.to/durgesh4993/5-github-repos-to-make-you-a-better-for-learning-developer-n1m
#github #repository
https://dev.to/durgesh4993/5-github-repos-to-make-you-a-better-for-learning-developer-n1m
#github #repository
DEV Community
5 GitHub Repos To Make You a Better for Learning Developer.
This post will cover 5 GitHub Repositories that will help you to become a better for Learning...
Migration of a Dynamic Website to a Static Website
https://dev.to/florianrappl/migration-of-a-dynamic-website-to-a-static-website-iaj
#ssg #static
https://dev.to/florianrappl/migration-of-a-dynamic-website-to-a-static-website-iaj
#ssg #static
DEV Community
Migration of a Dynamic Website to a Static Website
Photo by Sai Abhinivesh Burla on Unsplash In the previous two articles (Migration from Classic...
How Promises Work in JavaScript – A Comprehensive Beginner's Guide
https://www.freecodecamp.org/news/guide-to-javascript-promises/
---
Simplifying API Testing in Node.js using MSW
https://dev.to/farhan-nazir/simplifying-api-testing-in-nodejs-using-msw-4en9
---
How to Loop Through Arrays in JavaScript
https://www.freecodecamp.org/news/loop-through-arrays-javascript/
---
#testing #array #promises
https://www.freecodecamp.org/news/guide-to-javascript-promises/
---
Simplifying API Testing in Node.js using MSW
https://dev.to/farhan-nazir/simplifying-api-testing-in-nodejs-using-msw-4en9
---
How to Loop Through Arrays in JavaScript
https://www.freecodecamp.org/news/loop-through-arrays-javascript/
---
#testing #array #promises
freeCodeCamp.org
How Promises Work in JavaScript – A Comprehensive Beginner's Guide
By Amazing Enyichi Agu JavaScript has the ability to carry out asynchronous (or async) instructions. These instructions run in the background until they have finished processing. Asynchronous instructions do not stop the JavaScript engine from activ...
Dcode - What Exactly Are Nodes In The JavaScript DOM?
https://www.youtube.com/watch?v=PvIr26Ld9Rk
—-
Dcode - How to Create Expandable Sections with HTML, CSS & JavaScript
https://www.youtube.com/watch?v=9nJxybp7CEc
—-
21 Mind-Blowing JavaScript Hacks You Didn’t Know Existed!
https://medium.com/@adarshrai3011/21-mind-blowing-javascript-hacks-you-didnt-know-existed-b136ec6afd68
—-
#dcode #nodes #section #tips
https://www.youtube.com/watch?v=PvIr26Ld9Rk
—-
Dcode - How to Create Expandable Sections with HTML, CSS & JavaScript
https://www.youtube.com/watch?v=9nJxybp7CEc
—-
21 Mind-Blowing JavaScript Hacks You Didn’t Know Existed!
https://medium.com/@adarshrai3011/21-mind-blowing-javascript-hacks-you-didnt-know-existed-b136ec6afd68
—-
#dcode #nodes #section #tips
YouTube
What Exactly Are Nodes In The JavaScript DOM?
If you've written code that interacts with the JavaScript DOM before, you've probably encountered the concept of a "node". Typically, the term nodes and elements are interchanged and some methods/properties allow both. In this video, I aim to clear up any…
Docker Extensions to Help You Improve Your Workflow
https://www.freecodecamp.org/news/docker-extensions-to-improve-workflow/
#docker #extension
https://www.freecodecamp.org/news/docker-extensions-to-improve-workflow/
#docker #extension
freeCodeCamp.org
Docker Extensions to Help You Improve Your Workflow
Docker is becoming increasingly popular, and many organizations have started incorporating it into their development lifecycle. Because of this, it's an important tool to learn and can help you automate many of your tasks and workflows. If you are ...
Forwarded from It's FOSS
Never lose track of your copied texts with these clipboard managers for Linux!
https://itsfoss.com/linux-clipboard-managers/
https://itsfoss.com/linux-clipboard-managers/
It's FOSS
Ctrl+C Ctrl+V Made Better With These Clipboard Managers
Save yourself time and frustration with a clipboard manager and never lose track of your copy-pasting.
19 GitHub Repositories Every Developer Should Bookmark 📚👍
https://blog.stackademic.com/19-github-repositories-every-developer-should-bookmark-5e7c5cc24c34
—-
A Curated Compilation: 100+ GitHub Repositories Featuring Awesome Lists
https://javascript.plainenglish.io/a-curated-compilation-100-github-repositories-featuring-awesome-lists-5fe6a235dd79
—-
#github
https://blog.stackademic.com/19-github-repositories-every-developer-should-bookmark-5e7c5cc24c34
—-
A Curated Compilation: 100+ GitHub Repositories Featuring Awesome Lists
https://javascript.plainenglish.io/a-curated-compilation-100-github-repositories-featuring-awesome-lists-5fe6a235dd79
—-
#github
Medium
19 GitHub Repositories Every Developer Should Bookmark 📚👍
In today’s dynamic world of software development, staying up-to-date with the latest tools, libraries, and frameworks is crucial for developers. GitHub offers a treasure trove of valuable…
Fixing Fetch Waterfalls in React
https://dev.to/nikolovlazar/fixing-fetch-waterfalls-in-react-58g5
---
Learn React by Building a Mortgage Calculator
https://www.freecodecamp.org/news/react-mortgage-calculator-tutorial-for-beginners/
---
Diving into Server Actions in Next.js 14
https://blog.logrocket.com/diving-into-server-actions-next-js-14/
---
How to test React Hooks
https://blog.logrocket.com/test-react-hooks/
---
#react #nextjs #fetch #waterfall
https://dev.to/nikolovlazar/fixing-fetch-waterfalls-in-react-58g5
---
Learn React by Building a Mortgage Calculator
https://www.freecodecamp.org/news/react-mortgage-calculator-tutorial-for-beginners/
---
Diving into Server Actions in Next.js 14
https://blog.logrocket.com/diving-into-server-actions-next-js-14/
---
How to test React Hooks
https://blog.logrocket.com/test-react-hooks/
---
#react #nextjs #fetch #waterfall
DEV Community
Fixing Fetch Waterfalls in React
Have you seen this problem? Or maybe this one? You’ve most likely seen this: export const...
Comparing Desktop Application Development Frameworks: Electron, Flutter, Tauri, React Native, and Qt
https://medium.com/@maxel333/comparing-desktop-application-development-frameworks-electron-flutter-tauri-react-native-and-fd2712765377
—-
Tauri vs. Electron: A New Dawn in Desktop App Development
https://medium.com/@DhruvK_Sethi/tauri-vs-electron-a-new-dawn-in-desktop-app-development-16f13372b8fc
—-
#tauri #electron #desktop
https://medium.com/@maxel333/comparing-desktop-application-development-frameworks-electron-flutter-tauri-react-native-and-fd2712765377
—-
Tauri vs. Electron: A New Dawn in Desktop App Development
https://medium.com/@DhruvK_Sethi/tauri-vs-electron-a-new-dawn-in-desktop-app-development-16f13372b8fc
—-
#tauri #electron #desktop
Medium
Comparing Desktop Application Development Frameworks: Electron, Flutter, Tauri, React Native, and…
In today’s rapidly evolving software landscape, the demand for cross-platform desktop applications is on the rise. Developers are faced…
Basic Git Commands – How to Use Git in a Real Project
https://www.freecodecamp.org/news/how-to-use-basic-git-and-github-commands/
---
#git #command
https://www.freecodecamp.org/news/how-to-use-basic-git-and-github-commands/
---
#git #command
freeCodeCamp.org
Basic Git Commands – How to Use Git in a Real Project
In my previous tutorial we talked about what version control is, how Git and GitHub work, and how to setup an account with GitHub. Today we will be looking at how to use some basic Git commands in a real project. I created a simple project that we'll...
How TypeScript Helps You Write Better Code
https://www.freecodecamp.org/news/benefits-of-typescript/
#typescript #code
https://www.freecodecamp.org/news/benefits-of-typescript/
#typescript #code
freeCodeCamp.org
How TypeScript Helps You Write Better Code
TypeScript is taking over the web. In this article I'll give you a high-level overview of the benefits of TypeScript and how can it help you create websites with fewer bugs. You'll learn how TypeScript helps with handling edge cases, catching typos,...
How to Work with Files in Node.js
https://www.freecodecamp.org/news/how-to-work-with-files-in-node-js/
#nodejs #files
https://www.freecodecamp.org/news/how-to-work-with-files-in-node-js/
#nodejs #files
freeCodeCamp.org
How to Work with Files in Node.js
By Oluwatise Okuwobi JavaScript is a popular programming language among web developers. But when it was first released, only front end developers enjoyed all of the fun it had to offer, since you couldn't run JavaScript outside the browser. But then ...
Kevin Powell - Responsive layout practice for beginners
https://www.youtube.com/watch?v=JFbxl_VmIx0
#css #kevinpowell #responsive
https://www.youtube.com/watch?v=JFbxl_VmIx0
#css #kevinpowell #responsive
YouTube
Responsive layout practice for beginners
The project I’m working on in this video 👉https://www.frontendmentor.io/challenges/four-card-feature-section-weK1eFYK
🔗 Links
✅ Frontend Mentor Project from this video: https://www.frontendmentor.io/challenges/four-card-feature-section-weK1eFYK
✅ VS Code…
🔗 Links
✅ Frontend Mentor Project from this video: https://www.frontendmentor.io/challenges/four-card-feature-section-weK1eFYK
✅ VS Code…