# web dev

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

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

**Page:** 42

---

## [I want to learn Vue.js !](https://forum.kirupa.com/t/i-want-to-learn-vue-js/635568)

<div class="topic-metadata">

**Author:** [@Jonny\_Silva](https://forum.kirupa.com/u/Jonny_Silva)\
**Replies:** 1\
**Last updated:** [November 22, 2016, 6:24am UTC](https://forum.kirupa.com/t/i-want-to-learn-vue-js/635568 "2016-11-22T06:24:56Z")

</div>

Hey there ! I intend to learn Vue, I only know some intermediate level JS HTML and CSS. But while taking a peek at it I found myself lacking some concepts. So i'm wondering what I should learn before going into Vue, shou…

---

## [Tutorial: Filtering Items in a List](https://forum.kirupa.com/t/tutorial-filtering-items-in-a-list/331567)

<div class="topic-metadata">

**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Replies:** 4\
**Last updated:** [November 15, 2016, 4:20pm UTC](https://forum.kirupa.com/t/tutorial-filtering-items-in-a-list/331567 "2016-11-15T16:20:58Z")

</div>

This is happening place to discuss all things related to the Filtering Items in a List tutorial. Cheers, Kirupa :vamp:

---

## [Javascript parseInt returning fractional number?](https://forum.kirupa.com/t/javascript-parseint-returning-fractional-number/635547)

<div class="topic-metadata">

**Author:** [@Jonny\_Silva](https://forum.kirupa.com/u/Jonny_Silva)\
**Replies:** 4\
**Last updated:** [November 8, 2016, 8:17pm UTC](https://forum.kirupa.com/t/javascript-parseint-returning-fractional-number/635547 "2016-11-08T20:17:03Z")

</div>

Hey ! I'm geting an element's width using this method: var containerWidth = parseInt($(".progress-bar").width()); So I can do this: if(barWidth \>= (containerWidth\*60)/100){ do something... } I'm trying to see i…

---

## [Little animation with JQuery](https://forum.kirupa.com/t/little-animation-with-jquery/635542)

<div class="topic-metadata">

**Author:** [@Jonny\_Silva](https://forum.kirupa.com/u/Jonny_Silva)\
**Replies:** 4\
**Last updated:** [November 6, 2016, 10:00pm UTC](https://forum.kirupa.com/t/little-animation-with-jquery/635542 "2016-11-06T22:00:50Z")

</div>

Hey there ! I'm trying to make a animation with this code: $(".MyClass").each(function(index) { setTimeout($(this).fadeIn("slow"), 1000); }); The idea was to wait a second then execute the function f…

---

## [Cool Canvas Animation](https://forum.kirupa.com/t/cool-canvas-animation/635495)

<div class="topic-metadata">

**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Replies:** 1\
**Last updated:** [November 2, 2016, 2:10pm UTC](https://forum.kirupa.com/t/cool-canvas-animation/635495 "2016-11-02T14:10:53Z")

</div>

Getting excited over interactive animations like is just one of those things I've never really outgrown! :older\_man:

---

## [Check If Internet Connection Exists in JavaScript](https://forum.kirupa.com/t/check-if-internet-connection-exists-in-javascript/331639)

<div class="topic-metadata">

**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Replies:** 11\
**Last updated:** [October 25, 2016, 8:37am UTC](https://forum.kirupa.com/t/check-if-internet-connection-exists-in-javascript/331639 "2016-10-25T08:37:36Z")

</div>

http://www.kirupa.com/html5/check\_if\_internet\_connection\_exists\_in\_javascript.htm I am always taking notes on my phone, and I wanted to sync them to a web service that I created for fun. As part of that, I needed to en…

---

## [Moving the movie (swf) from a public folder to a pvt folder](https://forum.kirupa.com/t/moving-the-movie-swf-from-a-public-folder-to-a-pvt-folder/635454)

<div class="topic-metadata">

**Author:** [@ajoo](https://forum.kirupa.com/u/ajoo)\
**Replies:** 4\
**Last updated:** [October 24, 2016, 3:45pm UTC](https://forum.kirupa.com/t/moving-the-movie-swf-from-a-public-folder-to-a-pvt-folder/635454 "2016-10-24T15:45:44Z")

</div>

Hi all ! Is it possible and normal to move a movie (swf) file from the public folder / path to a folder outside the root directory so that the swf may not be directly invoked by any user? The image above shows the …

---

## [Help with Event Listeners ?](https://forum.kirupa.com/t/help-with-event-listeners/635440)

<div class="topic-metadata">

**Author:** [@Jonny\_Silva](https://forum.kirupa.com/u/Jonny_Silva)\
**Replies:** 1\
**Last updated:** [October 20, 2016, 9:53pm UTC](https://forum.kirupa.com/t/help-with-event-listeners/635440 "2016-10-20T21:53:55Z")

</div>

Say I have two buttons with 'click' events, as the event goes it's way in the capturing phase and passes through both buttons, will it trigger both of them instead of just the clicked button ?

---

## [CSS Switching banner problem](https://forum.kirupa.com/t/css-switching-banner-problem/84606)

<div class="topic-metadata">

**Author:** [@jw06](https://forum.kirupa.com/u/jw06)\
**Replies:** 4\
**Last updated:** [October 20, 2016, 4:15pm UTC](https://forum.kirupa.com/t/css-switching-banner-problem/84606 "2016-10-20T16:15:37Z")

</div>

I'm trying to make my site stylesheet switchable... Were its all controlled by css and stuff. I'm confused on how I can load a different swf file as the banner when i switch the default stylesheet. Any idea? :(Hope t…

---

## [JavaScript Program \[was: Java Program\]](https://forum.kirupa.com/t/javascript-program-was-java-program/635396)

<div class="topic-metadata">

**Author:** [@PJO999](https://forum.kirupa.com/u/PJO999)\
**Replies:** 5\
**Last updated:** [October 19, 2016, 12:26am UTC](https://forum.kirupa.com/t/javascript-program-was-java-program/635396 "2016-10-19T00:26:43Z")

</div>

The Absolute Beginner's Guide does not follow what I was able to get working. \<h1\>, \<p\>, etc. don't appear in the book. alert does, but does not work. What I am doing wrong? Thanks \<!DOCTYPE html\> \<html\> \<bo…

---

## [Weird Variable Scope ?](https://forum.kirupa.com/t/weird-variable-scope/635426)

<div class="topic-metadata">

**Author:** [@Jonny\_Silva](https://forum.kirupa.com/u/Jonny_Silva)\
**Replies:** 11\
**Last updated:** [October 18, 2016, 2:57pm UTC](https://forum.kirupa.com/t/weird-variable-scope/635426 "2016-10-18T14:57:14Z")

</div>

Hey there, I've been learning Javascript for about a week now and I have this thing going: var input = { inputNumber: "0", bool: true, setInputNumber: function(id){ …

---

## [Controlling the scroll eventlistener](https://forum.kirupa.com/t/controlling-the-scroll-eventlistener/635415)

<div class="topic-metadata">

**Author:** [@bstagy](https://forum.kirupa.com/u/bstagy)\
**Replies:** 6\
**Last updated:** [October 18, 2016, 4:30am UTC](https://forum.kirupa.com/t/controlling-the-scroll-eventlistener/635415 "2016-10-18T04:30:44Z")

</div>

Hello. I’m trying to control a ‘scroll’ eventlistener and I added some conditionals within the function it’s calling. But I’m not having success. It’s actually harder than I originally thought it would be to do this. …

---

## [Javascript Listeners - memory usage / resources / efficiency](https://forum.kirupa.com/t/javascript-listeners-memory-usage-resources-efficiency/634857)

<div class="topic-metadata">

**Author:** [@Olaf\_Calderon](https://forum.kirupa.com/u/Olaf_Calderon)\
**Replies:** 3\
**Last updated:** [October 12, 2016, 6:33pm UTC](https://forum.kirupa.com/t/javascript-listeners-memory-usage-resources-efficiency/634857 "2016-10-12T18:33:21Z")

</div>

Hello, I was reading your post: https://www.kirupa.com/html5/handling\_events\_for\_many\_elements.htm Comments were closed but I had a question I'm hoping the community can help me with. When someone wants to implemen…

---

## [Let's do something fun - brainstorming](https://forum.kirupa.com/t/lets-do-something-fun-brainstorming/635270)

<div class="topic-metadata">

**Author:** [@senocular](https://forum.kirupa.com/u/senocular)\
**Replies:** 21\
**Last updated:** [September 21, 2016, 7:01pm UTC](https://forum.kirupa.com/t/lets-do-something-fun-brainstorming/635270 "2016-09-21T19:01:22Z")

</div>

Let's do something fun. Something to get our creative juices flowing. Kirupa Racquet Club never really panned out. Maybe there's something a little more accessible we can do. Maybe codepen tennis or something? What do…

---

## [Stripe gateway rejecting live payments, thinking it’s in test mode](https://forum.kirupa.com/t/stripe-gateway-rejecting-live-payments-thinking-it-s-in-test-mode/635274)

<div class="topic-metadata">

**Author:** [@AnderSco01](https://forum.kirupa.com/u/AnderSco01)\
**Replies:** 0\
**Last updated:** [September 16, 2016, 2:52pm UTC](https://forum.kirupa.com/t/stripe-gateway-rejecting-live-payments-thinking-it-s-in-test-mode/635274 "2016-09-16T14:52:37Z")

</div>

Hello, Hope you are well. I'm trying to test my Stripe account with a live payment using my own debit card, but even though the toggle on my homepage dashboard is pointing to "Live", I get the following error on my sit…

---

## [HELP: how to make a 3d page transition with css and jquery](https://forum.kirupa.com/t/help-how-to-make-a-3d-page-transition-with-css-and-jquery/635250)

<div class="topic-metadata">

**Author:** [@priyaravidesign](https://forum.kirupa.com/u/priyaravidesign)\
**Replies:** 0\
**Last updated:** [September 12, 2016, 6:13pm UTC](https://forum.kirupa.com/t/help-how-to-make-a-3d-page-transition-with-css-and-jquery/635250 "2016-09-12T18:13:24Z")

</div>

Hi everyone, I'm a student in webdesign, i'm building my portfolio using html/css and jquery. What i want is: - apply a \*\*page transition effect using css with the 'perspective' or 'transform' - and on click on navigat…

---

## [if else statement](https://forum.kirupa.com/t/if-else-statement/635200)

<div class="topic-metadata">

**Author:** [@uxk83961](https://forum.kirupa.com/u/uxk83961)\
**Replies:** 1\
**Last updated:** [September 1, 2016, 5:52pm UTC](https://forum.kirupa.com/t/if-else-statement/635200 "2016-09-01T17:52:12Z")

</div>

I want to create a scenario in a webpage using javascript whereby there are two different pictures on stage, and when the user hits (mouse over) one of the image, there is a message that is displayed accordingly. How do …

---

## [How to wrap text with two different styles on same line?](https://forum.kirupa.com/t/how-to-wrap-text-with-two-different-styles-on-same-line/351951)

<div class="topic-metadata">

**Author:** [@ecsancho](https://forum.kirupa.com/u/ecsancho)\
**Replies:** 1\
**Last updated:** [October 23, 2014, 3:16pm UTC](https://forum.kirupa.com/t/how-to-wrap-text-with-two-different-styles-on-same-line/351951 "2014-10-23T15:16:06Z")

</div>

Hello See attached image on how I want my copy to wrap. I'm having issues with wrapping text with 2 different styles. So I have a headline with a larger bolder font and the body copy which is thinner. I want both headli…

---

## [how to hover an image ?](https://forum.kirupa.com/t/how-to-hover-an-image/635077)

<div class="topic-metadata">

**Author:** [@xImad12](https://forum.kirupa.com/u/xImad12)\
**Replies:** 3\
**Last updated:** [August 23, 2016, 4:23pm UTC](https://forum.kirupa.com/t/how-to-hover-an-image/635077 "2016-08-23T16:23:48Z")

</div>

i want to hover image on another image ? like i have black facebook icon when i want to hover on it i want to switch the color to blue how i can do this ? note( facebook icon is circle)

---

## [Images not Loading completely](https://forum.kirupa.com/t/images-not-loading-completely/635147)

<div class="topic-metadata">

**Author:** [@SKamana](https://forum.kirupa.com/u/SKamana)\
**Replies:** 1\
**Last updated:** [August 23, 2016, 4:19pm UTC](https://forum.kirupa.com/t/images-not-loading-completely/635147 "2016-08-23T16:19:16Z")

</div>

Good day, While working with this on this website I found an annoying behavior. The moment I load the page it will load only some portion of the page ,if I refresh it,then loads properly. Why is this happening ?? I have…

---

## [SASS vs CSS - What to use and when?](https://forum.kirupa.com/t/sass-vs-css-what-to-use-and-when/633115)

<div class="topic-metadata">

**Author:** [@simplykreative](https://forum.kirupa.com/u/simplykreative)\
**Replies:** 4\
**Last updated:** [August 15, 2016, 3:22am UTC](https://forum.kirupa.com/t/sass-vs-css-what-to-use-and-when/633115 "2016-08-15T03:22:58Z")

</div>

CSS is an easy and straightforward language, but when it is gets too long, say for a big project with thousands of line, it turns into a nightmare. But Sass makes CSS fun again. Sass, Syntactically Awesome Styleshe…

---

## [Redirect to non-www-url domain with ASP.NET?](https://forum.kirupa.com/t/redirect-to-non-www-url-domain-with-asp-net/635027)

<div class="topic-metadata">

**Author:** [@Yukito\_Fuzhikhara](https://forum.kirupa.com/u/Yukito_Fuzhikhara)\
**Replies:** 1\
**Last updated:** [July 30, 2016, 1:48am UTC](https://forum.kirupa.com/t/redirect-to-non-www-url-domain-with-asp-net/635027 "2016-07-30T01:48:14Z")

</div>

Hi there... As someone has already suggested I should do the following to redirect www-url to non-www url (or vice versa): Here’s the IIS7 rule to remove the WWW prefix from all incoming URLs. Cut and paste this XML…

---

## [Problem when coding in React?](https://forum.kirupa.com/t/problem-when-coding-in-react/635020)

<div class="topic-metadata">

**Author:** [@Alison\_Marion](https://forum.kirupa.com/u/Alison_Marion)\
**Replies:** 1\
**Last updated:** [July 28, 2016, 3:51am UTC](https://forum.kirupa.com/t/problem-when-coding-in-react/635020 "2016-07-28T03:51:25Z")

</div>

If you are going to set up a new project with the latest version of React and Meteor, you may get benefited from my pattern : https://blog.designveloper.com/2016/06/21/react-structure-container-component-in-meteor/ Hop…

---

## [Snippet: Change background color after scrolling on page!](https://forum.kirupa.com/t/snippet-change-background-color-after-scrolling-on-page/634966)

<div class="topic-metadata">

**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Replies:** 0\
**Last updated:** [July 21, 2016, 3:39pm UTC](https://forum.kirupa.com/t/snippet-change-background-color-after-scrolling-on-page/634966 "2016-07-21T15:39:38Z")

</div>

A simple snippet I created to help out a Twitterer where the background color changes as you scroll down on the page: \<head\> \<title\>Change Color on Scroll\</title\> \<style\> body { background-color: yellow;…

---

## [Smoothing Gallery and Retina Logo](https://forum.kirupa.com/t/smoothing-gallery-and-retina-logo/634930)

<div class="topic-metadata">

**Author:** [@SKamana](https://forum.kirupa.com/u/SKamana)\
**Replies:** 0\
**Last updated:** [July 15, 2016, 9:30am UTC](https://forum.kirupa.com/t/smoothing-gallery-and-retina-logo/634930 "2016-07-15T09:30:15Z")

</div>

Hi Hope I find you'll well I'm OK just panicky at the moment its a my last day on probation for 3month at where im currently working Im from South Africa by the way. 1.Can someone please help me on how I can make m…

---

## [ES6 Destructuring cost](https://forum.kirupa.com/t/es6-destructuring-cost/331731)

<div class="topic-metadata">

**Author:** [@senocular](https://forum.kirupa.com/u/senocular)\
**Replies:** 3\
**Last updated:** [June 27, 2016, 3:47pm UTC](https://forum.kirupa.com/t/es6-destructuring-cost/331731 "2016-06-27T15:47:06Z")

</div>

Are we still paying for object instantiation for ES6 destructuring? I can see where it might be useful for cases where objects already exist, but I also have this bad feeling people are going to start creating object…

---

## [PHP tutorials](https://forum.kirupa.com/t/php-tutorials/35024)

<div class="topic-metadata">

**Author:** [@sanman918](https://forum.kirupa.com/u/sanman918)\
**Replies:** 9\
**Last updated:** [June 23, 2016, 10:03am UTC](https://forum.kirupa.com/t/php-tutorials/35024 "2016-06-23T10:03:04Z")

</div>

Anyone know of anywhere I can start learning PHP. I have some of the basics down from PHP.net but anything that will give me examples and such would be helpful. Thanks

---

## [Could somebody help,JavaScript code is not executing ?](https://forum.kirupa.com/t/could-somebody-help-javascript-code-is-not-executing/634676)

<div class="topic-metadata">

**Author:** [@Swati1](https://forum.kirupa.com/u/Swati1)\
**Replies:** 4\
**Last updated:** [May 26, 2016, 4:30am UTC](https://forum.kirupa.com/t/could-somebody-help-javascript-code-is-not-executing/634676 "2016-05-26T04:30:02Z")

</div>

This is an HTML 5 code,and I am using visual studio code . Though ,HTML part is giving output but there is no change in header after applying JavaScript code to it. I don't seem to understand the problem. Pls help. \<!…

---

## [Looking for website improvement ideas](https://forum.kirupa.com/t/looking-for-website-improvement-ideas/634010)

<div class="topic-metadata">

**Author:** [@csbedev](https://forum.kirupa.com/u/csbedev)\
**Replies:** 6\
**Last updated:** [May 6, 2016, 1:17pm UTC](https://forum.kirupa.com/t/looking-for-website-improvement-ideas/634010 "2016-05-06T13:17:57Z")

</div>

Hi everyone, We are a rather budget limited small business and we are looking for some cheap, simple, spicy ways to make our main company webpage (homepage) look a bit nicer. Our coordinates are www dot csbe dot net …

---

## ["Pausing" a css translate3d on hover](https://forum.kirupa.com/t/pausing-a-css-translate3d-on-hover/634575)

<div class="topic-metadata">

**Author:** [@Kreataz](https://forum.kirupa.com/u/Kreataz)\
**Replies:** 6\
**Last updated:** [May 4, 2016, 6:55pm UTC](https://forum.kirupa.com/t/pausing-a-css-translate3d-on-hover/634575 "2016-05-04T18:55:58Z")

</div>

Hello Forum, as the title says I am trying to figure out how to do something that is somehow tricky: pausing an object that is translated on it's way with a mouseover, then would be released with the mouseout..! Simple ?…

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

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