Optimizing video backgrounds in CSS and JavaScript
https://blog.logrocket.com/optimizing-video-backgrounds-css-javascript/
#javascript #css #video
https://blog.logrocket.com/optimizing-video-backgrounds-css-javascript/
#javascript #css #video
LogRocket Blog
Optimizing video backgrounds in CSS and JavaScript - LogRocket Blog
In this article, you’ll learn how to add a video as the background of a website and how to make it responsive and interactive.
15 Game-Changing Tools in the Vue 3 Ecosystem
https://ejiro.hashnode.dev/15-game-changing-tools-in-vue-3-ecosystem
#vue
https://ejiro.hashnode.dev/15-game-changing-tools-in-vue-3-ecosystem
#vue
Next.js 12.3 Features Walkthrough and Demo
https://www.youtube.com/watch?v=3UD7Y02AcN4
#react #nextjs
https://www.youtube.com/watch?v=3UD7Y02AcN4
#react #nextjs
YouTube
Next.js 12.3 Overview: Improved Fast Refresh, TypeScript Auto-Install, and more.
Next.js 12.3 introduces several improvements to your React development workflow, including hot reloading environment and configuration files, and automatic installation of TypeScript dependencies when renaming a file to `.ts`.
This hour-long session will…
This hour-long session will…
Example of using strict mode JavaScript from Web Dev Simplified
https://www.youtube.com/watch?v=G9QTBS2x8U4
#webdevsimplified #strictmode
https://www.youtube.com/watch?v=G9QTBS2x8U4
#webdevsimplified #strictmode
YouTube
JavaScript Was So Bad They Had To Add A Second Mode To Fix It
JavaScript used to be the wild west when it came to hidden errors. So many unintuitive mistakes/errors were hidden which is why JavaScript introduced strict mode to clean up those weird interactions. Strict mode adds a bunch of different rules mostly around…
Adding data to an Array element
https://www.freecodecamp.org/news/javascript-add-to-an-array-js-append/
---
Get month or month data from a Date
https://javascript.plainenglish.io/javascript-date-subtract-months-8709e9e9e079
#date #array #month
https://www.freecodecamp.org/news/javascript-add-to-an-array-js-append/
---
Get month or month data from a Date
https://javascript.plainenglish.io/javascript-date-subtract-months-8709e9e9e079
#date #array #month
freeCodeCamp.org
JavaScript Add to an Array – JS Append
You can use arrays in JavaScript to store a group of variables, often referred to as elements or items of the array. Each of these elements will have an index number assigned to them starting from zero. By default, you can use the index of an element in…
Storing State in the URL with URLSearchParams
https://blog.johnnyreilly.com/2022/09/20/react-usesearchparamsstate/
#react
https://blog.johnnyreilly.com/2022/09/20/react-usesearchparamsstate/
#react
A long tutorial from Freecodecamp on introducing Svelte JS
https://www.freecodecamp.org/news/learn-svelte-complete-course/
#svelte #freecodecamp
https://www.freecodecamp.org/news/learn-svelte-complete-course/
#svelte #freecodecamp
freeCodeCamp.org
Learn Svelte in 23 Hours
Svelte is a front-end JavaScript framework for making interactive webpages. Svelte has grown in popularity quite a bit over the last few years. We just published a free 23-hour course on the freeCodeCamp.org YouTube channel that will teach you how to...
Implementing Accessibility as a Developer: Keyboards and Screen Readers
https://blog.openreplay.com/implementing-accessibility-as-a-developer/
#accessibility #developer
https://blog.openreplay.com/implementing-accessibility-as-a-developer/
#accessibility #developer
Openreplay
Implementing Accessibility as a Developer: Keyboards and Screen Readers
How to consider screen readers and keyboards when developing web pages
Animating Tiny Triangles with Three.js
https://tympanus.net/codrops/2022/10/05/animating-tiny-triangles-with-three-js/
#threejs #framework
https://tympanus.net/codrops/2022/10/05/animating-tiny-triangles-with-three-js/
#threejs #framework
Codrops
Animating Tiny Triangles with Three.js | Codrops
A video coding session where you’ll learn how to animate tiny triangles to create a whirlwind-like dissolving effect in Three.js.
Javascript Weekly
• News Intl Explorer: A Way to Learn and Experiment with the ECMAScript Internationalization API
• News Creating Your Own JavaScript Runtime with V8
• News Event Driven Node.js Hackathon: +$3k in Prize Value
• News Node v18.11.0 (Current) Released; Gains 'Watch Mode'
• News Lerna Reborn: What’s New in Version 6?
• News The Future of Rendering in React
• News Choosing the Best Node.js Docker Image
• News Why We Use Babylon.js Instead of Three.js in 2022
• News Breakpoints and console.log Is the Past, Time Travel Is the Future
• News How I Created a GameBoy-Style Game in 13KB
• News Full Stack for Front-End Developers: Build Your First AWS Amplify and React App
• News How to Build SVG Line Charts with React, SSR and Tailwind CSS
• News Javet 2.0.0: Embed Node and V8 in Java Apps
• News Knip: Find Unused Files, Dependencies and Exports in TypeScript Projects
• News Don’t Let Your Issue Tracker Be a Four-Letter Word. Use Shortcut
• News Editly 0.14.0: Declarative Command Line Video Editing
• News Sortable: Create and Reorder Lists with Drag-and-Drop
• News React Table Library: The 'Almost Headless' Table Library
• News Offline Support for React Native Is Here! Try V5 of Stream's Chat SDK
• News melonJS 14.0: A Lightweight 2D Game Engine
• News React Modern Audio Player: An Audio Player with Waveform Visualization
• News Betafish: A Chess Engine and AI Move Finder
Tags: #Javascriptweekly #Javascript #JS #weekly
• News Intl Explorer: A Way to Learn and Experiment with the ECMAScript Internationalization API
• News Creating Your Own JavaScript Runtime with V8
• News Event Driven Node.js Hackathon: +$3k in Prize Value
• News Node v18.11.0 (Current) Released; Gains 'Watch Mode'
• News Lerna Reborn: What’s New in Version 6?
• News The Future of Rendering in React
• News Choosing the Best Node.js Docker Image
• News Why We Use Babylon.js Instead of Three.js in 2022
• News Breakpoints and console.log Is the Past, Time Travel Is the Future
• News How I Created a GameBoy-Style Game in 13KB
• News Full Stack for Front-End Developers: Build Your First AWS Amplify and React App
• News How to Build SVG Line Charts with React, SSR and Tailwind CSS
• News Javet 2.0.0: Embed Node and V8 in Java Apps
• News Knip: Find Unused Files, Dependencies and Exports in TypeScript Projects
• News Don’t Let Your Issue Tracker Be a Four-Letter Word. Use Shortcut
• News Editly 0.14.0: Declarative Command Line Video Editing
• News Sortable: Create and Reorder Lists with Drag-and-Drop
• News React Table Library: The 'Almost Headless' Table Library
• News Offline Support for React Native Is Here! Try V5 of Stream's Chat SDK
• News melonJS 14.0: A Lightweight 2D Game Engine
• News React Modern Audio Player: An Audio Player with Waveform Visualization
• News Betafish: A Chess Engine and AI Move Finder
Tags: #Javascriptweekly #Javascript #JS #weekly
Create a clipboard copy paste function with JavaScript
https://www.freecodecamp.org/news/copy-text-to-clipboard-javascript/
---
Difference between find and filter JavaScript Array manipulation functions
https://www.freecodecamp.org/news/find-vs-filter-javascript/
---
#copy #filter #find
https://www.freecodecamp.org/news/copy-text-to-clipboard-javascript/
---
Difference between find and filter JavaScript Array manipulation functions
https://www.freecodecamp.org/news/find-vs-filter-javascript/
---
#copy #filter #find
freeCodeCamp.org
How to Copy Text to the Clipboard with JavaScript
When you're building advanced web pages and applications, you'll sometimes want to add the copy feature. This lets your users simply click a button or icon to copy text rather than highlighting the text and clicking a couple of buttons on the keyboar...
Worker thread implementation with Worker pool on Node JS
https://javascript.plainenglish.io/multitasking-in-node-js-using-worker-pool-201ac6dfd0f4
#nodejs #workerthread #pool
https://javascript.plainenglish.io/multitasking-in-node-js-using-worker-pool-201ac6dfd0f4
#nodejs #workerthread #pool
Medium
Multitasking in Node.js Using Worker Pool
Here’s how the Worker Pool library manages workers.
A long introductory TypeScript tutorial for beginners
https://www.freecodecamp.org/news/learn-typescript-beginners-guide/
#typescript #freecodecamp
https://www.freecodecamp.org/news/learn-typescript-beginners-guide/
#typescript #freecodecamp
freeCodeCamp.org
Learn TypeScript – The Ultimate Beginners Guide
TypeScript has become increasingly popular over the last few years, and many jobs are now requiring developers to know TypeScript. But don't be alarmed – if you already know JavaScript, you will be able to pick up TypeScript quickly. Even if you do...
Tips for beginners in using React JS from Web Dev Simplified
https://www.youtube.com/watch?v=E1cklb4aeXA
—-
Long practice from Traversy Media building a Shopping Cart app with React JS and Stripe
https://www.youtube.com/watch?v=_8M-YVY76O8
——
Using React Context with TypeScript from the Weibenfalk channel
https://www.youtube.com/watch?v=nTQ-PfUqDvM
#react #webdevsimplified #traversymedia #weibenfalk #shoppingCart
https://www.youtube.com/watch?v=E1cklb4aeXA
—-
Long practice from Traversy Media building a Shopping Cart app with React JS and Stripe
https://www.youtube.com/watch?v=_8M-YVY76O8
——
Using React Context with TypeScript from the Weibenfalk channel
https://www.youtube.com/watch?v=nTQ-PfUqDvM
#react #webdevsimplified #traversymedia #weibenfalk #shoppingCart
YouTube
Most Beginner React Developers Do This Wrong
FREE React Hooks Simplified Course: https://courses.webdevsimplified.com/react-hooks-simplified
Filtering is one of the most common things you will do as a developer, but it is something most developers do wrong in React. In this video I want to showcase…
Filtering is one of the most common things you will do as a developer, but it is something most developers do wrong in React. In this video I want to showcase…
Reference some icon css framework that can be used in Vue JS
https://www.youtube.com/watch?v=a6XI8XAuORM
#learnvue #vuejs #icon
https://www.youtube.com/watch?v=a6XI8XAuORM
#learnvue #vuejs #icon
YouTube
The Icon Framework You Should Be Using
RESOURCES
Iconify - https://iconify.design/
Icones - https://icones.js.org/
Unplugin-icon - https://github.com/antfu/unplugin-icons
Nuxt Icon - https://github.com/nuxt-modules/icon
UnoCSS - https://uno.antfu.me/
Astro Icon - https://github.com/natemoo-re/astro…
Iconify - https://iconify.design/
Icones - https://icones.js.org/
Unplugin-icon - https://github.com/antfu/unplugin-icons
Nuxt Icon - https://github.com/nuxt-modules/icon
UnoCSS - https://uno.antfu.me/
Astro Icon - https://github.com/natemoo-re/astro…
Several WYSIWYG editor libraries for use as front end elements
https://itsfoss.com/open-source-wysiwyg-editors/
#editor #wysiwg
https://itsfoss.com/open-source-wysiwyg-editors/
#editor #wysiwg
It's FOSS
15 Best Open Source WYSIWYG HTML Editors
Several open-source WYSIWYG HTML editors. What's your best option? Here, let me help you with it.
Composition API - Registration Form Validation
https://softauthor.com/vue-js-3-composition-api-reusable-scalable-form-validation/
#vue
https://softauthor.com/vue-js-3-composition-api-reusable-scalable-form-validation/
#vue
SoftAuthor
Vue JS 3 Composition API → Registration Form Validation [2023]
Learn how to create reusable and scalable form validation for Signup and login pages in Vue JS 3 Using Composition API