# web dev

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

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

**Page:** 41

---

## [HTML5 NodeJS / Move to Click Position on Canvas](https://forum.kirupa.com/t/html5-nodejs-move-to-click-position-on-canvas/636250)

<div class="topic-metadata">

**Author:** [@Jason\_Reynolds](https://forum.kirupa.com/u/Jason_Reynolds)\
**Replies:** 7\
**Last updated:** [March 21, 2017, 4:01pm UTC](https://forum.kirupa.com/t/html5-nodejs-move-to-click-position-on-canvas/636250 "2017-03-21T16:01:58Z")

</div>

I have connected up a NodeJS and HTML5 client/server architecture. Now what i am trying to do is make it so that the player can click anywhere on the canvas so that the player can move to that location. All information i…

---

## [What React topics would you like to see next?](https://forum.kirupa.com/t/what-react-topics-would-you-like-to-see-next/636998)

<div class="topic-metadata">

**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Replies:** 5\
**Last updated:** [August 9, 2017, 9:50pm UTC](https://forum.kirupa.com/t/what-react-topics-would-you-like-to-see-next/636998 "2017-08-09T21:50:48Z")

</div>

Hi everyone! I've started working full-swing on the next edition of Learning React! Let me know if there are any pressing React topics not covered in the book (or on the site here) that you would like me to address :slig…

---

## [React Login /Logout](https://forum.kirupa.com/t/react-login-logout/636812)

<div class="topic-metadata">

**Author:** [@Ahilen](https://forum.kirupa.com/u/Ahilen)\
**Replies:** 2\
**Last updated:** [July 31, 2017, 11:09am UTC](https://forum.kirupa.com/t/react-login-logout/636812 "2017-07-31T11:09:26Z")

</div>

HI, I need an simple example for login /logout in JSX. how can I call a component after successful login in React/jsx? this what I need to do: I have a login page(login.jsx) ,home page(home,jsx) and logout pag…

---

## [Was Inspired to create a Sublime Text Plugin after finishing "Styling in React" to help everybody style css in camelCase that is acceptable to React. :0](https://forum.kirupa.com/t/was-inspired-to-create-a-sublime-text-plugin-after-finishing-styling-in-react-to-help-everybody-style-css-in-camelcase-that-is-acceptable-to-react-0/636843)

<div class="topic-metadata">

**Author:** [@askeladde](https://forum.kirupa.com/u/askeladde)\
**Replies:** 2\
**Last updated:** [June 30, 2017, 7:13pm UTC](https://forum.kirupa.com/t/was-inspired-to-create-a-sublime-text-plugin-after-finishing-styling-in-react-to-help-everybody-style-css-in-camelcase-that-is-acceptable-to-react-0/636843 "2017-06-30T19:13:34Z")

</div>

Perhaps the best part of React is that components can so modular to the point of carrying their own CSS with them. But one problem is that the CSS that the property names have to be written in camel case and units of mea…

---

## [keyboard event handling issues specific to Chrome?](https://forum.kirupa.com/t/keyboard-event-handling-issues-specific-to-chrome/636538)

<div class="topic-metadata">

**Author:** [@jekillen](https://forum.kirupa.com/u/jekillen)\
**Replies:** 2\
**Last updated:** [May 2, 2017, 5:35pm UTC](https://forum.kirupa.com/t/keyboard-event-handling-issues-specific-to-chrome/636538 "2017-05-02T17:35:03Z")

</div>

Hello again; Let me start by saying that I don't really like posting about these issues, but I am having an issue with key board events specific to the Chrome browser. Mac OSX Yosemite, Chrome version 57.0.2987.133 (64…

---

## [Updating matrix transformation values & rAF](https://forum.kirupa.com/t/updating-matrix-transformation-values-raf/636495)

<div class="topic-metadata">

**Author:** [@marvindanig](https://forum.kirupa.com/u/marvindanig)\
**Replies:** 4\
**Last updated:** [April 28, 2017, 4:14am UTC](https://forum.kirupa.com/t/updating-matrix-transformation-values-raf/636495 "2017-04-28T04:14:01Z")

</div>

I am stuck at how requestAnimationFrame really works. With numerous tutorials out there I have some hang of it, but unable to apply the learnings to my javascript code with confidence. And then there is also a delta (tim…

---

## [How to send 2 requests in HTML / Javascript?](https://forum.kirupa.com/t/how-to-send-2-requests-in-html-javascript/636484)

<div class="topic-metadata">

**Author:** [@HarryPorter](https://forum.kirupa.com/u/HarryPorter)\
**Replies:** 1\
**Last updated:** [April 23, 2017, 6:38pm UTC](https://forum.kirupa.com/t/how-to-send-2-requests-in-html-javascript/636484 "2017-04-23T18:38:48Z")

</div>

I currently have a form that uploads file to a server the files are uploaded using the regular "multipart/form-data" and method="POST". I also am sending additional metadata to the server in the same post. For this I hoo…

---

## [Why The News Is Not Being Pulled \[XML JS Query\]](https://forum.kirupa.com/t/why-the-news-is-not-being-pulled-xml-js-query/636483)

<div class="topic-metadata">

**Author:** [@schttrj](https://forum.kirupa.com/u/schttrj)\
**Replies:** 0\
**Last updated:** [April 22, 2017, 6:27pm UTC](https://forum.kirupa.com/t/why-the-news-is-not-being-pulled-xml-js-query/636483 "2017-04-22T18:27:02Z")

</div>

Here's my code. \<!DOCTYPE html\> \<html\> \<head\> \<meta charset="utf-8"\> \<meta name="viewport" content="width=device-width"\> \<title\>News Site\</title\> \<script\> var xhttp = new XMLHttpRequest(); xhttp.onreadystatecha…

---

## [Eliminate "Ghosting" when Dragging an Image in the Browser](https://forum.kirupa.com/t/eliminate-ghosting-when-dragging-an-image-in-the-browser/636353)

<div class="topic-metadata">

**Author:** [@luis\_vera](https://forum.kirupa.com/u/luis_vera)\
**Replies:** 7\
**Last updated:** [April 21, 2017, 4:27pm UTC](https://forum.kirupa.com/t/eliminate-ghosting-when-dragging-an-image-in-the-browser/636353 "2017-04-21T16:27:15Z")

</div>

Hi, i’m working in a game, now I have the following problem I have to drag an image, but the navigator create a ghost image, that’s the problem, I have to eleminate it

---

## [Safari problems](https://forum.kirupa.com/t/safari-problems/636401)

<div class="topic-metadata">

**Author:** [@erykwks](https://forum.kirupa.com/u/erykwks)\
**Replies:** 7\
**Last updated:** [April 20, 2017, 6:39pm UTC](https://forum.kirupa.com/t/safari-problems/636401 "2017-04-20T18:39:27Z")

</div>

Hey everybody. It's my first post so please forgive mistakes. I created a website - http://huskyagency.com/ which works good on different browsers except Safari which has problem with displaying whole sections. I can't…

---

## [Introduction to 3D in CSS](https://forum.kirupa.com/t/introduction-to-3d-in-css/636423)

<div class="topic-metadata">

**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Replies:** 3\
**Last updated:** [April 17, 2017, 3:28am UTC](https://forum.kirupa.com/t/introduction-to-3d-in-css/636423 "2017-04-17T03:28:46Z")

</div>

This is the happening place to discuss the \[Introduction to 3D in CSS\](http://www.kirupa.com/html5/3d\_in\_css.htm) article :stuck\_out\_tongue: Cheers, Kirupa

---

## [React Different File](https://forum.kirupa.com/t/react-different-file/636403)

<div class="topic-metadata">

**Author:** [@jetz96](https://forum.kirupa.com/u/jetz96)\
**Replies:** 1\
**Last updated:** [April 11, 2017, 3:14pm UTC](https://forum.kirupa.com/t/react-different-file/636403 "2017-04-11T15:14:49Z")

</div>

Hi, I'm new at programming, and I want to ask hot to make var Contact = React.createClass({ render: function() { return ( \<div\> \<h2\>GOT QUESTIONS?\</h2\> \<p\>The easiest thing to do i…

---

## [What's this coding convention from blogger CSS?](https://forum.kirupa.com/t/whats-this-coding-convention-from-blogger-css/636326)

<div class="topic-metadata">

**Author:** [@kadaj](https://forum.kirupa.com/u/kadaj)\
**Replies:** 3\
**Last updated:** [March 30, 2017, 3:39pm UTC](https://forum.kirupa.com/t/whats-this-coding-convention-from-blogger-css/636326 "2017-03-30T15:39:48Z")

</div>

Why does this CSS look like some programming language class definition and then there are a mix of this style with upper cases for elements. There is also the normal one, all lowercase. Is there any specific reason for t…

---

## [JS Animation - requestAnimationFrame](https://forum.kirupa.com/t/js-animation-requestanimationframe/636264)

<div class="topic-metadata">

**Author:** [@normamendonca](https://forum.kirupa.com/u/normamendonca)\
**Replies:** 2\
**Last updated:** [March 22, 2017, 7:22am UTC](https://forum.kirupa.com/t/js-animation-requestanimationframe/636264 "2017-03-22T07:22:39Z")

</div>

Hi As mentioned in the requestAnimationFrame tutorial, I am confused with these two statements 1. requestAnimationFrame requests the browser to call the animation loop when it is ready for a redraw 2. The animation loo…

---

## [Using requestAnimationFrame to create a fixed-speed animation](https://forum.kirupa.com/t/using-requestanimationframe-to-create-a-fixed-speed-animation/636190)

<div class="topic-metadata">

**Author:** [@shashwat](https://forum.kirupa.com/u/shashwat)\
**Replies:** 2\
**Last updated:** [March 19, 2017, 6:49pm UTC](https://forum.kirupa.com/t/using-requestanimationframe-to-create-a-fixed-speed-animation/636190 "2017-03-19T18:49:21Z")

</div>

Wouldn't animations on a 30fps screen be half as slow than on a screen with 60fps? What if you don't want your animation to be just frame by frame, but there's a time factor to it? For example, I want a car moving at a f…

---

## [CSS Text Effect . fade in up](https://forum.kirupa.com/t/css-text-effect-fade-in-up/636134)

<div class="topic-metadata">

**Author:** [@webdev-pt](https://forum.kirupa.com/u/webdev-pt)\
**Replies:** 1\
**Last updated:** [March 3, 2017, 3:19am UTC](https://forum.kirupa.com/t/css-text-effect-fade-in-up/636134 "2017-03-03T03:19:52Z")

</div>

Hello, How can i do this effect ? Video of the effect → https://www.webmshare.com/play/Vnaxj

---

## [Mantaining the aspect ratio with vw unit.](https://forum.kirupa.com/t/mantaining-the-aspect-ratio-with-vw-unit/635599)

<div class="topic-metadata">

**Author:** [@Jonny\_Silva](https://forum.kirupa.com/u/Jonny_Silva)\
**Replies:** 2\
**Last updated:** [February 26, 2017, 7:42pm UTC](https://forum.kirupa.com/t/mantaining-the-aspect-ratio-with-vw-unit/635599 "2017-02-26T19:42:20Z")

</div>

Hey there ! I've been looking into ways to mantain the aspect ratio of my page container, so probably like any of you who did some research on the subject I found this method wich uses padding-bottom and takes advantage …

---

## [Learning React Book Source Code](https://forum.kirupa.com/t/learning-react-book-source-code/636024)

<div class="topic-metadata">

**Author:** [@Sait\_Mesutcan\_Ilhane](https://forum.kirupa.com/u/Sait_Mesutcan_Ilhane)\
**Replies:** 5\
**Last updated:** [February 25, 2017, 1:55am UTC](https://forum.kirupa.com/t/learning-react-book-source-code/636024 "2017-02-25T01:55:19Z")

</div>

Hi, I purchased the Learning React book from Barnes & Noble last week. Where can I access the source code for the examples from the book? Thanks. Sait

---

## [can i share here my course video](https://forum.kirupa.com/t/can-i-share-here-my-course-video/635982)

<div class="topic-metadata">

**Author:** [@oussama92mks](https://forum.kirupa.com/u/oussama92mks)\
**Replies:** 6\
**Last updated:** [February 13, 2017, 10:32pm UTC](https://forum.kirupa.com/t/can-i-share-here-my-course-video/635982 "2017-02-13T22:32:38Z")

</div>

Hello can I share here my course video?

---

## [How do I create a responsive WordPress Website?](https://forum.kirupa.com/t/how-do-i-create-a-responsive-wordpress-website/634762)

<div class="topic-metadata">

**Author:** [@Smed\_Kopperud](https://forum.kirupa.com/u/Smed_Kopperud)\
**Replies:** 4\
**Last updated:** [February 22, 2017, 8:49am UTC](https://forum.kirupa.com/t/how-do-i-create-a-responsive-wordpress-website/634762 "2017-02-22T08:49:28Z")

</div>

i am looking for responsive website development in wordpress can any one guide me for these?

---

## [What is the purpose for the event bubbling phase?](https://forum.kirupa.com/t/what-is-the-purpose-for-the-event-bubbling-phase/636061)

<div class="topic-metadata">

**Author:** [@linsri](https://forum.kirupa.com/u/linsri)\
**Replies:** 2\
**Last updated:** [February 22, 2017, 12:24am UTC](https://forum.kirupa.com/t/what-is-the-purpose-for-the-event-bubbling-phase/636061 "2017-02-22T00:24:21Z")

</div>

Isn't event capturing enough? Why does it have to bubble up creating a loop? ELI5 please.

---

## [revmoveEventListener](https://forum.kirupa.com/t/revmoveeventlistener/635972)

<div class="topic-metadata">

**Author:** [@Numinus](https://forum.kirupa.com/u/Numinus)\
**Replies:** 1\
**Last updated:** [February 13, 2017, 1:19pm UTC](https://forum.kirupa.com/t/revmoveeventlistener/635972 "2017-02-13T13:19:46Z")

</div>

var frequency = 3; stage.enableMouseOver(frequency); this.bigButton.addEventListener("mouseover", mouseOverFunction); this.bigButton.addEventListener("mouseout", mouseOutFunction); function mouseOverFunction() { canVa…

---

## [including jQuery in adobe animate cc project](https://forum.kirupa.com/t/including-jquery-in-adobe-animate-cc-project/635939)

<div class="topic-metadata">

**Author:** [@Numinus](https://forum.kirupa.com/u/Numinus)\
**Replies:** 0\
**Last updated:** [February 9, 2017, 5:26am UTC](https://forum.kirupa.com/t/including-jquery-in-adobe-animate-cc-project/635939 "2017-02-09T05:26:46Z")

</div>

i can't seem to get any jQuery to work in my animate project. it seems the jQuery library isn't loading into my document. i get this error in my console: index.js?1485735818292:63 Uncaught ReferenceError: $ is not defi…

---

## [html email and outlook](https://forum.kirupa.com/t/html-email-and-outlook/635906)

<div class="topic-metadata">

**Author:** [@audry](https://forum.kirupa.com/u/audry)\
**Replies:** 1\
**Last updated:** [February 8, 2017, 6:44am UTC](https://forum.kirupa.com/t/html-email-and-outlook/635906 "2017-02-08T06:44:40Z")

</div>

hello everyone, I am new to whole html email coding. however I am assigned to a task: to create an html email newsletter. and I think I am doing great for the most part. I started by utilizing a free dreamweaver email t…

---

## [Clipboard-Js in Adobe Animate](https://forum.kirupa.com/t/clipboard-js-in-adobe-animate/635855)

<div class="topic-metadata">

**Author:** [@Numinus](https://forum.kirupa.com/u/Numinus)\
**Replies:** 1\
**Last updated:** [February 1, 2017, 4:38am UTC](https://forum.kirupa.com/t/clipboard-js-in-adobe-animate/635855 "2017-02-01T04:38:44Z")

</div>

My end goal is simply to have buttons that when clicked copy specific texts into the user's clipboard. Clipboard.js accomplishes this quite easily on it's own, but i can figure out how to integrate it into my adobe ani…

---

## [I want to change the Picture of slider but i am not i able to get the location of slider in source code](https://forum.kirupa.com/t/i-want-to-change-the-picture-of-slider-but-i-am-not-i-able-to-get-the-location-of-slider-in-source-code/635803)

<div class="topic-metadata">

**Author:** [@Awais\_Memon](https://forum.kirupa.com/u/Awais_Memon)\
**Replies:** 1\
**Last updated:** [January 11, 2017, 4:45pm UTC](https://forum.kirupa.com/t/i-want-to-change-the-picture-of-slider-but-i-am-not-i-able-to-get-the-location-of-slider-in-source-code/635803 "2017-01-11T16:45:26Z")

</div>

Hi , i am working on a Theme , i just need to change the background images and slider images , can you help me out with this ? here is the website http://devawais.com/Universtiyofmiami/ Thanks

---

## [React - css/style/className(s)](https://forum.kirupa.com/t/react-css-style-classname-s/635623)

<div class="topic-metadata">

**Author:** [@gNeandr](https://forum.kirupa.com/u/gNeandr)\
**Replies:** 3\
**Last updated:** [January 3, 2017, 12:20am UTC](https://forum.kirupa.com/t/react-css-style-classname-s/635623 "2017-01-03T00:20:16Z")

</div>

With a project started at an university for the design React was chosen. Functionally it was a great move, but I see it's not a 'pure' React approach, mainly the styling. First pure CSS was used alongside the React compo…

---

## [Responsive Web Design](https://forum.kirupa.com/t/responsive-web-design/635740)

<div class="topic-metadata">

**Author:** [@VaiFanatic](https://forum.kirupa.com/u/VaiFanatic)\
**Replies:** 2\
**Last updated:** [January 1, 2017, 1:10pm UTC](https://forum.kirupa.com/t/responsive-web-design/635740 "2017-01-01T13:10:53Z")

</div>

As I struggle to keep up with the times (mainly because I’m just not that intelligent, nor can my brain keep up), I’m looking at ways to improve my users’ browsing experience for new pages that I design. While using a d…

---

## [Browser compatibility.](https://forum.kirupa.com/t/browser-compatibility/635682)

<div class="topic-metadata">

**Author:** [@Jonny\_Silva](https://forum.kirupa.com/u/Jonny_Silva)\
**Replies:** 4\
**Last updated:** [December 20, 2016, 8:59pm UTC](https://forum.kirupa.com/t/browser-compatibility/635682 "2016-12-20T20:59:56Z")

</div>

Hey guys, I've been working on a project and made the mistake of not checking if it was working well often enough. Now I made a lot of work and found out that things went really wrong in some browsers. Now I have to go o…

---

## [Design page for desktop and Android & ios - React Native?](https://forum.kirupa.com/t/design-page-for-desktop-and-android-ios-react-native/635621)

<div class="topic-metadata">

**Author:** [@gNeandr](https://forum.kirupa.com/u/gNeandr)\
**Replies:** 2\
**Last updated:** [December 5, 2016, 4:38pm UTC](https://forum.kirupa.com/t/design-page-for-desktop-and-android-ios-react-native/635621 "2016-12-05T16:38:28Z")

</div>

Just read about React Native to design once and use it for Android and IOS devices, sounds great. But how to design for a desktop page also (like using Firefox or Thunderbird)?

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

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