# Latest **URL:** https://forum.kirupa.com/latest.md?page=105 [Latest](https://forum.kirupa.com/latest.md) · [Categories](https://forum.kirupa.com/categories.md) **Page:** 106 --- ## [Infinitely scrolling deep sea creatures exploration!](https://forum.kirupa.com/t/infinitely-scrolling-deep-sea-creatures-exploration/641274)
**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\ **Replies:** 0\ **Last updated:** [December 8, 2019, 5:07pm UTC](https://forum.kirupa.com/t/infinitely-scrolling-deep-sea-creatures-exploration/641274 "2019-12-08T17:07:02Z")
https://neal.fun/deep-sea/ This is awesome :blowfish: --- ## [PEBKACC Time!](https://forum.kirupa.com/t/pebkacc-time/641268)
**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\ **Replies:** 3\ **Last updated:** [December 8, 2019, 4:02pm UTC](https://forum.kirupa.com/t/pebkacc-time/641268 "2019-12-08T16:02:54Z")
PEBKAC is now…PEBKACC: Problem exists between keyboard, cat, and chair! :stuck\_out\_tongue: --- ## [XML/XSL for view& print -- pro or con?](https://forum.kirupa.com/t/xml-xsl-for-view-print-pro-or-con/641230)
**Author:** [@gNeandr](https://forum.kirupa.com/u/gNeandr)\ **Replies:** 3\ **Last updated:** [December 8, 2019, 8:13am UTC](https://forum.kirupa.com/t/xml-xsl-for-view-print-pro-or-con/641230 "2019-12-08T08:13:20Z")
What is the experience to use XML/XSL as View & Print Generator? Is the use of XSLTProcessor future-proof? The main focus is the use in Firefox/Chrome. --- ## [I made an open-source toolkit for developing with HTML, CSS, and JS.](https://forum.kirupa.com/t/i-made-an-open-source-toolkit-for-developing-with-html-css-and-js/640996)
**Author:** [@grayshift](https://forum.kirupa.com/u/grayshift)\ **Replies:** 1\ **Last updated:** [December 7, 2019, 11:35am UTC](https://forum.kirupa.com/t/i-made-an-open-source-toolkit-for-developing-with-html-css-and-js/640996 "2019-12-07T11:35:47Z")
Hi guys, I made an open-source toolkit for developing with HTML, CSS, and JS that I would like to share with you. Components GitHub repository --- ## [ A react particle background component to share with you](https://forum.kirupa.com/t/a-react-particle-background-component-to-share-with-you/641200)
**Author:** [@shde](https://forum.kirupa.com/u/shde)\ **Replies:** 1\ **Last updated:** [December 7, 2019, 11:32am UTC](https://forum.kirupa.com/t/a-react-particle-background-component-to-share-with-you/641200 "2019-12-07T11:32:14Z")
--- ## [I keep getting an error while using react router, please anyone guide me what's the possible solution for this](https://forum.kirupa.com/t/i-keep-getting-an-error-while-using-react-router-please-anyone-guide-me-whats-the-possible-solution-for-this/641236)
**Author:** [@Ghouse\_Shaik](https://forum.kirupa.com/u/Ghouse_Shaik)\ **Replies:** 1\ **Last updated:** [December 7, 2019, 11:27am UTC](https://forum.kirupa.com/t/i-keep-getting-an-error-while-using-react-router-please-anyone-guide-me-whats-the-possible-solution-for-this/641236 "2019-12-07T11:27:04Z")
react.js:20478 Warning: React.createElement: type should not be null, undefined, boolean, or number. It should be a string (for DOM elements) or a ReactClass (for composite components). printWarning @ react.js:20478 wa… --- ## [JavaScript, Handlebars, and OnLoad functions](https://forum.kirupa.com/t/javascript-handlebars-and-onload-functions/641247)
**Author:** [@dannywolf](https://forum.kirupa.com/u/dannywolf)\ **Replies:** 3\ **Last updated:** [December 6, 2019, 5:45am UTC](https://forum.kirupa.com/t/javascript-handlebars-and-onload-functions/641247 "2019-12-06T05:45:39Z")
I am using Handlebars in a Node/Express project. It works beautifully and its layouts, templates, and partials are a blessing. I have one question, though: Where would the best place to place to put my JavaScript files … --- ## [Why doesn't the code in Chapter 4 of Learning React work?](https://forum.kirupa.com/t/why-doesnt-the-code-in-chapter-4-of-learning-react-work/641170)
**Author:** [@Flinnt](https://forum.kirupa.com/u/Flinnt)\ **Replies:** 4\ **Last updated:** [December 2, 2019, 3:20pm UTC](https://forum.kirupa.com/t/why-doesnt-the-code-in-chapter-4-of-learning-react-work/641170 "2019-12-02T15:20:48Z")
And why isn’t there downloadable code as is the case with most other decent programming books? --- ## [Latest architecture patterns for large web applications](https://forum.kirupa.com/t/latest-architecture-patterns-for-large-web-applications/641183)
**Author:** [@Wayne](https://forum.kirupa.com/u/Wayne)\ **Replies:** 4\ **Last updated:** [November 27, 2019, 4:05pm UTC](https://forum.kirupa.com/t/latest-architecture-patterns-for-large-web-applications/641183 "2019-11-27T16:05:42Z")
Hello, Are there any good architectural patterns to follow for large react applications? I know we may apply redux to react but what about modular ways of doing architecture. Ways that can seperate business code around … --- ## [JavaScript Self Updating Objects](https://forum.kirupa.com/t/javascript-self-updating-objects/641155)
**Author:** [@dannywolf](https://forum.kirupa.com/u/dannywolf)\ **Replies:** 4\ **Last updated:** [November 27, 2019, 6:08am UTC](https://forum.kirupa.com/t/javascript-self-updating-objects/641155 "2019-11-27T06:08:05Z")
Hi! I am trying to develop the server side of a user dashboard web site. I am using Node and Express, and the tool should be basically a middleware between the browser and our API. I would like to create an object which… --- ## [Hover event, but not on touch/mobile devices](https://forum.kirupa.com/t/hover-event-but-not-on-touch-mobile-devices/641166)
**Author:** [@4a0g1kfa54](https://forum.kirupa.com/u/4a0g1kfa54)\ **Replies:** 2\ **Last updated:** [November 26, 2019, 6:22am UTC](https://forum.kirupa.com/t/hover-event-but-not-on-touch-mobile-devices/641166 "2019-11-26T06:22:55Z")
Hi All, I am trying to create a hover event that shows an image. On my desktop/laptop it fires correctly. However on a mobile (touch), the image only appears when the modal link is clicked, then it is sticky (it stays o… --- ## [Circles and reactangles](https://forum.kirupa.com/t/circles-and-reactangles/641099)
**Author:** [@Gnanasakthi\_Natesan](https://forum.kirupa.com/u/Gnanasakthi_Natesan)\ **Replies:** 6\ **Last updated:** [November 22, 2019, 11:47pm UTC](https://forum.kirupa.com/t/circles-and-reactangles/641099 "2019-11-22T23:47:28Z")
Kirupa, I am very new to react.js. Working on a project to render optimized array of rectangles inside a circle of diameter d. Would like to take one-on-one coaching from you. Kindly advise and guide. Million Thanks i… --- ## [Setting CSS Styles using JavaScript | kirupa.com](https://forum.kirupa.com/t/setting-css-styles-using-javascript-kirupa-com/352096)
**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\ **Replies:** 4\ **Last updated:** [November 20, 2019, 9:41pm UTC](https://forum.kirupa.com/t/setting-css-styles-using-javascript-kirupa-com/352096 "2019-11-20T21:41:34Z")
Setting CSS Styles using JavaScript by kirupa | 22 August 2013 When it comes to styling some content, the most common way is by creating a style rule and have its selector target an element o… --- ## [Learning React - urls in chapter 11 donlt work](https://forum.kirupa.com/t/learning-react-urls-in-chapter-11-donlt-work/641091)
**Author:** [@grobbins](https://forum.kirupa.com/u/grobbins)\ **Replies:** 2\ **Last updated:** [November 17, 2019, 10:48pm UTC](https://forum.kirupa.com/t/learning-react-urls-in-chapter-11-donlt-work/641091 "2019-11-17T22:48:17Z")
The following urls in the second editoin of the Learning React book in chapter 11 do not work https://www.kirupa.com/react/ lifecycle\_example.htm Please provide the correct URLS --- ## [Help understanding how "if statement" made closure variable global?](https://forum.kirupa.com/t/help-understanding-how-if-statement-made-closure-variable-global/641096)
**Author:** [@drcberry](https://forum.kirupa.com/u/drcberry)\ **Replies:** 2\ **Last updated:** [November 17, 2019, 12:56am UTC](https://forum.kirupa.com/t/help-understanding-how-if-statement-made-closure-variable-global/641096 "2019-11-17T00:56:41Z")
function createCounter() { let counter = 0; console.log( 'counter='+counter+' \>new createCounter() call\>new closure' ); const myFunction = function() { counter = counter + 1; … --- ## [Just beat Sekiro!](https://forum.kirupa.com/t/just-beat-sekiro/641034)
**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\ **Replies:** 5\ **Last updated:** [November 14, 2019, 10:48pm UTC](https://forum.kirupa.com/t/just-beat-sekiro/641034 "2019-11-14T22:48:15Z")
I have an obsession with playing really difficult games just for the challenge. Since I am not a really good gamer, it takes me an obscene amount of time to beat some of these games. The most difficult game I have ever p… --- ## [Video component in Adobe Animate Canvas](https://forum.kirupa.com/t/video-component-in-adobe-animate-canvas/641042)
**Author:** [@umr46](https://forum.kirupa.com/u/umr46)\ **Replies:** 1\ **Last updated:** [November 13, 2019, 5:16am UTC](https://forum.kirupa.com/t/video-component-in-adobe-animate-canvas/641042 "2019-11-13T05:16:20Z")
Hi, I have a question regarding adobe Animate canvas. On the stage I have a video component. I also have 3 buttons on stage. When I click the button it adds the corresponding movie in the video component. The proble… --- ## [Codes not working](https://forum.kirupa.com/t/codes-not-working/640070)
**Author:** [@Ramzy\_Phailin](https://forum.kirupa.com/u/Ramzy_Phailin)\ **Replies:** 3\ **Last updated:** [November 12, 2019, 8:49pm UTC](https://forum.kirupa.com/t/codes-not-working/640070 "2019-11-12T20:49:19Z")
Hi I’ve been practised from the Learn React: Hands-On Guide to Building Web Applications Using React and Redux (2nd Edition). I am currently viewing the chapter 3 on the component. When I try to follow through and see t… --- ## [Diving Into Sets](https://forum.kirupa.com/t/diving-into-sets/641031)
**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\ **Replies:** 2\ **Last updated:** [November 9, 2019, 4:40am UTC](https://forum.kirupa.com/t/diving-into-sets/641031 "2019-11-09T04:40:27Z")
When it comes to storing a collection of data, arrays probably come to mind first. They’ve been around forever, are very flexible, and contain a boatload of properties that make using them a breeze. Over the past few yea… --- ## [Using the Cache Api with only a web worker](https://forum.kirupa.com/t/using-the-cache-api-with-only-a-web-worker/640979)
**Author:** [@bstagy](https://forum.kirupa.com/u/bstagy)\ **Replies:** 3\ **Last updated:** [November 8, 2019, 4:31am UTC](https://forum.kirupa.com/t/using-the-cache-api-with-only-a-web-worker/640979 "2019-11-08T04:31:15Z")
Hi, I’m new to PWA’s and am working on my first one. I’m at the point where decisions have to be made on storage. I understand to use a service worker in say, Heroku, you have to have an SSL certificate. And to have a… --- ## [Getting 429 response when checking ip address](https://forum.kirupa.com/t/getting-429-response-when-checking-ip-address/640950)
**Author:** [@Jesse\_Liberty](https://forum.kirupa.com/u/Jesse_Liberty)\ **Replies:** 3\ **Last updated:** [October 27, 2019, 7:09pm UTC](https://forum.kirupa.com/t/getting-429-response-when-checking-ip-address/640950 "2019-10-27T19:09:44Z")
I’m sorry to have so many questions. When I check “https://ipinfo.io/json” by putting it in a browser, it works fine. But in my code I get a 429 response. Any idea what I’m doing wrong? --- ## [Hiding File Input UI](https://forum.kirupa.com/t/hiding-file-input-ui/640953)
**Author:** [@clo](https://forum.kirupa.com/u/clo)\ **Replies:** 1\ **Last updated:** [October 29, 2019, 12:51pm UTC](https://forum.kirupa.com/t/hiding-file-input-ui/640953 "2019-10-29T12:51:26Z")
I wanted to overwrite the typical “Choose file” button of the \ and got the below code to hide the standard and replace it with a Semantic-UI \. However, I realised in hiding the original input button, I als… --- ## [how to make nth-child include a range (eg. 0-19)](https://forum.kirupa.com/t/how-to-make-nth-child-include-a-range-eg-0-19/640927)
**Author:** [@4a0g1kfa54](https://forum.kirupa.com/u/4a0g1kfa54)\ **Replies:** 10\ **Last updated:** [October 28, 2019, 1:26pm UTC](https://forum.kirupa.com/t/how-to-make-nth-child-include-a-range-eg-0-19/640927 "2019-10-28T13:26:42Z")
hi all, I have a bit of css code and each div child needs to have a property. Hence it looks like this. It goes from 0 all the way to 19. div:nth-child(0) { transform: translate3D(0%, 0%, calc(var(--itemZ) \* var(--cam… --- ## [Research survey in web development](https://forum.kirupa.com/t/research-survey-in-web-development/640877)
**Author:** [@iResearch](https://forum.kirupa.com/u/iResearch)\ **Replies:** 2\ **Last updated:** [October 28, 2019, 12:32pm UTC](https://forum.kirupa.com/t/research-survey-in-web-development/640877 "2019-10-28T12:32:40Z")
Hi, At the Information Security and Privacy Lab at the University of Lausanne (https://isplab.unil.ch), we are conducting research on web development practices. This survey is for web developers. Completing the survey… --- ## [Wordpress plugin revslider issue to update the PHP Version](https://forum.kirupa.com/t/wordpress-plugin-revslider-issue-to-update-the-php-version/640885)
**Author:** [@nuzzledot](https://forum.kirupa.com/u/nuzzledot)\ **Replies:** 0\ **Last updated:** [October 18, 2019, 11:40am UTC](https://forum.kirupa.com/t/wordpress-plugin-revslider-issue-to-update-the-php-version/640885 "2019-10-18T11:40:48Z")
Hello my site run on the PHP version 5.6 but when i have update the PHP version 7.0 the site is not working it will be showing white page only. I have enable debug log and check that revslider plugin not working in the… --- ## [List Items Vertically Spaced Evenly Within a Flexbox Container](https://forum.kirupa.com/t/list-items-vertically-spaced-evenly-within-a-flexbox-container/640131)
**Author:** [@AurturoJane](https://forum.kirupa.com/u/AurturoJane)\ **Replies:** 1\ **Last updated:** [August 6, 2019, 1:44pm UTC](https://forum.kirupa.com/t/list-items-vertically-spaced-evenly-within-a-flexbox-container/640131 "2019-08-06T13:44:30Z")
Alright guys, I’m learning CSS right now, and I’m kind of stumped as to why I can’t get it to do what I want it to do. It’s probably something extremely simple that I’m overlooking. I’m wanting to have an unordered list… --- ## [loading page issues](https://forum.kirupa.com/t/loading-page-issues/640580)
**Author:** [@fpiera](https://forum.kirupa.com/u/fpiera)\ **Replies:** 1\ **Last updated:** [September 22, 2019, 2:21pm UTC](https://forum.kirupa.com/t/loading-page-issues/640580 "2019-09-22T14:21:25Z")
Hi, I hope you can help with this issue. Iam not full skilled with JS. Recently I followed the video “Creating a Smooth Sliding Menu” and every seems to work fine until the page is reloaded. The “sliding menu” is always… --- ## [Picking Random Item in a Multi-dimensional Array](https://forum.kirupa.com/t/picking-random-item-in-a-multi-dimensional-array/640802)
**Author:** [@v\_vendetta](https://forum.kirupa.com/u/v_vendetta)\ **Replies:** 5\ **Last updated:** [October 10, 2019, 5:35pm UTC](https://forum.kirupa.com/t/picking-random-item-in-a-multi-dimensional-array/640802 "2019-10-10T17:35:50Z")
--- ## [Why are the parameters newProps, newState? What is new about them?](https://forum.kirupa.com/t/why-are-the-parameters-newprops-newstate-what-is-new-about-them/640949)
**Author:** [@Jesse\_Liberty](https://forum.kirupa.com/u/Jesse_Liberty)\ **Replies:** 2\ **Last updated:** [October 27, 2019, 3:47pm UTC](https://forum.kirupa.com/t/why-are-the-parameters-newprops-newstate-what-is-new-about-them/640949 "2019-10-27T15:47:40Z")
shouldComponentUpdate(newProps, newState) { Why are these parameters “new” when they contain the same state as is in the Component? --- ## [Chapter 9 - initial code (circle) does not work](https://forum.kirupa.com/t/chapter-9-initial-code-circle-does-not-work/640947)
**Author:** [@Jesse\_Liberty](https://forum.kirupa.com/u/Jesse_Liberty)\ **Replies:** 5\ **Last updated:** [October 27, 2019, 1:57pm UTC](https://forum.kirupa.com/t/chapter-9-initial-code-circle-does-not-work/640947 "2019-10-27T13:57:20Z")
I copied the code from the web version of the book, and it looks right to my eyes, but no circle: \` From Data to UI #container { padding: 50px; background-color: #fff; } \` [Previous page](https://forum.kirupa.com/latest.md?page=104) [Next page](https://forum.kirupa.com/latest.md?page=106)