# Latest

**URL:** https://forum.kirupa.com/latest.md?page=110

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

**Page:** 111

---

## [Control Gradient Stops with a Range Slider](https://forum.kirupa.com/t/control-gradient-stops-with-a-range-slider/639695)

<div class="topic-metadata">

**Author:** [@Squinter](https://forum.kirupa.com/u/Squinter)\
**Replies:** 1\
**Last updated:** [April 22, 2019, 9:03pm UTC](https://forum.kirupa.com/t/control-gradient-stops-with-a-range-slider/639695 "2019-04-22T21:03:52Z")

</div>

Months ago I found a CodePen or JSFiddle that displayed a gradient, controlled by a range slider. If I recall correctly, the slider controlled the width of the transition (wide or narrow). The gradient was either an SVG,…

---

## [First ever photo of a black hole!](https://forum.kirupa.com/t/first-ever-photo-of-a-black-hole/639644)

<div class="topic-metadata">

**Author:** [@tbo](https://forum.kirupa.com/u/tbo)\
**Replies:** 1\
**Last updated:** [April 19, 2019, 7:21pm UTC](https://forum.kirupa.com/t/first-ever-photo-of-a-black-hole/639644 "2019-04-19T19:21:57Z")

</div>

---

## [Ultrafast, air-breathing rocket engine moves a step closer!](https://forum.kirupa.com/t/ultrafast-air-breathing-rocket-engine-moves-a-step-closer/639678)

<div class="topic-metadata">

**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Replies:** 1\
**Last updated:** [April 18, 2019, 11:13am UTC](https://forum.kirupa.com/t/ultrafast-air-breathing-rocket-engine-moves-a-step-closer/639678 "2019-04-18T11:13:21Z")

</div>

I always wondered why we don’t have faster and faster airplanes. While I can’t complain about being half-way across the world in around 10 hours, it would be nice if that were cut down to something like…1 hour :rocket: …

---

## [UI Library to use with React JS](https://forum.kirupa.com/t/ui-library-to-use-with-react-js/639130)

<div class="topic-metadata">

**Author:** [@HampiRocks](https://forum.kirupa.com/u/HampiRocks)\
**Replies:** 5\
**Last updated:** [April 17, 2019, 12:06pm UTC](https://forum.kirupa.com/t/ui-library-to-use-with-react-js/639130 "2019-04-17T12:06:20Z")

</div>

I am new to UI. Please suggest easy UI framework ( if its needed ) which works best with ReactJs for my first UI app. Thanks !!

---

## [SVG JavaScript TypeError](https://forum.kirupa.com/t/svg-javascript-typeerror/639656)

<div class="topic-metadata">

**Author:** [@Squinter](https://forum.kirupa.com/u/Squinter)\
**Replies:** 3\
**Last updated:** [April 16, 2019, 9:10pm UTC](https://forum.kirupa.com/t/svg-javascript-typeerror/639656 "2019-04-16T21:10:35Z")

</div>

So I’ve made a little game that works as planned as a normal web page (see the CodePen here) But, when I put it into a local server WordPress page I get this error and nothing works: TypeError: undefined is not an obje…

---

## [Which direction to take: SVG, Canvas, CreateJS, or?](https://forum.kirupa.com/t/which-direction-to-take-svg-canvas-createjs-or/639196)

<div class="topic-metadata">

**Author:** [@Squinter](https://forum.kirupa.com/u/Squinter)\
**Replies:** 3\
**Last updated:** [April 14, 2019, 10:10pm UTC](https://forum.kirupa.com/t/which-direction-to-take-svg-canvas-createjs-or/639196 "2019-04-14T22:10:13Z")

</div>

My intent is to make a game-like page where the user is shown polygons (and eventually ones with some curves on their sides). After a set time has passed, the polygon goes away and a neutral square appears with its corne…

---

## [Centering Vertically and Horizontally Using Flexbox | kirupa.com](https://forum.kirupa.com/t/centering-vertically-and-horizontally-using-flexbox-kirupa-com/352328)

<div class="topic-metadata">

**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Replies:** 3\
**Last updated:** [April 14, 2019, 5:16pm UTC](https://forum.kirupa.com/t/centering-vertically-and-horizontally-using-flexbox-kirupa-com/352328 "2019-04-14T17:16:53Z")

</div>

by kirupa | 27 January 2012 Strangely enough, one of the more difficult things to do using CSS is centering content. Centering content horizontally is relatively easy. Centering content vertically is a whol…

---

## [Met Krilnon and Templarian in real-life!](https://forum.kirupa.com/t/met-krilnon-and-templarian-in-real-life/639651)

<div class="topic-metadata">

**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Replies:** 2\
**Last updated:** [April 13, 2019, 3:45am UTC](https://forum.kirupa.com/t/met-krilnon-and-templarian-in-real-life/639651 "2019-04-13T03:45:22Z")

</div>

A couple of days ago, this happened: Both @templarian and I were in San Francisco for something work related, and @krilnon made the trek from Sunnyvale to meet us as well :stuck\_out\_tongue:

---

## [kForum Meetup: Kirupa + Krilnon](https://forum.kirupa.com/t/kforum-meetup-kirupa-krilnon/219209)

<div class="topic-metadata">

**Author:** [@krilnon](https://forum.kirupa.com/u/krilnon)\
**Replies:** 2\
**Last updated:** [April 13, 2019, 2:54am UTC](https://forum.kirupa.com/t/kforum-meetup-kirupa-krilnon/219209 "2019-04-13T02:54:33Z")

</div>

Close readers of Kirupa's blog might have noticed that a kF member would be visiting him earlier this week. Though no one was able to guess who it would be, I really did meet up with him! \[stuck\_out\_tongue\] After gett…

---

## [How to scroll-into-view cropped toolbar contents?](https://forum.kirupa.com/t/how-to-scroll-into-view-cropped-toolbar-contents/639640)

<div class="topic-metadata">

**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Replies:** 5\
**Last updated:** [April 12, 2019, 7:35pm UTC](https://forum.kirupa.com/t/how-to-scroll-into-view-cropped-toolbar-contents/639640 "2019-04-12T19:35:45Z")

</div>

I am running into a strange issue that I don’t know how to workaround. On my laptop, the contents of the right toolbar gets cut because there isn’t enough vertical resolution: How do I scroll that list up/down to see…

---

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

---

## [Fun animation that I can’t stop watching!](https://forum.kirupa.com/t/fun-animation-that-i-can-t-stop-watching/639622)

<div class="topic-metadata">

**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Replies:** 0\
**Last updated:** [April 6, 2019, 5:58pm UTC](https://forum.kirupa.com/t/fun-animation-that-i-can-t-stop-watching/639622 "2019-04-06T17:58:21Z")

</div>

:grinning:

---

## [Controlling a video file with JavaScript](https://forum.kirupa.com/t/controlling-a-video-file-with-javascript/639609)

<div class="topic-metadata">

**Author:** [@jthatcher](https://forum.kirupa.com/u/jthatcher)\
**Replies:** 1\
**Last updated:** [April 3, 2019, 4:59am UTC](https://forum.kirupa.com/t/controlling-a-video-file-with-javascript/639609 "2019-04-03T04:59:46Z")

</div>

Hello my new best friends. I’m a tenderfoot initiate into your group. I have been searching for a method to convert SWFs into HTML. One idea I’ve considered is to use QuickTime to convert them into MOV video files, th…

---

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

---

## [Animate CC - Screen moves with mouse effect?](https://forum.kirupa.com/t/animate-cc-screen-moves-with-mouse-effect/635401)

<div class="topic-metadata">

**Author:** [@mesta](https://forum.kirupa.com/u/mesta)\
**Replies:** 6\
**Last updated:** [March 30, 2019, 11:46am UTC](https://forum.kirupa.com/t/animate-cc-screen-moves-with-mouse-effect/635401 "2019-03-30T11:46:05Z")

</div>

Hello, how can I create effect like this one in Adobe Animate CC? (HTML5) Is there any tutorial for this?

---

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

---

## [Who knew Shaq was so...Shaqtastic?](https://forum.kirupa.com/t/who-knew-shaq-was-so-shaqtastic/639543)

<div class="topic-metadata">

**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Replies:** 2\
**Last updated:** [March 28, 2019, 5:36am UTC](https://forum.kirupa.com/t/who-knew-shaq-was-so-shaqtastic/639543 "2019-03-28T05:36:40Z")

</div>

https://www.nbcsports.com/northwest/nba/shaq-worth-400-million-so-why-he-still-hanging-out-cartoon-general I grew up watching 90’s basketball, so Shaquille O’Neal is up there with MJ, Pippen, Barkley, Malone, Olajuwon, …

---

## [Meet JSX...Again!](https://forum.kirupa.com/t/meet-jsx-again/636241)

<div class="topic-metadata">

**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Replies:** 5\
**Last updated:** [March 27, 2019, 9:56pm UTC](https://forum.kirupa.com/t/meet-jsx-again/636241 "2019-03-27T21:56:53Z")

</div>

As you probably noticed by now, we've been using a lot of JSX in the previous tutorials. What we really haven't done is taken a good look at what JSX actually is. How does it actually work? Why do we not just call it HT…

---

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

---

## [Whats up with Microsoft Office?](https://forum.kirupa.com/t/whats-up-with-microsoft-office/639537)

<div class="topic-metadata">

**Author:** [@Wayne](https://forum.kirupa.com/u/Wayne)\
**Replies:** 2\
**Last updated:** [March 23, 2019, 2:50am UTC](https://forum.kirupa.com/t/whats-up-with-microsoft-office/639537 "2019-03-23T02:50:02Z")

</div>

Why is Microsoft Office free to use on iOS but when you purchase a Microsoft Hardware, you have to pay a monthly fee to even open their Apps. On iOS these apps allow you to edit, view and try for free with no time limit. …

---

## [Going from Data to UI in React](https://forum.kirupa.com/t/going-from-data-to-ui-in-react/636233)

<div class="topic-metadata">

**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Replies:** 17\
**Last updated:** [March 21, 2019, 10:12pm UTC](https://forum.kirupa.com/t/going-from-data-to-ui-in-react/636233 "2019-03-21T22:12:07Z")

</div>

Happening place to discuss this tutorial: http://www.kirupa.com/react/from\_data\_to\_ui\_in\_react.htm

---

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

---

## [Change image onChange](https://forum.kirupa.com/t/change-image-onchange/639512)

<div class="topic-metadata">

**Author:** [@Sukhwinder\_Saini](https://forum.kirupa.com/u/Sukhwinder_Saini)\
**Replies:** 1\
**Last updated:** [March 18, 2019, 1:05am UTC](https://forum.kirupa.com/t/change-image-onchange/639512 "2019-03-18T01:05:22Z")

</div>

I want to find the way how to change the image logo when an image is loaded into from input field i have found a similar program on codepen.io (https://codepen.io/shantikumarsingh/pen/RRmWxo?editors=1010) But this is d…

---

## [What’s the deal with adobe cc?](https://forum.kirupa.com/t/what-s-the-deal-with-adobe-cc/639507)

<div class="topic-metadata">

**Author:** [@Wayne](https://forum.kirupa.com/u/Wayne)\
**Replies:** 5\
**Last updated:** [March 18, 2019, 1:01am UTC](https://forum.kirupa.com/t/what-s-the-deal-with-adobe-cc/639507 "2019-03-18T01:01:15Z")

</div>

I do not want to pay a monthly fee for everything or a monthly fee for one app. I want to just pay for what I use and for only the period I use it. I do not always use these apps everyday. Is there anyway you can get a b…

---

## [Get an Element's Position Using JavaScript](https://forum.kirupa.com/t/get-an-elements-position-using-javascript/352186)

<div class="topic-metadata">

**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Replies:** 14\
**Last updated:** [November 19, 2018, 7:51pm UTC](https://forum.kirupa.com/t/get-an-elements-position-using-javascript/352186 "2018-11-19T19:51:58Z")

</div>

by kirupa | 18 December 2012 While this may be hard to believe, especially if you are familiar with how layout in HTML works, elements are positioned in some sort of sensible manner. Those manners …

[Previous page](https://forum.kirupa.com/latest.md?page=109)

[Next page](https://forum.kirupa.com/latest.md?page=111)