# web dev

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

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

**Page:** 40

---

## [Bootstrap Responsive Navbar](https://forum.kirupa.com/t/bootstrap-responsive-navbar/637757)

<div class="topic-metadata">

**Author:** [@VaiFanatic](https://forum.kirupa.com/u/VaiFanatic)\
**Replies:** 3\
**Last updated:** [January 30, 2018, 11:05pm UTC](https://forum.kirupa.com/t/bootstrap-responsive-navbar/637757 "2018-01-30T23:05:01Z")

</div>

So, working on another page, and I’m trying to make it so that the navbar becomes the overused hamburger we all know and love using bootstrap. One big issue I’m having is that even customizing bootstrap to my needs, the…

---

## [Progressive Web Apps (PWA) and Windows 10](https://forum.kirupa.com/t/progressive-web-apps-pwa-and-windows-10/637192)

<div class="topic-metadata">

**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Replies:** 7\
**Last updated:** [January 26, 2018, 2:20pm UTC](https://forum.kirupa.com/t/progressive-web-apps-pwa-and-windows-10/637192 "2018-01-26T14:20:00Z")

</div>

Hi everyone! I recently gave a talk at the Edge Summit around what I spend a lot of my hours working on - Microsoft’s PWA plans and how it integrates nicely with the larger goal of re-using web code for both web and nat…

---

## [Simple Redux with nested state?](https://forum.kirupa.com/t/simple-redux-with-nested-state/637756)

<div class="topic-metadata">

**Author:** [@senocular](https://forum.kirupa.com/u/senocular)\
**Replies:** 1\
**Last updated:** [January 24, 2018, 5:36pm UTC](https://forum.kirupa.com/t/simple-redux-with-nested-state/637756 "2018-01-24T17:36:14Z")

</div>

I’m working on a React-Redux conversion of a part of an app with a deeply nested state. It seems the common approach is to use normalizr for this, but I’m trying to keep things as simple as possible and the maintain the …

---

## [Please review my site!](https://forum.kirupa.com/t/please-review-my-site/637240)

<div class="topic-metadata">

**Author:** [@Sasha\_Sydorenko](https://forum.kirupa.com/u/Sasha_Sydorenko)\
**Replies:** 3\
**Last updated:** [October 1, 2017, 5:21pm UTC](https://forum.kirupa.com/t/please-review-my-site/637240 "2017-10-01T17:21:07Z")

</div>

Hello! Please review my site http://life-reactor.com There are some problems with my page speed. I already compressed my images. What can i do more?

---

## [PHP Help! (SOLVED)](https://forum.kirupa.com/t/php-help-solved/637676)

<div class="topic-metadata">

**Author:** [@bbpanzu](https://forum.kirupa.com/u/bbpanzu)\
**Replies:** 0\
**Last updated:** [December 30, 2017, 6:26am UTC](https://forum.kirupa.com/t/php-help-solved/637676 "2017-12-30T06:26:00Z")

</div>

This is the code i use: \<?php $target\_dir = "uploads/"; $target\_file = $target\_dir . basename($\_FILES\["fileToUpload"\]\["name"\]); $uploadOk = 1; $imageFileType = strtolower(pathinfo($target\_file,PATHINFO\_EXTENSION)); // C…

---

## [Devops, vagrant? Your insight is appreciated](https://forum.kirupa.com/t/devops-vagrant-your-insight-is-appreciated/637614)

<div class="topic-metadata">

**Author:** [@Casey\_Carnnia](https://forum.kirupa.com/u/Casey_Carnnia)\
**Replies:** 2\
**Last updated:** [December 18, 2017, 6:18pm UTC](https://forum.kirupa.com/t/devops-vagrant-your-insight-is-appreciated/637614 "2017-12-18T18:18:11Z")

</div>

I just watched the “Easily Creating Your React Dev Environment” video. I want to set up my local development environment such that mimics the production. Mostly because our current production environment is simply a LAMP…

---

## [React fragment syntax (\<\>\</\>) is here](https://forum.kirupa.com/t/react-fragment-syntax-is-here/637536)

<div class="topic-metadata">

**Author:** [@senocular](https://forum.kirupa.com/u/senocular)\
**Replies:** 4\
**Last updated:** [November 29, 2017, 11:48pm UTC](https://forum.kirupa.com/t/react-fragment-syntax-is-here/637536 "2017-11-29T23:48:07Z")

</div>

Used to wrap groups of elements without using a rendered container element.

---

## [How to host your WordPress website on Linode](https://forum.kirupa.com/t/how-to-host-your-wordpress-website-on-linode/637368)

<div class="topic-metadata">

**Author:** [@baldwinjackson](https://forum.kirupa.com/u/baldwinjackson)\
**Replies:** 1\
**Last updated:** [November 8, 2017, 5:53am UTC](https://forum.kirupa.com/t/how-to-host-your-wordpress-website-on-linode/637368 "2017-11-08T05:53:14Z")

</div>

Hello everyone I am looking for the easiest way of hosting WordPress website on Linode cloud servers? Kindly share your experiences.

---

## [javasript random colors for div background](https://forum.kirupa.com/t/javasript-random-colors-for-div-background/637437)

<div class="topic-metadata">

**Author:** [@Ruth\_Harris\_Shumate](https://forum.kirupa.com/u/Ruth_Harris_Shumate)\
**Replies:** 2\
**Last updated:** [November 13, 2017, 10:28pm UTC](https://forum.kirupa.com/t/javasript-random-colors-for-div-background/637437 "2017-11-13T22:28:02Z")

</div>

I am trying to create hex colors randomly that will change the background of a div. It should repeat until a code tells it to stop. I have the code to generate the color I think. function getRandomColor() { …

---

## [Set timeout on snowflake animation](https://forum.kirupa.com/t/set-timeout-on-snowflake-animation/637428)

<div class="topic-metadata">

**Author:** [@simongreenland](https://forum.kirupa.com/u/simongreenland)\
**Replies:** 0\
**Last updated:** [November 11, 2017, 10:00pm UTC](https://forum.kirupa.com/t/set-timeout-on-snowflake-animation/637428 "2017-11-11T22:00:28Z")

</div>

Hi. Is it possible to set a timeout on the snowflake animation at: It’s really nice, but I would like it to stop after 30 seconds perhaps? Thanks, Si

---

## [javascript Keypress code problem](https://forum.kirupa.com/t/javascript-keypress-code-problem/637420)

<div class="topic-metadata">

**Author:** [@Ruth\_Harris\_Shumate](https://forum.kirupa.com/u/Ruth_Harris_Shumate)\
**Replies:** 2\
**Last updated:** [November 11, 2017, 2:24am UTC](https://forum.kirupa.com/t/javascript-keypress-code-problem/637420 "2017-11-11T02:24:54Z")

</div>

I want to create a Javascript program that when I press a key it will give me a matching image. I have images named Letter-ATumb, Letter-BThumb to Letter-ZThumb. Do I have to convert the code I get from keypress even…

---

## [Javascript function to change input on forms](https://forum.kirupa.com/t/javascript-function-to-change-input-on-forms/637416)

<div class="topic-metadata">

**Author:** [@Ruth\_Harris\_Shumate](https://forum.kirupa.com/u/Ruth_Harris_Shumate)\
**Replies:** 3\
**Last updated:** [November 10, 2017, 11:37pm UTC](https://forum.kirupa.com/t/javascript-function-to-change-input-on-forms/637416 "2017-11-10T23:37:00Z")

</div>

I got the the input but I was wondering if I have to write a function for each input element or is there easy or more effective way to this in Javascript. \<html\> \<head\> \</head\> \<body\> \<br /\> \<h3\>Fun With the…

---

## [Javascript removing element from the DOM via user input](https://forum.kirupa.com/t/javascript-removing-element-from-the-dom-via-user-input/637389)

<div class="topic-metadata">

**Author:** [@Ruth\_Harris\_Shumate](https://forum.kirupa.com/u/Ruth_Harris_Shumate)\
**Replies:** 7\
**Last updated:** [November 8, 2017, 6:12pm UTC](https://forum.kirupa.com/t/javascript-removing-element-from-the-dom-via-user-input/637389 "2017-11-08T18:12:11Z")

</div>

I need to prompt for for a color to remove from the list elements. I have able to delete first child and last child and all of the list items. No jquery please. Any help would be appreciate \<html\> \<head\> \<title\>Lab…

---

## [ul within ul within li](https://forum.kirupa.com/t/ul-within-ul-within-li/637405)

<div class="topic-metadata">

**Author:** [@audry](https://forum.kirupa.com/u/audry)\
**Replies:** 1\
**Last updated:** [November 8, 2017, 4:08pm UTC](https://forum.kirupa.com/t/ul-within-ul-within-li/637405 "2017-11-08T16:08:23Z")

</div>

hi I found this free script for org chart and looks pretty straight forward I am just not able to link li within li i.e CFO has 2 employees: employee 1 employee 2 and under and employee 2 there 4 employees that report …

---

## [Is there a way to embed a canvas within another?](https://forum.kirupa.com/t/is-there-a-way-to-embed-a-canvas-within-another/637392)

<div class="topic-metadata">

**Author:** [@Jithin\_Ks](https://forum.kirupa.com/u/Jithin_Ks)\
**Replies:** 1\
**Last updated:** [November 6, 2017, 5:24pm UTC](https://forum.kirupa.com/t/is-there-a-way-to-embed-a-canvas-within-another/637392 "2017-11-06T17:24:52Z")

</div>

I’m creating a web app which makes use of interactive simulations made as canvas to teach subjects. I have a basic canvas where things can be written and drawn just like basic drawing app. I need option to embed another …

---

## [introduction](https://forum.kirupa.com/t/introduction/636101)

<div class="topic-metadata">

**Author:** [@domingotaylor](https://forum.kirupa.com/u/domingotaylor)\
**Replies:** 3\
**Last updated:** [April 7, 2017, 11:11am UTC](https://forum.kirupa.com/t/introduction/636101 "2017-04-07T11:11:32Z")

</div>

hello i am new here please support for me

---

## [\[CSS/Jquery HELP\] Menu dropdown not rolling up on mobile view!](https://forum.kirupa.com/t/css-jquery-help-menu-dropdown-not-rolling-up-on-mobile-view/637285)

<div class="topic-metadata">

**Author:** [@jetiz](https://forum.kirupa.com/u/jetiz)\
**Replies:** 2\
**Last updated:** [October 11, 2017, 6:02am UTC](https://forum.kirupa.com/t/css-jquery-help-menu-dropdown-not-rolling-up-on-mobile-view/637285 "2017-10-11T06:02:14Z")

</div>

Hi, The one-page website menu stopped rolling up on selection in mobile view? Once we select the menu option, the open drop-down menu should close and the user should be taken to that section. Not able to figure out th…

---

## [Anyone use Vue?](https://forum.kirupa.com/t/anyone-use-vue/637262)

<div class="topic-metadata">

**Author:** [@senocular](https://forum.kirupa.com/u/senocular)\
**Replies:** 6\
**Last updated:** [October 8, 2017, 5:18am UTC](https://forum.kirupa.com/t/anyone-use-vue/637262 "2017-10-08T05:18:39Z")

</div>

If you have, I was wondering what your experiences with it has been, especially compared to any other framework/library you’ve used. I started looking into it as a comparison to some internal library and some things abo…

---

## [Iframe loading and processing](https://forum.kirupa.com/t/iframe-loading-and-processing/637270)

<div class="topic-metadata">

**Author:** [@Mulligan81](https://forum.kirupa.com/u/Mulligan81)\
**Replies:** 0\
**Last updated:** [October 6, 2017, 3:17pm UTC](https://forum.kirupa.com/t/iframe-loading-and-processing/637270 "2017-10-06T15:17:33Z")

</div>

Having following code \<iframe id="myframe" src="..."\>\</iframe\> \<script\> document.getElementById('myframe').onload = function() { alert('myframe is loaded'); }; \</script\> i wonder how does the browser pro…

---

## [Expand div onclick of it while others with the same class name remains hidden](https://forum.kirupa.com/t/expand-div-onclick-of-it-while-others-with-the-same-class-name-remains-hidden/637254)

<div class="topic-metadata">

**Author:** [@ConnelBlaze](https://forum.kirupa.com/u/ConnelBlaze)\
**Replies:** 5\
**Last updated:** [October 3, 2017, 11:55am UTC](https://forum.kirupa.com/t/expand-div-onclick-of-it-while-others-with-the-same-class-name-remains-hidden/637254 "2017-10-03T11:55:46Z")

</div>

this is what i want to achieve. but this is what i have: \<!-- master image --\> \<div class="ba b--black-20 ph2 pv3 cf pointer"\> \<span\>What is a master image?\</span\> \<svg width="17" height="10" viewBox…

---

## [window.controllers is deprecated. An alternative?](https://forum.kirupa.com/t/window-controllers-is-deprecated-an-alternative/637233)

<div class="topic-metadata">

**Author:** [@gNeandr](https://forum.kirupa.com/u/gNeandr)\
**Replies:** 4\
**Last updated:** [October 2, 2017, 10:39am UTC](https://forum.kirupa.com/t/window-controllers-is-deprecated-an-alternative/637233 "2017-10-02T10:39:33Z")

</div>

Using window.location.href = “mailto:” + strMailto; will throw on the console: window.controllers is deprecated. Do not use it for UA detection. Also the msg is thrown, a compose window is opened with the mailto …

---

## [How to make divs overlap - mobile friendly?](https://forum.kirupa.com/t/how-to-make-divs-overlap-mobile-friendly/637224)

<div class="topic-metadata">

**Author:** [@AlexTechFlow](https://forum.kirupa.com/u/AlexTechFlow)\
**Replies:** 1\
**Last updated:** [September 27, 2017, 3:32am UTC](https://forum.kirupa.com/t/how-to-make-divs-overlap-mobile-friendly/637224 "2017-09-27T03:32:46Z")

</div>

Hi everyone. I am wondering if z-index is mobile friendly? Here’s one example of what I’m trying to achieve: What is the best way to keep the heading stay on top of all other elements? I don’t want it sliding down…

---

## [How to Learn Front End Web Development in 6 Weeks?](https://forum.kirupa.com/t/how-to-learn-front-end-web-development-in-6-weeks/635377)

<div class="topic-metadata">

**Author:** [@Syrasi](https://forum.kirupa.com/u/Syrasi)\
**Replies:** 2\
**Last updated:** [September 26, 2017, 5:42pm UTC](https://forum.kirupa.com/t/how-to-learn-front-end-web-development-in-6-weeks/635377 "2017-09-26T17:42:06Z")

</div>

I want to learn how to convert a PSD Website Template into a working HTML5/CSS3/jQuery Template. The purpose is to be get hired for a job as a Front-End Web Developer. For this learning, I have only 6 Weeks. I know very …

---

## [Making a responsive page !](https://forum.kirupa.com/t/making-a-responsive-page/635527)

<div class="topic-metadata">

**Author:** [@Jonny\_Silva](https://forum.kirupa.com/u/Jonny_Silva)\
**Replies:** 2\
**Last updated:** [September 26, 2017, 5:35pm UTC](https://forum.kirupa.com/t/making-a-responsive-page/635527 "2017-09-26T17:35:13Z")

</div>

Hey guys ! I want to learn how make responsive pages, adapt the page to diferent resolutions. I have little idea of how I'm supposed to do it though, any tips would be great help ! Thanks !

---

## [List items selection w React](https://forum.kirupa.com/t/list-items-selection-w-react/637182)

<div class="topic-metadata">

**Author:** [@gNeandr](https://forum.kirupa.com/u/gNeandr)\
**Replies:** 2\
**Last updated:** [September 18, 2017, 12:55am UTC](https://forum.kirupa.com/t/list-items-selection-w-react/637182 "2017-09-18T00:55:55Z")

</div>

How to get a collection of items from a list with 'group/block' select. Assume using REACT to render a sorted list where each item can be selected with mouse click. The selector is an 'id' which was assigned with build…

---

## [Collection of Resources for using IDEs for Web Development](https://forum.kirupa.com/t/collection-of-resources-for-using-ides-for-web-development/635752)

<div class="topic-metadata">

**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Replies:** 3\
**Last updated:** [September 15, 2017, 3:38pm UTC](https://forum.kirupa.com/t/collection-of-resources-for-using-ides-for-web-development/635752 "2017-09-15T15:38:36Z")

</div>

Hi, everyone! I realized there is always a shortage of resources around using IDEs for web development. I figured, we can use this thread to collect informative videos and articles that you all may find useful :slight\_sm…

---

## [Webcam not displaying anything!](https://forum.kirupa.com/t/webcam-not-displaying-anything/637105)

<div class="topic-metadata">

**Author:** [@schmolck](https://forum.kirupa.com/u/schmolck)\
**Replies:** 4\
**Last updated:** [August 30, 2017, 3:13pm UTC](https://forum.kirupa.com/t/webcam-not-displaying-anything/637105 "2017-08-30T15:13:03Z")

</div>

---

## [Removing Duplicate Items from an Array](https://forum.kirupa.com/t/removing-duplicate-items-from-an-array/399397)

<div class="topic-metadata">

**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Replies:** 9\
**Last updated:** [August 23, 2017, 10:52pm UTC](https://forum.kirupa.com/t/removing-duplicate-items-from-an-array/399397 "2017-08-23T22:52:24Z")

</div>

THE place to discuss this tutorial: https://www.kirupa.com/html5/removing\_duplicate\_items\_from\_an\_array.htm

---

## [Simple Queue Implementation in JavaScript](https://forum.kirupa.com/t/simple-queue-implementation-in-javascript/637077)

<div class="topic-metadata">

**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Replies:** 6\
**Last updated:** [August 22, 2017, 11:36pm UTC](https://forum.kirupa.com/t/simple-queue-implementation-in-javascript/637077 "2017-08-22T23:36:54Z")

</div>

Filing under the bucket of "Why not!", here is a Queue implementation (with some optimizations from @senocular from the Stacks thread): class Queue { constructor(...items) { this.items = items; } cl…

---

## [How to go about Front End Web developement for a beginner?](https://forum.kirupa.com/t/how-to-go-about-front-end-web-developement-for-a-beginner/637061)

<div class="topic-metadata">

**Author:** [@snitin8994](https://forum.kirupa.com/u/snitin8994)\
**Replies:** 2\
**Last updated:** [August 20, 2017, 3:46am UTC](https://forum.kirupa.com/t/how-to-go-about-front-end-web-developement-for-a-beginner/637061 "2017-08-20T03:46:35Z")

</div>

I am an entrant to the world of front-end web development. I learnt basic HTML, CSS, JavaScript. But I see lots of things going around, like - jQuery, Bootstrap, React, React native, Ember, Backbone, Angular, Vue, SVG ,…

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

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