# programming

**URL:** https://forum.kirupa.com/c/programming/41.md?page=29

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

**Page:** 30

---

## [Hover effect is not working correctly](https://forum.kirupa.com/t/hover-effect-is-not-working-correctly/654033)

<div class="topic-metadata">

**Author:** [@Helena\_G](https://forum.kirupa.com/u/Helena_G)\
**Replies:** 1\
**Last updated:** [November 15, 2022, 11:35am UTC](https://forum.kirupa.com/t/hover-effect-is-not-working-correctly/654033 "2022-11-15T11:35:19Z")

</div>

Re-hello, Kirupa members :slight\_smile: Could you, please, take a look at this page If you hover over the images, you will notice that the hover effect works perfectly on “properties” images, and it has very strange b…

---

## [What happens in background-size:cover when background-image is not in proportion with element?](https://forum.kirupa.com/t/what-happens-in-background-size-cover-when-background-image-is-not-in-proportion-with-element/654559)

<div class="topic-metadata">

**Author:** [@polaryeti](https://forum.kirupa.com/u/polaryeti)\
**Replies:** 1\
**Last updated:** [November 9, 2022, 6:35pm UTC](https://forum.kirupa.com/t/what-happens-in-background-size-cover-when-background-image-is-not-in-proportion-with-element/654559 "2022-11-09T18:35:12Z")

</div>

I’ve 2000 \* 2500 image. I’m learning about background-size property. Currently about cover. cover: Scales the image (while preserving its ratio) to the smallest possible size to fill the container (that is: both its h…

---

## [How to vertically align container div element?](https://forum.kirupa.com/t/how-to-vertically-align-container-div-element/654467)

<div class="topic-metadata">

**Author:** [@forumf](https://forum.kirupa.com/u/forumf)\
**Replies:** 3\
**Last updated:** [November 7, 2022, 4:54pm UTC](https://forum.kirupa.com/t/how-to-vertically-align-container-div-element/654467 "2022-11-07T16:54:57Z")

</div>

How to vertically align container div block?

---

## [footer.p vs “footer p” selector?](https://forum.kirupa.com/t/footer-p-vs-footer-p-selector/654473)

<div class="topic-metadata">

**Author:** [@polaryeti](https://forum.kirupa.com/u/polaryeti)\
**Replies:** 2\
**Last updated:** [November 7, 2022, 6:12am UTC](https://forum.kirupa.com/t/footer-p-vs-footer-p-selector/654473 "2022-11-07T06:12:10Z")

</div>

footer.p vs “footer p” selector? I’ve html code like this: \<footer\>\<p\>Copyright &copy;2027 by The Code Magazine\</p\>\</footer\> I want to select it. CSS: footer p{ font-size:16px; } But footer.p isn’t working. “f…

---

## [Learning Python from Scratch](https://forum.kirupa.com/t/learning-python-from-scratch/654433)

<div class="topic-metadata">

**Author:** [@Erikamadrizo](https://forum.kirupa.com/u/Erikamadrizo)\
**Replies:** 3\
**Last updated:** [November 5, 2022, 1:51am UTC](https://forum.kirupa.com/t/learning-python-from-scratch/654433 "2022-11-05T01:51:41Z")

</div>

I want to learn Python without any programming background. Can I do so? How much time is required to become a Python developer?

---

## [“Light red” and “light green” background colors not working-CSS](https://forum.kirupa.com/t/light-red-and-light-green-background-colors-not-working-css/654368)

<div class="topic-metadata">

**Author:** [@polaryeti](https://forum.kirupa.com/u/polaryeti)\
**Replies:** 2\
**Last updated:** [November 2, 2022, 5:56am UTC](https://forum.kirupa.com/t/light-red-and-light-green-background-colors-not-working-css/654368 "2022-11-02T05:56:53Z")

</div>

I’m doing this assignment of The Odin Project. But the two colors aren’t working. Here’s my code: index.html: \<p class="odd"\>Number 1 - I'm a class!\</p\> \<div ids="second"\>Number 2 - I'm one ID.\</div\> \<p c…

---

## [AppendChild with same properties ?](https://forum.kirupa.com/t/appendchild-with-same-properties/654358)

<div class="topic-metadata">

**Author:** [@vmars316](https://forum.kirupa.com/u/vmars316)\
**Replies:** 3\
**Last updated:** [November 1, 2022, 8:24pm UTC](https://forum.kirupa.com/t/appendchild-with-same-properties/654358 "2022-11-01T20:24:52Z")

</div>

Here is the example: https://vmars.us/Guitar/DragDropElements-CreateNew-NOTE.html I didn’t get a Reply on my last Post , so I have chunked it way down . I want to duplicate div id=“myNote” and apply all the same …

---

## [Aging with programming](https://forum.kirupa.com/t/aging-with-programming/653109)

<div class="topic-metadata">

**Author:** [@Wayne](https://forum.kirupa.com/u/Wayne)\
**Replies:** 1\
**Last updated:** [August 19, 2022, 4:28pm UTC](https://forum.kirupa.com/t/aging-with-programming/653109 "2022-08-19T16:28:03Z")

</div>

The median age of a programmer is 42 years old. How do programmers age? Do most of them stay until they are pensioned? What’s your story and plan?

---

## [Print sent to printer but no page gets printed](https://forum.kirupa.com/t/print-sent-to-printer-but-no-page-gets-printed/254048)

<div class="topic-metadata">

**Author:** [@paulcybulski](https://forum.kirupa.com/u/paulcybulski)\
**Replies:** 0\
**Last updated:** [March 7, 2008, 3:17pm UTC](https://forum.kirupa.com/t/print-sent-to-printer-but-no-page-gets-printed/254048 "2008-03-07T15:17:24Z")

</div>

Ok, this is a function that used to work...so I didn't check it for a while...and I did not edit it from when it was working in any way...but now the print function does not produce a page from the printer...when I click…

---

## [Can a variable contain data from multiple functions at the same time?](https://forum.kirupa.com/t/can-a-variable-contain-data-from-multiple-functions-at-the-same-time/654222)

<div class="topic-metadata">

**Author:** [@PaulAsaf2](https://forum.kirupa.com/u/PaulAsaf2)\
**Replies:** 1\
**Last updated:** [October 26, 2022, 1:34am UTC](https://forum.kirupa.com/t/can-a-variable-contain-data-from-multiple-functions-at-the-same-time/654222 "2022-10-26T01:34:25Z")

</div>

Hi there! In the third chapter of the book JavaScript: Absolute Beginner’s Guide, an example is given where the variable myDistance first receives the result of calculations of the showDistance function, and then shows h…

---

## [Build a Caesar's Cipher](https://forum.kirupa.com/t/build-a-caesars-cipher/644926)

<div class="topic-metadata">

**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Replies:** 8\
**Last updated:** [October 18, 2022, 3:25pm UTC](https://forum.kirupa.com/t/build-a-caesars-cipher/644926 "2022-10-18T15:25:13Z")

</div>

This is a companion discussion topic for the original entry at https://www.kirupa.com/html5/caesar\_cipher.htm"

---

## [programmatically set position of grid carousel](https://forum.kirupa.com/t/programmatically-set-position-of-grid-carousel/654066)

<div class="topic-metadata">

**Author:** [@david78737](https://forum.kirupa.com/u/david78737)\
**Replies:** 6\
**Last updated:** [October 17, 2022, 6:13pm UTC](https://forum.kirupa.com/t/programmatically-set-position-of-grid-carousel/654066 "2022-10-17T18:13:58Z")

</div>

Horizontal scrollers are becoming popular and essential on mobile devices. Kevin Powell does a nice job building one with scroll snap in CSS. He references the work of Adam Argyle who has done a lot with m…

---

## [The Falling Snow Effect](https://forum.kirupa.com/t/the-falling-snow-effect/352137)

<div class="topic-metadata">

**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Replies:** 83\
**Last updated:** [October 16, 2022, 8:30pm UTC](https://forum.kirupa.com/t/the-falling-snow-effect/352137 "2022-10-16T20:30:21Z")

</div>

by kirupa | 8 July 2013 For most of my life, I grew up in parts of the world where you never really had snow. That wasn't fun. During Christmas, the images of wintery goodness you grew up expecting and the …

---

## [Building an Awesome Todo List App](https://forum.kirupa.com/t/building-an-awesome-todo-list-app/636214)

<div class="topic-metadata">

**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Replies:** 122\
**Last updated:** [October 6, 2022, 11:17pm UTC](https://forum.kirupa.com/t/building-an-awesome-todo-list-app/636214 "2022-10-06T23:17:52Z")

</div>

This is a companion discussion topic for the original entry at https://www.kirupa.com/codingexercises/todolist.htm

---

## [Creating a Strobe Light Generator](https://forum.kirupa.com/t/creating-a-strobe-light-generator/352252)

<div class="topic-metadata">

**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Replies:** 0\
**Last updated:** [November 23, 2014, 3:16am UTC](https://forum.kirupa.com/t/creating-a-strobe-light-generator/352252 "2014-11-23T03:16:01Z")

</div>

This is a companion discussion topic for the original entry at http://www.kirupa.com/html5/creating\_a\_strobe\_light\_generator.htm

---

## [Playing a Randomly Generated Sound](https://forum.kirupa.com/t/playing-a-randomly-generated-sound/653883)

<div class="topic-metadata">

**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Replies:** 0\
**Last updated:** [October 6, 2022, 5:20am UTC](https://forum.kirupa.com/t/playing-a-randomly-generated-sound/653883 "2022-10-06T05:20:17Z")

</div>

This is the companion topic to the Playing a Randomly Generated Sound coding exercise:

---

## [Dynamically Create a List](https://forum.kirupa.com/t/dynamically-create-a-list/653852)

<div class="topic-metadata">

**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Replies:** 4\
**Last updated:** [October 5, 2022, 4:25pm UTC](https://forum.kirupa.com/t/dynamically-create-a-list/653852 "2022-10-05T16:25:25Z")

</div>

This is the companion topic to the Dynamically Create a List coding exercise:

---

## [List of apps to build as you are learning?](https://forum.kirupa.com/t/list-of-apps-to-build-as-you-are-learning/638861)

<div class="topic-metadata">

**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Replies:** 20\
**Last updated:** [October 4, 2022, 4:50am UTC](https://forum.kirupa.com/t/list-of-apps-to-build-as-you-are-learning/638861 "2022-10-04T04:50:19Z")

</div>

One of the best ways to keep learning after mastering the basics is to actually start building small apps that get progressively more complex and larger as your skills grow. Wouldn’t it be great if we could create that l…

---

## [Create a Totally Awesome Analog Clock](https://forum.kirupa.com/t/create-a-totally-awesome-analog-clock/642513)

<div class="topic-metadata">

**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Replies:** 8\
**Last updated:** [October 2, 2022, 2:24pm UTC](https://forum.kirupa.com/t/create-a-totally-awesome-analog-clock/642513 "2022-10-02T14:24:42Z")

</div>

This is a companion discussion topic for the Creating an Awesome Analog Clock tutorial! :robot:

---

## [Creating a Smooth Sliding Menu](https://forum.kirupa.com/t/creating-a-smooth-sliding-menu/636220)

<div class="topic-metadata">

**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Replies:** 2\
**Last updated:** [October 1, 2022, 12:39pm UTC](https://forum.kirupa.com/t/creating-a-smooth-sliding-menu/636220 "2022-10-01T12:39:45Z")

</div>

This is a companion discussion topic for the original entry at http://www.kirupa.com/html5/creating\_a\_smooth\_sliding\_menu.htm

---

## [Konami Code in JavaScript](https://forum.kirupa.com/t/konami-code-in-javascript/640851)

<div class="topic-metadata">

**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Replies:** 1\
**Last updated:** [September 30, 2022, 11:33pm UTC](https://forum.kirupa.com/t/konami-code-in-javascript/640851 "2022-09-30T23:33:18Z")

</div>

With Fortnite giving users a mini-game if they enter the Konami code while seeing the black hole, it seems like a good time to show this snippet that shows how to detect this code using JavaScript: \<!DOCTYPE html\> \<html\>…

---

## [Eyes Follow Mouse Cursor : Frontend Coding Exercises](https://forum.kirupa.com/t/eyes-follow-mouse-cursor-frontend-coding-exercises/653770)

<div class="topic-metadata">

**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Replies:** 5\
**Last updated:** [September 29, 2022, 10:11pm UTC](https://forum.kirupa.com/t/eyes-follow-mouse-cursor-frontend-coding-exercises/653770 "2022-09-29T22:11:32Z")

</div>

This is the happening spot to discuss solutions to the Eyes Follow Mouse Cursor coding exercises! :slight\_smile:

---

## [Making Sense of 'this' and More in JavaScript!](https://forum.kirupa.com/t/making-sense-of-this-and-more-in-javascript/653716)

<div class="topic-metadata">

**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Replies:** 3\
**Last updated:** [September 27, 2022, 2:14am UTC](https://forum.kirupa.com/t/making-sense-of-this-and-more-in-javascript/653716 "2022-09-27T02:14:48Z")

</div>

What is this mysterious this keyword that keeps showing up? Let's find out and get really good at using it! This is a companion discussion topic for the original entry at https://www.kirupa.com/javascript/this\_that\_arr…

---

## [A Fun Look at How to Calculate the Value of Pi](https://forum.kirupa.com/t/a-fun-look-at-how-to-calculate-the-value-of-pi/653702)

<div class="topic-metadata">

**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Replies:** 0\
**Last updated:** [September 25, 2022, 12:40am UTC](https://forum.kirupa.com/t/a-fun-look-at-how-to-calculate-the-value-of-pi/653702 "2022-09-25T00:40:12Z")

</div>

Learn three ways to calculate pi (π) with varying degrees of speed and accuracy using JavaScript! This is a companion discussion topic for the original entry at https://www.kirupa.com/hodgepodge/fun\_look\_calculatin…

---

## [GraphQL: Going Beyond REST APIs](https://forum.kirupa.com/t/graphql-going-beyond-rest-apis/653701)

<div class="topic-metadata">

**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Replies:** 0\
**Last updated:** [September 24, 2022, 11:24pm UTC](https://forum.kirupa.com/t/graphql-going-beyond-rest-apis/653701 "2022-09-24T23:24:41Z")

</div>

As our apps get more data intensive, let's explore how GraphQL makes all of this data wrangling easier and more efficient. This is a companion discussion topic for the original entry at https://www.kirupa.com/web/graph…

---

## [Arrow Functions in JavaScript](https://forum.kirupa.com/t/arrow-functions-in-javascript/653700)

<div class="topic-metadata">

**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Replies:** 0\
**Last updated:** [September 24, 2022, 8:01pm UTC](https://forum.kirupa.com/t/arrow-functions-in-javascript/653700 "2022-09-24T20:01:17Z")

</div>

This is a companion discussion topic for the original entry at https://www.kirupa.com/javascript/arrow\_functions.htm

---

## [Draggable Element](https://forum.kirupa.com/t/draggable-element/653163)

<div class="topic-metadata">

**Author:** [@philde](https://forum.kirupa.com/u/philde)\
**Replies:** 2\
**Last updated:** [September 7, 2022, 6:48am UTC](https://forum.kirupa.com/t/draggable-element/653163 "2022-09-07T06:48:22Z")

</div>

Hey guys, I found the following tutorial: Create a Draggable Element in JavaScript | KIRUPA Is it possible to drag the circle and use left and top position in percent (%)? In this tutorial the circle use the transform …

---

## [Eslint Gurus?](https://forum.kirupa.com/t/eslint-gurus/648872)

<div class="topic-metadata">

**Author:** [@travis](https://forum.kirupa.com/u/travis)\
**Replies:** 5\
**Last updated:** [September 15, 2021, 12:53pm UTC](https://forum.kirupa.com/t/eslint-gurus/648872 "2021-09-15T12:53:58Z")

</div>

I’m having an issue with my eslint setup. Specifically it seems to be fixing things that it is not configured to fix, it’s like doing a full replace of all semi-colons and single quotes. I have co-workers who run the sa…

---

## [Accessing webcam AND MICROPHONE in html](https://forum.kirupa.com/t/accessing-webcam-and-microphone-in-html/653270)

<div class="topic-metadata">

**Author:** [@Lucky\_Day](https://forum.kirupa.com/u/Lucky_Day)\
**Replies:** 0\
**Last updated:** [August 29, 2022, 10:26pm UTC](https://forum.kirupa.com/t/accessing-webcam-and-microphone-in-html/653270 "2022-08-29T22:26:08Z")

</div>

I stumbled across this forum when I was in search of a way to get my webcam and microphone to play directly in a browser and found this article: https://www.kirupa.com/html5/accessing\_your\_webcam\_in\_html5.htm Admittedly…

---

## [Close modal on the outside click](https://forum.kirupa.com/t/close-modal-on-the-outside-click/652894)

<div class="topic-metadata">

**Author:** [@Helena\_G](https://forum.kirupa.com/u/Helena_G)\
**Replies:** 8\
**Last updated:** [August 22, 2022, 8:13am UTC](https://forum.kirupa.com/t/close-modal-on-the-outside-click/652894 "2022-08-22T08:13:49Z")

</div>

Hello, Kirupa members. I need your help. I have 2 modals on my site ( https://coursuit.netlify.app/ ) You can find them on the right side of the header - “Login modal” (press “Login” button) and “Normal modal” (press “…

[Previous page](https://forum.kirupa.com/c/programming/41.md?page=28)

[Next page](https://forum.kirupa.com/c/programming/41.md?page=30)
