# Latest

**URL:** https://forum.kirupa.com/latest.md?page=112

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

**Page:** 113

---

## [Using classlist.contains on Multiple Elements](https://forum.kirupa.com/t/using-classlist-contains-on-multiple-elements/633888)

<div class="topic-metadata">

**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Replies:** 4\
**Last updated:** [February 1, 2019, 7:36pm UTC](https://forum.kirupa.com/t/using-classlist-contains-on-multiple-elements/633888 "2019-02-01T19:36:53Z")

</div>

This is a response to a comment on how to use the classList.contains method to check for the existence of multiple classes. Since this isn't built-in to the classList API directly, I threw this together quickly: DOMTok…

---

## [React - Responsive cards](https://forum.kirupa.com/t/react-responsive-cards/639358)

<div class="topic-metadata">

**Author:** [@Ambily\_Cheriyan](https://forum.kirupa.com/u/Ambily_Cheriyan)\
**Replies:** 2\
**Last updated:** [February 1, 2019, 8:37am UTC](https://forum.kirupa.com/t/react-responsive-cards/639358 "2019-02-01T08:37:00Z")

</div>

I have material-ui cards on which I have some info and actions. I am trying to make these cards responsive using react-grid-layout. However resize and drag options do not work on these cards. there is no console error th…

---

## [How to locate a position of a colour in a photo](https://forum.kirupa.com/t/how-to-locate-a-position-of-a-colour-in-a-photo/639356)

<div class="topic-metadata">

**Author:** [@Shine\_Priyan](https://forum.kirupa.com/u/Shine_Priyan)\
**Replies:** 7\
**Last updated:** [February 1, 2019, 7:51am UTC](https://forum.kirupa.com/t/how-to-locate-a-position-of-a-colour-in-a-photo/639356 "2019-02-01T07:51:29Z")

</div>

How to get the position of a particular pixel in a photo.

---

## [Do you remember VHS tape covers and how cool they looked?](https://forum.kirupa.com/t/do-you-remember-vhs-tape-covers-and-how-cool-they-looked/639347)

<div class="topic-metadata">

**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Replies:** 7\
**Last updated:** [February 1, 2019, 4:18am UTC](https://forum.kirupa.com/t/do-you-remember-vhs-tape-covers-and-how-cool-they-looked/639347 "2019-02-01T04:18:43Z")

</div>

There is probably a large number of you who have no idea what I’m talking about, but this video shows the interesting designs VHS tape covers have had back then: :older\_man:

---

## [This robot plays jenga!](https://forum.kirupa.com/t/this-robot-plays-jenga/639354)

<div class="topic-metadata">

**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Replies:** 3\
**Last updated:** [February 1, 2019, 4:01am UTC](https://forum.kirupa.com/t/this-robot-plays-jenga/639354 "2019-02-01T04:01:31Z")

</div>

:stuck\_out\_tongue:

---

## [Form mail help](https://forum.kirupa.com/t/form-mail-help/130584)

<div class="topic-metadata">

**Author:** [@kev](https://forum.kirupa.com/u/kev)\
**Replies:** 0\
**Last updated:** [December 6, 2004, 3:33pm UTC](https://forum.kirupa.com/t/form-mail-help/130584 "2004-12-06T15:33:57Z")

</div>

Hi all i got a simple form mail.pl script, the script works fine from a form we have on a site, it send the persons details to us via email (as it should) But I want to also send them a thankyou email as well, but cann…

---

## [ES2019 Features](https://forum.kirupa.com/t/es2019-features/639346)

<div class="topic-metadata">

**Author:** [@senocular](https://forum.kirupa.com/u/senocular)\
**Replies:** 1\
**Last updated:** [January 30, 2019, 8:50pm UTC](https://forum.kirupa.com/t/es2019-features/639346 "2019-01-30T20:50:24Z")

</div>

Looks like the ES2019 feature set is complete. It includes: Proposal Author Champion(s) TC39 meeting notes Expected Publication Year Optional catch binding Michael Ficarra Michael Ficarra May 2018 2019 JSON…

---

## [React Hooks](https://forum.kirupa.com/t/react-hooks/638854)

<div class="topic-metadata">

**Author:** [@senocular](https://forum.kirupa.com/u/senocular)\
**Replies:** 8\
**Last updated:** [January 30, 2019, 3:55pm UTC](https://forum.kirupa.com/t/react-hooks/638854 "2019-01-30T15:55:24Z")

</div>

Something new for React 16.7: Hooks Quick and dirty intro example is adding state to a functional component using the useState hook: import { useState } from 'react'; function Example() { // Declare a new state v…

---

## [question about canvas + JS](https://forum.kirupa.com/t/question-about-canvas-js/639326)

<div class="topic-metadata">

**Author:** [@Pauljc](https://forum.kirupa.com/u/Pauljc)\
**Replies:** 5\
**Last updated:** [January 29, 2019, 10:48pm UTC](https://forum.kirupa.com/t/question-about-canvas-js/639326 "2019-01-29T22:48:16Z")

</div>

Hi everybody, I’m learning js and struggling with some very basic things; the forum seemed welcoming, as well as the excellent tutorials and books from Kirupa, reason why I decided to join the forum and ask my first que…

---

## [App (Android and IOS) development](https://forum.kirupa.com/t/app-android-and-ios-development/639313)

<div class="topic-metadata">

**Author:** [@The\_Cubeaker](https://forum.kirupa.com/u/The_Cubeaker)\
**Replies:** 10\
**Last updated:** [January 29, 2019, 9:58am UTC](https://forum.kirupa.com/t/app-android-and-ios-development/639313 "2019-01-29T09:58:37Z")

</div>

is it possible to develop an App like Uber using Javascript alone? I am reading Javascript Absolute Beginners guide so i am a beginner in programming. What do u require to make such an app?

---

## [Contact Form on single page website](https://forum.kirupa.com/t/contact-form-on-single-page-website/639213)

<div class="topic-metadata">

**Author:** [@junkerjorg](https://forum.kirupa.com/u/junkerjorg)\
**Replies:** 17\
**Last updated:** [January 28, 2019, 9:06pm UTC](https://forum.kirupa.com/t/contact-form-on-single-page-website/639213 "2019-01-28T21:06:14Z")

</div>

Hello there. I have a website that is just a single page with the contact form at the very bottom. The contact form uses PHP and jQuery field validation. My issue is, when I submit a message from the contact form the pag…

---

## [Not sure if I like or dislike the new Dropbox style!](https://forum.kirupa.com/t/not-sure-if-i-like-or-dislike-the-new-dropbox-style/639310)

<div class="topic-metadata">

**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Replies:** 3\
**Last updated:** [January 27, 2019, 10:41pm UTC](https://forum.kirupa.com/t/not-sure-if-i-like-or-dislike-the-new-dropbox-style/639310 "2019-01-27T22:41:20Z")

</div>

Here is an example page: https://blog.dropbox.com/topics/product-tips Dropbox has been getting a lot of buzz around their rebranding for some time. Even after running into their content over the past six or so months, I…

---

## [function countTmesClicked() ? Please help find my error.](https://forum.kirupa.com/t/function-counttmesclicked-please-help-find-my-error/639328)

<div class="topic-metadata">

**Author:** [@vmars316](https://forum.kirupa.com/u/vmars316)\
**Replies:** 3\
**Last updated:** [January 27, 2019, 4:10am UTC](https://forum.kirupa.com/t/function-counttmesclicked-please-help-find-my-error/639328 "2019-01-27T04:10:00Z")

</div>

Hello & Thanks ; Trouble spots: input type=“button” onclick=“countTmesClicked()” value=“countTmesClicked” function countTmesClicked () \<!DOCTYPE html\> \<html lang="en"\> \<head\> \<title\>VM file:///C:/Users/vmars/Desktop/…

---

## [A card game based on programming?](https://forum.kirupa.com/t/a-card-game-based-on-programming/639282)

<div class="topic-metadata">

**Author:** [@senocular](https://forum.kirupa.com/u/senocular)\
**Replies:** 5\
**Last updated:** [January 26, 2019, 3:45pm UTC](https://forum.kirupa.com/t/a-card-game-based-on-programming/639282 "2019-01-26T15:45:27Z")

</div>

So I caught a glimpse of these cards the other day and had the immediate reaction of, “Oh! A card game based on programming?!? Cool!” Of course these ended up just being regular playing cards with some code embedded i…

---

## [video and image overlay using CSS and HTML](https://forum.kirupa.com/t/video-and-image-overlay-using-css-and-html/639323)

<div class="topic-metadata">

**Author:** [@glassbeads](https://forum.kirupa.com/u/glassbeads)\
**Replies:** 4\
**Last updated:** [January 26, 2019, 4:56am UTC](https://forum.kirupa.com/t/video-and-image-overlay-using-css-and-html/639323 "2019-01-26T04:56:32Z")

</div>

is it possible using CSS and HTML to embed a video, then blur the video, and then overlay an (transparent) image over the video. so in other words, restating this — you would have a sort of transparent image that you co…

---

## [How to connect css html and js ?](https://forum.kirupa.com/t/how-to-connect-css-html-and-js/639307)

<div class="topic-metadata">

**Author:** [@vmars316](https://forum.kirupa.com/u/vmars316)\
**Replies:** 6\
**Last updated:** [January 25, 2019, 6:56pm UTC](https://forum.kirupa.com/t/how-to-connect-css-html-and-js/639307 "2019-01-25T18:56:24Z")

</div>

Hello & Thanks , I have been away from coding a while: I’m having trouble connecting css html and js . Problem areas are: p, ah { font-size: 2em; color: #ffdddd; } p, tgh { font-size: 1em; col…

---

## [What are Progressive Web Apps (PWA)?](https://forum.kirupa.com/t/what-are-progressive-web-apps-pwa/638847)

<div class="topic-metadata">

**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Replies:** 9\
**Last updated:** [January 25, 2019, 4:20am UTC](https://forum.kirupa.com/t/what-are-progressive-web-apps-pwa/638847 "2019-01-25T04:20:27Z")

</div>

by kirupa | filed under Web Apps This is a companion discussion topic for the original entry at https://www.kirupa.com/apps/pwa\_101.htm

---

## [Rendering the correct UI elements](https://forum.kirupa.com/t/rendering-the-correct-ui-elements/639317)

<div class="topic-metadata">

**Author:** [@treeeest](https://forum.kirupa.com/u/treeeest)\
**Replies:** 1\
**Last updated:** [January 24, 2019, 11:00pm UTC](https://forum.kirupa.com/t/rendering-the-correct-ui-elements/639317 "2019-01-24T23:00:50Z")

</div>

I am brand new to CSS/HTML/JavaScript and I am having some trouble figuring out how everything connects and works. Right now I have a situation where my selector styles within one page view are being overlooked and my ge…

---

## [How overnight shipping works!](https://forum.kirupa.com/t/how-overnight-shipping-works/638608)

<div class="topic-metadata">

**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Replies:** 6\
**Last updated:** [January 24, 2019, 10:41pm UTC](https://forum.kirupa.com/t/how-overnight-shipping-works/638608 "2019-01-24T22:41:39Z")

</div>

When having a snack or (rarely) eating lunch at my desk alone, I like to pass the time by watching a short video that teaches me something completely unrelated to web development and coding and so on. Today, I watched t…

---

## [Content not rendering using react router](https://forum.kirupa.com/t/content-not-rendering-using-react-router/639305)

<div class="topic-metadata">

**Author:** [@Sarosh\_Farhan](https://forum.kirupa.com/u/Sarosh_Farhan)\
**Replies:** 1\
**Last updated:** [January 21, 2019, 10:37pm UTC](https://forum.kirupa.com/t/content-not-rendering-using-react-router/639305 "2019-01-21T22:37:29Z")

</div>

Hi I tried the tutorial for building simple SPA using react-router. The content is not rendering while navigating to a new link.Content is not rendering on the home page too. Tried this tutorial from your book \[Learning …

---

## [What is your new years resolution?](https://forum.kirupa.com/t/what-is-your-new-years-resolution/38617)

<div class="topic-metadata">

**Author:** [@Alex](https://forum.kirupa.com/u/Alex)\
**Replies:** 28\
**Last updated:** [January 20, 2019, 8:53pm UTC](https://forum.kirupa.com/t/what-is-your-new-years-resolution/38617 "2019-01-20T20:53:08Z")

</div>

Post your new years resolution.:beam:

---

## [Get Date of upcoming day](https://forum.kirupa.com/t/get-date-of-upcoming-day/639301)

<div class="topic-metadata">

**Author:** [@Sukhwinder\_Saini](https://forum.kirupa.com/u/Sukhwinder_Saini)\
**Replies:** 1\
**Last updated:** [January 20, 2019, 5:39am UTC](https://forum.kirupa.com/t/get-date-of-upcoming-day/639301 "2019-01-20T05:39:30Z")

</div>

Hi i am trying to get date of sunday or any other day say Wednesday of next week i tried d.getDate() + (1 + 5 - d.getDay()) % 7 but not working properly. I am confused with constant value Any Idea, Please share

---

## [Return that word which has matching values](https://forum.kirupa.com/t/return-that-word-which-has-matching-values/639295)

<div class="topic-metadata">

**Author:** [@Sukhwinder\_Saini](https://forum.kirupa.com/u/Sukhwinder_Saini)\
**Replies:** 12\
**Last updated:** [January 19, 2019, 10:20pm UTC](https://forum.kirupa.com/t/return-that-word-which-has-matching-values/639295 "2019-01-19T22:20:41Z")

</div>

Hi, i just saw an example on W3school that matches the letters with string In below program the usee search for word “ain” and the function return three values because “rain ,spain, plain” has “ain” in ending the output…

---

## [Sound Planing, Collaboration on Projects?](https://forum.kirupa.com/t/sound-planing-collaboration-on-projects/637665)

<div class="topic-metadata">

**Author:** [@anwiyayoukhanna](https://forum.kirupa.com/u/anwiyayoukhanna)\
**Replies:** 0\
**Last updated:** [December 27, 2017, 2:04am UTC](https://forum.kirupa.com/t/sound-planing-collaboration-on-projects/637665 "2017-12-27T02:04:19Z")

</div>

Just wondering if anyone out there is in new of background music or sound design for their flash work, or other types of graphic work possibly. I make so much music and have about four hours worth of material. My latest…

---

## [Apply CSS to RSS](https://forum.kirupa.com/t/apply-css-to-rss/639275)

<div class="topic-metadata">

**Author:** [@Sukhwinder\_Saini](https://forum.kirupa.com/u/Sukhwinder_Saini)\
**Replies:** 3\
**Last updated:** [January 17, 2019, 5:26am UTC](https://forum.kirupa.com/t/apply-css-to-rss/639275 "2019-01-17T05:26:41Z")

</div>

Hi i am trying to apply CSS to RSS page(Online). How to do so? I tried loading a RSS page to div but doesn’t work. Any solution please suggest

---

## [HTML Tables-How important are they?](https://forum.kirupa.com/t/html-tables-how-important-are-they/639290)

<div class="topic-metadata">

**Author:** [@kvapster](https://forum.kirupa.com/u/kvapster)\
**Replies:** 4\
**Last updated:** [January 16, 2019, 10:02pm UTC](https://forum.kirupa.com/t/html-tables-how-important-are-they/639290 "2019-01-16T22:02:37Z")

</div>

I am contemplating on whether or not to continue teaching middle kids kids how code HTML tables. I have always taught in the past mainly to help them understand the nesting of elements better, but it feels like overkill.…

---

## [App to read, load and presents](https://forum.kirupa.com/t/app-to-read-load-and-presents/639287)

<div class="topic-metadata">

**Author:** [@erezb1](https://forum.kirupa.com/u/erezb1)\
**Replies:** 0\
**Last updated:** [January 15, 2019, 1:43pm UTC](https://forum.kirupa.com/t/app-to-read-load-and-presents/639287 "2019-01-15T13:43:19Z")

</div>

Hi Guys. I’m designing & programming Flash templates for broadcasting, loading and playing SWF templates on live TV channels from a dedicated video player while loads data (text fields, images and FLV videos) from an XM…

---

## [Animating the Color of Four Gradient Stops in a Gradient!](https://forum.kirupa.com/t/animating-the-color-of-four-gradient-stops-in-a-gradient/639276)

<div class="topic-metadata">

**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Replies:** 2\
**Last updated:** [January 14, 2019, 11:07pm UTC](https://forum.kirupa.com/t/animating-the-color-of-four-gradient-stops-in-a-gradient/639276 "2019-01-14T23:07:37Z")

</div>

To follow-up on the discussion here, here we have a version that animates colors in a gradient. You can see a live version here, but if you can’t for some reason (ie: you are using IE11), below is a video of it: You ca…

---

## [Iterate through nested objects](https://forum.kirupa.com/t/iterate-through-nested-objects/639274)

<div class="topic-metadata">

**Author:** [@onurcan1977](https://forum.kirupa.com/u/onurcan1977)\
**Replies:** 1\
**Last updated:** [January 13, 2019, 12:38am UTC](https://forum.kirupa.com/t/iterate-through-nested-objects/639274 "2019-01-13T00:38:38Z")

</div>

Hi, I have some nested objects and I want to print their properties. Here’s my code: main.x1y1.name = "x1y1"; main.x1y1.piece = ""; main.x1y1.\_textField = mc.txt\_x1y1; main.x1y1.x = 0; main.x1y1.y = 0; main.x2y1.name =…

---

## [Toggling All Animations On and Off](https://forum.kirupa.com/t/toggling-all-animations-on-and-off/638954)

<div class="topic-metadata">

**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Replies:** 20\
**Last updated:** [January 13, 2019, 5:30am UTC](https://forum.kirupa.com/t/toggling-all-animations-on-and-off/638954 "2019-01-13T05:30:16Z")

</div>

As a user preference and to help with accessibility scenarios, providing a way to toggle all animations on and off is a good thing. This is a companion discussion topic for the original entry at https://www.kirupa.com/…

[Previous page](https://forum.kirupa.com/latest.md?page=111)

[Next page](https://forum.kirupa.com/latest.md?page=113)
