# web dev

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

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

**Page:** 36

---

## [Dreamweaver CSS search/finder](https://forum.kirupa.com/t/dreamweaver-css-search-finder/640008)

<div class="topic-metadata">

**Author:** [@Desire](https://forum.kirupa.com/u/Desire)\
**Replies:** 1\
**Last updated:** [July 5, 2019, 2:31pm UTC](https://forum.kirupa.com/t/dreamweaver-css-search-finder/640008 "2019-07-05T14:31:21Z")

</div>

Hi Guys, recently been given a site to look over, (web is not really my thing) it seems to be using bootstrap and animate mainly but has loads of other .CSS and .JS files referenced in the HTML. which is fine I guess h…

---

## [The meaning of "this"?](https://forum.kirupa.com/t/the-meaning-of-this/640144)

<div class="topic-metadata">

**Author:** [@teqizer](https://forum.kirupa.com/u/teqizer)\
**Replies:** 2\
**Last updated:** [August 8, 2019, 4:34pm UTC](https://forum.kirupa.com/t/the-meaning-of-this/640144 "2019-08-08T16:34:00Z")

</div>

Game.prototype.restart = function () { this.clearLocalStorage(); this.timer = setTimeout(function() { this.clearBoard(); // what is "this"? }, 0); }; Executing the above code results in the following error: …

---

## [Wordpress Contact Form 7 success message Issue](https://forum.kirupa.com/t/wordpress-contact-form-7-success-message-issue/640099)

<div class="topic-metadata">

**Author:** [@teqizer](https://forum.kirupa.com/u/teqizer)\
**Replies:** 1\
**Last updated:** [July 31, 2019, 4:24am UTC](https://forum.kirupa.com/t/wordpress-contact-form-7-success-message-issue/640099 "2019-07-31T04:24:15Z")

</div>

I have one problem in the WordPress contact form 7. I want to add the HTML code in the contact form 7 success and error Message but when I have put the HTML tag then it will be showing an error. please tell me if any ot…

---

## [How to run react project](https://forum.kirupa.com/t/how-to-run-react-project/640045)

<div class="topic-metadata">

**Author:** [@clo](https://forum.kirupa.com/u/clo)\
**Replies:** 2\
**Last updated:** [July 18, 2019, 4:29pm UTC](https://forum.kirupa.com/t/how-to-run-react-project/640045 "2019-07-18T16:29:50Z")

</div>

I deleted my local project and recloned from git. What are the steps for getting an existing react project running? I tried npm install node and npm install react before npm start but the project no longer started up loc…

---

## [Chapter 14 too many requests error](https://forum.kirupa.com/t/chapter-14-too-many-requests-error/639460)

<div class="topic-metadata">

**Author:** [@cynonymous](https://forum.kirupa.com/u/cynonymous)\
**Replies:** 4\
**Last updated:** [June 27, 2019, 4:24pm UTC](https://forum.kirupa.com/t/chapter-14-too-many-requests-error/639460 "2019-06-27T16:24:56Z")

</div>

I am getting a http429 too many requests error trying to get from https://ipinfo.io/json. Is there another service I can use instead? Or is there a workaround for this?

---

## [IPAddress from React book component only works w/ "on your network"](https://forum.kirupa.com/t/ipaddress-from-react-book-component-only-works-w-on-your-network/639505)

<div class="topic-metadata">

**Author:** [@bullsharktestosteron](https://forum.kirupa.com/u/bullsharktestosteron)\
**Replies:** 14\
**Last updated:** [June 26, 2019, 4:52pm UTC](https://forum.kirupa.com/t/ipaddress-from-react-book-component-only-works-w-on-your-network/639505 "2019-06-26T16:52:03Z")

</div>

so from the React book, the \<IPAddress /\> and \<IPAddressContainer /\> app only shows the IP address on the screen when I click where the mouse is in this pic: yet the picture in the book has localhost:3000 in the addr…

---

## [Depth of Field Effect?](https://forum.kirupa.com/t/depth-of-field-effect/639936)

<div class="topic-metadata">

**Author:** [@4a0g1kfa54](https://forum.kirupa.com/u/4a0g1kfa54)\
**Replies:** 0\
**Last updated:** [June 14, 2019, 11:15am UTC](https://forum.kirupa.com/t/depth-of-field-effect/639936 "2019-06-14T11:15:50Z")

</div>

Hi all, Just trying to create a modal that zooms and blurs the background back. Based on avgrund by hakim Avgrund - A modal UI concept Now it has nesting modals also with the help of @deathshadow over at codingforums. …

---

## [Zoom and Blur Modal Nesting](https://forum.kirupa.com/t/zoom-and-blur-modal-nesting/639928)

<div class="topic-metadata">

**Author:** [@4a0g1kfa54](https://forum.kirupa.com/u/4a0g1kfa54)\
**Replies:** 0\
**Last updated:** [June 12, 2019, 8:50pm UTC](https://forum.kirupa.com/t/zoom-and-blur-modal-nesting/639928 "2019-06-12T20:50:17Z")

</div>

Hi all, Just trying to create a modal that zooms and blurs the background back. Based on avgrund by hakim https://lab.hakim.se/avgrund/ I extended it to get several modals to work. See fiddle: https://jsfiddle.net/pos…

---

## [Push /Pull vs Order](https://forum.kirupa.com/t/push-pull-vs-order/639877)

<div class="topic-metadata">

**Author:** [@Desire](https://forum.kirupa.com/u/Desire)\
**Replies:** 3\
**Last updated:** [May 29, 2019, 3:41pm UTC](https://forum.kirupa.com/t/push-pull-vs-order/639877 "2019-05-29T15:41:14Z")

</div>

Hi all, so im looking into ordering columns on mobile differently to desktop but have realised the version i downloaded of bootstrap is “outdated” i think…? it doesn’t contain push/pull classes but does contain order-0 …

---

## [Bootstrap Forms - Help please](https://forum.kirupa.com/t/bootstrap-forms-help-please/639855)

<div class="topic-metadata">

**Author:** [@Desire](https://forum.kirupa.com/u/Desire)\
**Replies:** 3\
**Last updated:** [May 22, 2019, 11:09pm UTC](https://forum.kirupa.com/t/bootstrap-forms-help-please/639855 "2019-05-22T23:09:22Z")

</div>

Hi All, Im looking for some help on how forms work within bootstrap… Im currently playing about with this theme… https://startbootstrap.com/previews/grayscale/ I only know very basic html/css and I cant see how the for…

---

## [not adding ()'s to function calls?](https://forum.kirupa.com/t/not-adding-s-to-function-calls/639827)

<div class="topic-metadata">

**Author:** [@Raph59](https://forum.kirupa.com/u/Raph59)\
**Replies:** 1\
**Last updated:** [May 17, 2019, 4:27pm UTC](https://forum.kirupa.com/t/not-adding-s-to-function-calls/639827 "2019-05-17T16:27:16Z")

</div>

I have a different book saying this will work window.onload = init; function init() { var button = document.getElementById("addButton"); button.onclick = handleButtonclick; } function handleButtonclick() { alert …

---

## [Unit Testing React Components and Web Components](https://forum.kirupa.com/t/unit-testing-react-components-and-web-components/639758)

<div class="topic-metadata">

**Author:** [@Wayne](https://forum.kirupa.com/u/Wayne)\
**Replies:** 3\
**Last updated:** [May 10, 2019, 12:23pm UTC](https://forum.kirupa.com/t/unit-testing-react-components-and-web-components/639758 "2019-05-10T12:23:37Z")

</div>

Hey, I have been using Enzyme to unit test React Components. What are you guys using for Unit testing Web Components? Is Cypress.io the only one to use? Enzyme does not work for Web components.

---

## [Reactjs build difference](https://forum.kirupa.com/t/reactjs-build-difference/639750)

<div class="topic-metadata">

**Author:** [@riyesh\_poolanchalil](https://forum.kirupa.com/u/riyesh_poolanchalil)\
**Replies:** 1\
**Last updated:** [May 7, 2019, 5:47am UTC](https://forum.kirupa.com/t/reactjs-build-difference/639750 "2019-05-07T05:47:59Z")

</div>

Hi Guys, I am fairly new to reactjs and Javascript. I am just trying to learn reactjs. I have a bunch of doubts when I started learning reactjs few of them I manage to clear reading stuffs online. Some of the answers f…

---

## [Gimli - VSCode extension - visual tools for front-end developers](https://forum.kirupa.com/t/gimli-vscode-extension-visual-tools-for-front-end-developers/639619)

<div class="topic-metadata">

**Author:** [@prg9](https://forum.kirupa.com/u/prg9)\
**Replies:** 7\
**Last updated:** [April 25, 2019, 1:30pm UTC](https://forum.kirupa.com/t/gimli-vscode-extension-visual-tools-for-front-end-developers/639619 "2019-04-25T13:30:57Z")

</div>

Hope this is ok to post here, I thought some may find it interesting. https://gimli.app/ https://www.kickstarter.com/projects/182057119/gimli The concept of being an extension inside of VS Code is pretty nice. Many ap…

---

## [React-Redux v7 Released](https://forum.kirupa.com/t/react-redux-v7-released/639639)

<div class="topic-metadata">

**Author:** [@senocular](https://forum.kirupa.com/u/senocular)\
**Replies:** 0\
**Last updated:** [April 9, 2019, 6:35pm UTC](https://forum.kirupa.com/t/react-redux-v7-released/639639 "2019-04-09T18:35:43Z")

</div>

Built with hooks and includes new features like batch import { batch } from "react-redux"; function myThunk() { return (dispatch, getState) =\> { // should only result in one combined re-render, not two …

---

## ["Using Redux with React" question in Chapter 20?](https://forum.kirupa.com/t/using-redux-with-react-question-in-chapter-20/639627)

<div class="topic-metadata">

**Author:** [@Jasonliao](https://forum.kirupa.com/u/Jasonliao)\
**Replies:** 3\
**Last updated:** [April 9, 2019, 6:14pm UTC](https://forum.kirupa.com/t/using-redux-with-react-question-in-chapter-20/639627 "2019-04-09T18:14:32Z")

</div>

Hi, There is a point I don’t understand. On page 260, it has the following code in the index.js. import App from “./App”; But there is no “App” component being defined in the App.js (on page 263). The end example i…

---

## [Identifying WebKit (aka Safari, iOS WebView, etc.) Users via JavaScript](https://forum.kirupa.com/t/identifying-webkit-aka-safari-ios-webview-etc-users-via-javascript/639534)

<div class="topic-metadata">

**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Replies:** 1\
**Last updated:** [March 27, 2019, 5:38am UTC](https://forum.kirupa.com/t/identifying-webkit-aka-safari-ios-webview-etc-users-via-javascript/639534 "2019-03-27T05:38:05Z")

</div>

Yes, I know that you aren’t supposed to do browser sniffing using user agents. Yes, I also know that you should use feature detection instead. Yes, I also ALSO know that even a trained jellyfish can spoof the user agent …

---

## [Unreadability of JS, #1394](https://forum.kirupa.com/t/unreadability-of-js-1394/639581)

<div class="topic-metadata">

**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Replies:** 5\
**Last updated:** [April 1, 2019, 4:19am UTC](https://forum.kirupa.com/t/unreadability-of-js-1394/639581 "2019-04-01T04:19:49Z")

</div>

Maybe I am getting all curmedgeony, but if I saw that code in regular usage, I wouldn’t know where to begin :stuck\_out\_tongue:

---

## [Sticky NavBar works on lapTop but not on iPhone.](https://forum.kirupa.com/t/sticky-navbar-works-on-laptop-but-not-on-iphone/639532)

<div class="topic-metadata">

**Author:** [@snowmandsp](https://forum.kirupa.com/u/snowmandsp)\
**Replies:** 10\
**Last updated:** [March 29, 2019, 2:47am UTC](https://forum.kirupa.com/t/sticky-navbar-works-on-laptop-but-not-on-iphone/639532 "2019-03-29T02:47:36Z")

</div>

I want the page to be responsive so I stopped using position: fixed. I like the flex ability move the browser page right to left (shrink) and the spacing stays the same right to left. Any thoughts? HTML …

---

## [Kindly review my site](https://forum.kirupa.com/t/kindly-review-my-site/638175)

<div class="topic-metadata">

**Author:** [@Mathew05](https://forum.kirupa.com/u/Mathew05)\
**Replies:** 4\
**Last updated:** [March 25, 2019, 2:03pm UTC](https://forum.kirupa.com/t/kindly-review-my-site/638175 "2019-03-25T14:03:31Z")

</div>

Hey guys this is Mathew Richard this is my site REMOVED It can’t get rank . I don’t no what’s wrong in it’s on page . Kindly review and give some advices Thanks in advance

---

## [Why the \<li\> not active when i click on it](https://forum.kirupa.com/t/why-the-li-not-active-when-i-click-on-it/639527)

<div class="topic-metadata">

**Author:** [@hao](https://forum.kirupa.com/u/hao)\
**Replies:** 0\
**Last updated:** [March 21, 2019, 4:48am UTC](https://forum.kirupa.com/t/why-the-li-not-active-when-i-click-on-it/639527 "2019-03-21T04:48:32Z")

</div>

\<style\> .li:hover { background-color: #dcdfe5; cursor: pointer; } .active, .li:hover { background-color: #dcdfe5; color: white; } \<style\> \<div class="c…

---

## [NavBar will not Stick on iPhone but works on deskTop.](https://forum.kirupa.com/t/navbar-will-not-stick-on-iphone-but-works-on-desktop/639530)

<div class="topic-metadata">

**Author:** [@snowmandsp](https://forum.kirupa.com/u/snowmandsp)\
**Replies:** 1\
**Last updated:** [March 21, 2019, 3:06pm UTC](https://forum.kirupa.com/t/navbar-will-not-stick-on-iphone-but-works-on-desktop/639530 "2019-03-21T15:06:02Z")

</div>

I can not get my navbar to stick at the Top of the page on the iPhone. It sticks on the laptop. I want the page to be responsive so I stop using position: fixed. This is the code with out all the meat. Any thoughts? \<…

---

## [Ajax Calls From Imported External Web Components in PWAs](https://forum.kirupa.com/t/ajax-calls-from-imported-external-web-components-in-pwas/639521)

<div class="topic-metadata">

**Author:** [@Wayne](https://forum.kirupa.com/u/Wayne)\
**Replies:** 3\
**Last updated:** [March 21, 2019, 11:41am UTC](https://forum.kirupa.com/t/ajax-calls-from-imported-external-web-components-in-pwas/639521 "2019-03-21T11:41:02Z")

</div>

Hi, I have many web components that are located in different servers. They all get combined in one master ui that uses these web components. The problem is, the Ajax calls from these external web components that get imp…

---

## [Intellisense](https://forum.kirupa.com/t/intellisense/639502)

<div class="topic-metadata">

**Author:** [@Muthukrishnan\_Tr](https://forum.kirupa.com/u/Muthukrishnan_Tr)\
**Replies:** 6\
**Last updated:** [March 18, 2019, 8:24pm UTC](https://forum.kirupa.com/t/intellisense/639502 "2019-03-18T20:24:34Z")

</div>

---

## [PWA - right approach here?](https://forum.kirupa.com/t/pwa-right-approach-here/639466)

<div class="topic-metadata">

**Author:** [@gNeandr](https://forum.kirupa.com/u/gNeandr)\
**Replies:** 3\
**Last updated:** [March 6, 2019, 3:57am UTC](https://forum.kirupa.com/t/pwa-right-approach-here/639466 "2019-03-06T03:57:53Z")

</div>

Not sure I fully understand how to use PWA. Hope here is help around :wink: I started to use WLAN based devices (like Sonoffs with Tasmota FW). But not using the MQTT setup, but try to use REST. That because only a few …

---

## [PWA dev and Firefox?](https://forum.kirupa.com/t/pwa-dev-and-firefox/639461)

<div class="topic-metadata">

**Author:** [@gNeandr](https://forum.kirupa.com/u/gNeandr)\
**Replies:** 1\
**Last updated:** [March 4, 2019, 6:40pm UTC](https://forum.kirupa.com/t/pwa-dev-and-firefox/639461 "2019-03-04T18:40:03Z")

</div>

Just came back to your “Build a PWA …” and have a problem with the browser. Never installed/used Chrome, I’m always on Firefox. So is there also PWA dev support using FX and it’s DevTools box? If yes, do you know a How…

---

## [React CSS trouble, simple problem](https://forum.kirupa.com/t/react-css-trouble-simple-problem/639378)

<div class="topic-metadata">

**Author:** [@glassbeads](https://forum.kirupa.com/u/glassbeads)\
**Replies:** 6\
**Last updated:** [February 10, 2019, 4:20am UTC](https://forum.kirupa.com/t/react-css-trouble-simple-problem/639378 "2019-02-10T04:20:10Z")

</div>

I can’t get my lite beige background color to cover the width of the screen : /

---

## [Implementing the Invisible ReCaptcha](https://forum.kirupa.com/t/implementing-the-invisible-recaptcha/639375)

<div class="topic-metadata">

**Author:** [@VaiFanatic](https://forum.kirupa.com/u/VaiFanatic)\
**Replies:** 0\
**Last updated:** [February 5, 2019, 8:08pm UTC](https://forum.kirupa.com/t/implementing-the-invisible-recaptcha/639375 "2019-02-05T20:08:16Z")

</div>

So the new v2 invisible ReCaptcha allows you to bind the recaptcha to your own submit button, this is fine if you don’t have additional form validation or want to check that the form has actually been filled out. You ca…

---

## [Responsive hamburger menu behavior](https://forum.kirupa.com/t/responsive-hamburger-menu-behavior/639367)

<div class="topic-metadata">

**Author:** [@PABLO\_SERRANO](https://forum.kirupa.com/u/PABLO_SERRANO)\
**Replies:** 5\
**Last updated:** [February 5, 2019, 8:02pm UTC](https://forum.kirupa.com/t/responsive-hamburger-menu-behavior/639367 "2019-02-05T20:02:17Z")

</div>

The website uses the always responsive hamburger menu. I would like the hamburger menu to display open by default in the home page only showing the menu links. What would be the correct way to display the hamburger menu…

---

## [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…

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

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