# web dev

**URL:** https://forum.kirupa.com/c/programming/web-dev/42.md?page=23

[Latest](https://forum.kirupa.com/latest.md) · [Categories](https://forum.kirupa.com/categories.md)

**Page:** 24

---

## [Help with my web application](https://forum.kirupa.com/t/help-with-my-web-application/669837)

<div class="topic-metadata">

**Author:** [@Towla](https://forum.kirupa.com/u/Towla)\
**Replies:** 1\
**Last updated:** [October 16, 2024, 12:00pm UTC](https://forum.kirupa.com/t/help-with-my-web-application/669837 "2024-10-16T12:00:27Z")

</div>

Week 5 Web INT304 Final Project. App.js code: // App.js import React from ‘react’; import { BrowserRouter as Router, Route, Link, Routes } from ‘react-router-dom’; import { Provider } from ‘react-redux’; import sto…

---

## [Seeking Advice on Learning JavaScript for Web Development](https://forum.kirupa.com/t/seeking-advice-on-learning-javascript-for-web-development/667919)

<div class="topic-metadata">

**Author:** [@NAVAA](https://forum.kirupa.com/u/NAVAA)\
**Replies:** 4\
**Last updated:** [August 28, 2024, 5:07pm UTC](https://forum.kirupa.com/t/seeking-advice-on-learning-javascript-for-web-development/667919 "2024-08-28T17:07:45Z")

</div>

I’m new to the Kirupa forums and relatively new to web development. I’ve been focusing on learning JavaScript, and I’m looking for some advice and guidance from the experienced members here. My Current Situation: HTML &…

---

## [Change SVG path color on hover](https://forum.kirupa.com/t/change-svg-path-color-on-hover/662363)

<div class="topic-metadata">

**Author:** [@Helena\_G](https://forum.kirupa.com/u/Helena_G)\
**Replies:** 6\
**Last updated:** [August 23, 2024, 8:36am UTC](https://forum.kirupa.com/t/change-svg-path-color-on-hover/662363 "2024-08-23T08:36:08Z")

</div>

Hi Kirupa members, Could you please help. Is it possible to change on hover this black color inside the icon with CSS ? I can change the black color inside the path. But it doesn’t work for hover effect. \<!DOCTYPE ht…

---

## [Blurry elements in HTML5](https://forum.kirupa.com/t/blurry-elements-in-html5/667997)

<div class="topic-metadata">

**Author:** [@AleCGames](https://forum.kirupa.com/u/AleCGames)\
**Replies:** 1\
**Last updated:** [July 5, 2024, 2:41am UTC](https://forum.kirupa.com/t/blurry-elements-in-html5/667997 "2024-07-05T02:41:00Z")

</div>

Hi there, I’m new to this forum. I create my games using Solar2D, but a disadvantage in HTML5 is that the images and text appear blurry. I’ve found some solutions online, but the main issue is that they all use a ‘2d’ c…

---

## [Bogosort - Sorting in the Slow Lane!](https://forum.kirupa.com/t/bogosort-sorting-in-the-slow-lane/667672)

<div class="topic-metadata">

**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Replies:** 0\
**Last updated:** [June 20, 2024, 12:23am UTC](https://forum.kirupa.com/t/bogosort-sorting-in-the-slow-lane/667672 "2024-06-20T00:23:49Z")

</div>

Hi everybody - this post will link to the two resources around Bogosort. The article was written earlier, but the video was created today - I figured this would be a good place as any to make a mention of them both …

---

## [convert Base64 to PDF file in Javascript](https://forum.kirupa.com/t/convert-base64-to-pdf-file-in-javascript/643722)

<div class="topic-metadata">

**Author:** [@Umair\_Ashraf](https://forum.kirupa.com/u/Umair_Ashraf)\
**Replies:** 5\
**Last updated:** [August 4, 2020, 2:28am UTC](https://forum.kirupa.com/t/convert-base64-to-pdf-file-in-javascript/643722 "2020-08-04T02:28:26Z")

</div>

i am struggling to display the PDF as attachment in ReactJS. i have managed to bring the base64 to the fornt end but after i try to create the blob object it doesnt work and although it goes to the Acrobate reader but sh…

---

## [JavaScript For Loop with Math.random Beginners](https://forum.kirupa.com/t/javascript-for-loop-with-math-random-beginners/646943)

<div class="topic-metadata">

**Author:** [@Helena\_G](https://forum.kirupa.com/u/Helena_G)\
**Replies:** 1\
**Last updated:** [March 30, 2021, 11:52pm UTC](https://forum.kirupa.com/t/javascript-for-loop-with-math-random-beginners/646943 "2021-03-30T23:52:50Z")

</div>

Hi everyone, This is the script created by me for learning purposes. I’ve succeed in displaying each cat from the table with the “for loop” and I decided to create something more advanced :slight\_smile: So, I’ve added …

---

## [Why Counting Sort (and Radix Sort) don't work with Negative Numbers!](https://forum.kirupa.com/t/why-counting-sort-and-radix-sort-dont-work-with-negative-numbers/667105)

<div class="topic-metadata">

**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Replies:** 4\
**Last updated:** [May 26, 2024, 1:05am UTC](https://forum.kirupa.com/t/why-counting-sort-and-radix-sort-dont-work-with-negative-numbers/667105 "2024-05-26T01:05:42Z")

</div>

In my Counting Sort tutorial, I mentioned that for counting sort to work, the numbers should be: Made up of positive numbers (0 and greater) The range between the smallest and the largest number needs to be fairly …

---

## [Diving Deep into Index Positions](https://forum.kirupa.com/t/diving-deep-into-index-positions/667075)

<div class="topic-metadata">

**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Replies:** 0\
**Last updated:** [May 24, 2024, 4:43am UTC](https://forum.kirupa.com/t/diving-deep-into-index-positions/667075 "2024-05-24T04:43:08Z")

</div>

My latest article that goes deeper into array index positions: Not quite sure what possessed me to write this, but I hope it helps someone out there learn something new :slight\_smile: Cheers, Kirupa

---

## [Help with my PHP website](https://forum.kirupa.com/t/help-with-my-php-website/641013)

<div class="topic-metadata">

**Author:** [@RhiannonNadeau](https://forum.kirupa.com/u/RhiannonNadeau)\
**Replies:** 8\
**Last updated:** [November 22, 2019, 6:41pm UTC](https://forum.kirupa.com/t/help-with-my-php-website/641013 "2019-11-22T18:41:25Z")

</div>

Hello everyone! I came across this forum and seems like you can help me here… Well, I’m not a developer myself… I have a store and now I think we came to a stage when we should have a website. They say that PHP is a go…

---

## [Animated 3D Starfield Effect!](https://forum.kirupa.com/t/animated-3d-starfield-effect/664844)

<div class="topic-metadata">

**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Replies:** 0\
**Last updated:** [February 8, 2024, 5:15am UTC](https://forum.kirupa.com/t/animated-3d-starfield-effect/664844 "2024-02-08T05:15:34Z")

</div>

My latest tutorial on how to create the animated 3D starfield effect is now up! Enjoy :slight\_smile:

---

## [YouTube and Viemo embeds](https://forum.kirupa.com/t/youtube-and-viemo-embeds/653288)

<div class="topic-metadata">

**Author:** [@travis](https://forum.kirupa.com/u/travis)\
**Replies:** 2\
**Last updated:** [September 8, 2022, 12:14pm UTC](https://forum.kirupa.com/t/youtube-and-viemo-embeds/653288 "2022-09-08T12:14:20Z")

</div>

In my project if I embed a video it shows up locally. However, it won’t appear if I switch to a new browser or an incognito window. This behaviour continues in production when I deploy the app to Vercel: nothing appears…

---

## [I need help with this tutorial](https://forum.kirupa.com/t/i-need-help-with-this-tutorial/664720)

<div class="topic-metadata">

**Author:** [@AstralisLLC](https://forum.kirupa.com/u/AstralisLLC)\
**Replies:** 1\
**Last updated:** [February 5, 2024, 7:01pm UTC](https://forum.kirupa.com/t/i-need-help-with-this-tutorial/664720 "2024-02-05T19:01:28Z")

</div>

let video = document.querySelector("videoElement") if(navigator.mediaDevices.getUserMedia) { navigator.mediaDevices.getUserMedia({ video: true }) .then(function (stream) { video.srcObject = strea…

---

## [help with Custom Mouse Cursor with Tracking](https://forum.kirupa.com/t/help-with-custom-mouse-cursor-with-tracking/658582)

<div class="topic-metadata">

**Author:** [@AmiiboAmigos](https://forum.kirupa.com/u/AmiiboAmigos)\
**Replies:** 12\
**Last updated:** [May 10, 2023, 8:31pm UTC](https://forum.kirupa.com/t/help-with-custom-mouse-cursor-with-tracking/658582 "2023-05-10T20:31:57Z")

</div>

I seem to be having issues in Dreamweaver. Is it me, or is this code not compatible somehow in Dreamweaver? :thinking: probably me most likely. \<!doctype html\> \<html\> \<head\> \<meta charset="utf-8"\> \<meta http-equiv="X…

---

## [Using the linear() timing function (with fallback for Safari/iOS)](https://forum.kirupa.com/t/using-the-linear-timing-function-with-fallback-for-safari-ios/661242)

<div class="topic-metadata">

**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Replies:** 1\
**Last updated:** [September 18, 2023, 1:19am UTC](https://forum.kirupa.com/t/using-the-linear-timing-function-with-fallback-for-safari-ios/661242 "2023-09-18T01:19:04Z")

</div>

Hi everyone! This is a companion post to my latest newsletter article where I explain how to use the linear() timing function with a fallback for browsers like Safari that don’t support it yet. Live example: The ful…

---

## [Position sticky not working on windows](https://forum.kirupa.com/t/position-sticky-not-working-on-windows/661894)

<div class="topic-metadata">

**Author:** [@travis](https://forum.kirupa.com/u/travis)\
**Replies:** 4\
**Last updated:** [October 25, 2023, 9:40pm UTC](https://forum.kirupa.com/t/position-sticky-not-working-on-windows/661894 "2023-10-25T21:40:23Z")

</div>

I have got a “position: sticky” element. It works on MacOS (tested on my machine in Chrome, Safari and Arc). However; I noticed it does not stick on the client’s machine. So I booted up LambdaTest and tried it with Chr…

---

## [Can I send data to a Node+Express backend without a true Database?](https://forum.kirupa.com/t/can-i-send-data-to-a-node-express-backend-without-a-true-database/661742)

<div class="topic-metadata">

**Author:** [@kdub1312](https://forum.kirupa.com/u/kdub1312)\
**Replies:** 5\
**Last updated:** [September 21, 2023, 1:17pm UTC](https://forum.kirupa.com/t/can-i-send-data-to-a-node-express-backend-without-a-true-database/661742 "2023-09-21T13:17:37Z")

</div>

Hello, I am building a small bedtime checklist app (to encourage my kids to just please, get ready for bed :smile: ) and I’ve reached a point that I need to send data to the backend so my Express script can determine wh…

---

## [Canvas - Best Way to Create Dynamic Graphics?](https://forum.kirupa.com/t/canvas-best-way-to-create-dynamic-graphics/661514)

<div class="topic-metadata">

**Author:** [@GeorgeLangley](https://forum.kirupa.com/u/GeorgeLangley)\
**Replies:** 4\
**Last updated:** [September 12, 2023, 1:26am UTC](https://forum.kirupa.com/t/canvas-best-way-to-create-dynamic-graphics/661514 "2023-09-12T01:26:04Z")

</div>

Hi all. Building a tool where the user can specify a width and height for a rectangle, then choose from a pre-set selection of square sizes to fill in that rectangle (adjusting rectangle to fit as needed). User can also …

---

## [Please Help About web design](https://forum.kirupa.com/t/please-help-about-web-design/649853)

<div class="topic-metadata">

**Author:** [@Infamaria101](https://forum.kirupa.com/u/Infamaria101)\
**Replies:** 16\
**Last updated:** [September 11, 2023, 1:28pm UTC](https://forum.kirupa.com/t/please-help-about-web-design/649853 "2023-09-11T13:28:20Z")

</div>

Hi, can some share with me a basic tutorial of web design/web development, I just want to learn.

---

## [Outwardly Emanating Circles](https://forum.kirupa.com/t/outwardly-emanating-circles/661455)

<div class="topic-metadata">

**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Replies:** 0\
**Last updated:** [September 6, 2023, 3:17am UTC](https://forum.kirupa.com/t/outwardly-emanating-circles/661455 "2023-09-06T03:17:57Z")

</div>

Hi everybody! Another animation I had been fiddling with is the following: The full code is: \<!DOCTYPE html\> \<html lang="en"\> \<head\> \<meta charset="UTF-8"\> \<meta name="viewport" content="width=device-width, …

---

## [where can I get the code for GO TO TOP button ?](https://forum.kirupa.com/t/where-can-i-get-the-code-for-go-to-top-button/661448)

<div class="topic-metadata">

**Author:** [@shivamgarg](https://forum.kirupa.com/u/shivamgarg)\
**Replies:** 3\
**Last updated:** [September 6, 2023, 2:42am UTC](https://forum.kirupa.com/t/where-can-i-get-the-code-for-go-to-top-button/661448 "2023-09-06T02:42:50Z")

</div>

Hey , guys I have recently started developing website as I am beginner I am facing little problem in coding . let me explain you properly , I am designing one e-commerce site and I want to put " go to top " button on my…

---

## [Need help coding enemies to new web game in HTML/JavaScript](https://forum.kirupa.com/t/need-help-coding-enemies-to-new-web-game-in-html-javascript/656724)

<div class="topic-metadata">

**Author:** [@AmiiboAmigos](https://forum.kirupa.com/u/AmiiboAmigos)\
**Replies:** 12\
**Last updated:** [August 29, 2023, 6:23pm UTC](https://forum.kirupa.com/t/need-help-coding-enemies-to-new-web-game-in-html-javascript/656724 "2023-08-29T18:23:48Z")

</div>

Starting my next project and already can’t figure out how to translate this: Join AnaeliRivera's "EnemyTest" - Replit and add into Join AnaeliRivera's "Game" - Replit. Whenever I do so, the whole game canvas disappears.…

---

## [Simple Stack Implementation in JavaScript](https://forum.kirupa.com/t/simple-stack-implementation-in-javascript/637069)

<div class="topic-metadata">

**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Replies:** 3\
**Last updated:** [July 24, 2023, 10:37am UTC](https://forum.kirupa.com/t/simple-stack-implementation-in-javascript/637069 "2023-07-24T10:37:43Z")

</div>

I was looking through some C# docs, and I realized that there isn't a Stack implementation in JavaScript. While a stack can mostly be implemented using arrays, it still seems nice to have an actual Stack object. Here is …

---

## [Change a "class" element with js?](https://forum.kirupa.com/t/change-a-class-element-with-js/659606)

<div class="topic-metadata">

**Author:** [@neandr](https://forum.kirupa.com/u/neandr)\
**Replies:** 3\
**Last updated:** [June 30, 2023, 1:29pm UTC](https://forum.kirupa.com/t/change-a-class-element-with-js/659606 "2023-06-30T13:29:18Z")

</div>

When using HTML \<input id="\_Slider" class="slider" type="range" an icon can be used for the slider button with “background: url (icon.png|.jpg|…)”. This is best done with a class definition. Since the icon should be cha…

---

## [New changes to the React Lifecycle events](https://forum.kirupa.com/t/new-changes-to-the-react-lifecycle-events/637988)

<div class="topic-metadata">

**Author:** [@senocular](https://forum.kirupa.com/u/senocular)\
**Replies:** 7\
**Last updated:** [May 30, 2023, 3:10pm UTC](https://forum.kirupa.com/t/new-changes-to-the-react-lifecycle-events/637988 "2023-05-30T15:10:16Z")

</div>

I’m finding the fact that getDerivedStateFromProps is static to be very bothersome to me.

---

## [Curious to know difference between these tutorials and books on kirupa.com](https://forum.kirupa.com/t/curious-to-know-difference-between-these-tutorials-and-books-on-kirupa-com/659234)

<div class="topic-metadata">

**Author:** [@dmdev261](https://forum.kirupa.com/u/dmdev261)\
**Replies:** 2\
**Last updated:** [June 10, 2023, 4:02am UTC](https://forum.kirupa.com/t/curious-to-know-difference-between-these-tutorials-and-books-on-kirupa-com/659234 "2023-06-10T04:02:06Z")

</div>

Hello, I am just curious to know what is difference between topics present under “Tutorials” tabs and books present under “Books” tab? Are books present for advanced topics or practising exercises? Thanks, Devanshu Mi…

---

## [Jet CLI](https://forum.kirupa.com/t/jet-cli/658786)

<div class="topic-metadata">

**Author:** [@travis](https://forum.kirupa.com/u/travis)\
**Replies:** 4\
**Last updated:** [June 1, 2023, 7:51pm UTC](https://forum.kirupa.com/t/jet-cli/658786 "2023-06-01T19:51:19Z")

</div>

Has anyone used the Jet CLI tool from Codeship? Essentially it’s just jet encrypt .env.production and jet decrypt encrypted.env.production. I use it at work to check .env files into source control. Great tool, but you h…

---

## [Assistance with Creating a Customizable Web Template.](https://forum.kirupa.com/t/assistance-with-creating-a-customizable-web-template/658812)

<div class="topic-metadata">

**Author:** [@Menzi](https://forum.kirupa.com/u/Menzi)\
**Replies:** 12\
**Last updated:** [May 21, 2023, 11:11pm UTC](https://forum.kirupa.com/t/assistance-with-creating-a-customizable-web-template/658812 "2023-05-21T23:11:09Z")

</div>

Hello everyone, I’m reaching out to the community because I’m currently employed as a front-end developer and I’ve run into a challenge at my job that I’m hoping you can help me solve. I’ve been tasked with creating a …

---

## [What is the best way to learn a new programming language as a beginner?](https://forum.kirupa.com/t/what-is-the-best-way-to-learn-a-new-programming-language-as-a-beginner/658388)

<div class="topic-metadata">

**Author:** [@charlesdevis](https://forum.kirupa.com/u/charlesdevis)\
**Replies:** 4\
**Last updated:** [May 16, 2023, 5:33am UTC](https://forum.kirupa.com/t/what-is-the-best-way-to-learn-a-new-programming-language-as-a-beginner/658388 "2023-05-16T05:33:02Z")

</div>

Hi, My name is Charles Devis, I am a student, and I want to start coding on my own. I don’t know how to start coding or which programming language I should learn first as a beginner. I asked my many friends how I could …

---

## [Learning path to follow for Kirupa.com sections as a newbie in Web development](https://forum.kirupa.com/t/learning-path-to-follow-for-kirupa-com-sections-as-a-newbie-in-web-development/658713)

<div class="topic-metadata">

**Author:** [@dmdev261](https://forum.kirupa.com/u/dmdev261)\
**Replies:** 5\
**Last updated:** [May 15, 2023, 2:28pm UTC](https://forum.kirupa.com/t/learning-path-to-follow-for-kirupa-com-sections-as-a-newbie-in-web-development/658713 "2023-05-15T14:28:17Z")

</div>

Hello All, I am new to kirupa.com. I am newbie in Development and trying to learn it using “Tutorials” and “Coding Exercises” available here. However, I feel little lost, could someone please help me with learning path…

[Previous page](https://forum.kirupa.com/c/programming/web-dev/42.md?page=22)

[Next page](https://forum.kirupa.com/c/programming/web-dev/42.md?page=24)