Walkway.js • Hacker News Board

Re: Walkway.js

#11

Post by connoratherton » Fri, Oct 31, 2014, 5:09 PM UTC

Sorry guys, I really didn't expect this much traffic. I still have to do some compatibility testing, I'm aiming to do it this weekend.

Re: Walkway.js

#12

Post by TheAceOfHearts » Fri, Oct 31, 2014, 5:15 PM UTC

If I open this in a tab and wait a while to go there, it never plays the animation.

https://www.dropbox.com/s/z57g1fmmn10qmej/Screenshot%202014-...

Re: Walkway.js

#13

Post by connoratherton » Fri, Oct 31, 2014, 5:16 PM UTC

sergiosgc wrote: post #9

The current link does not work for me (Firefox 36.0a1 on Debian). The correct content seems to be here: http://connor-personal.herokuapp.com/walkway Why doesn't it work? I imagine it's this funky DNS config: sergio@sergio-laptop:~ > dig www.connoratherton.com ;; QUESTION SECTION: ;www.connoratherton.com. IN A ;; ANSWER SECTION: www.connoratherton.com. 3529 IN CNAME http://connor-personal.herokuapp.com. http://connor-…

Switched to Google domains a few days ago, still configuring it properly. Thanks for letting me know about the link, looking into it.

Re: Walkway.js

#14

Post by coob » Fri, Oct 31, 2014, 5:18 PM UTC

Cool! We've been using a similar technique in our in-app sales page, also inspired by the Verge articles. I'll upload a video when I get a chance.

Re: Walkway.js

#15

Post by jh47 » Fri, Oct 31, 2014, 5:19 PM UTC

Works great for me on Safari 8 (Yosemite)!

Re: Walkway.js

#16

Post by catkin » Fri, Oct 31, 2014, 5:20 PM UTC

jerrysievert wrote: post #8

not working in Safari with Yosemite.

Works fine for me with the same setup (Safari 8 on Yosemite).

Re: Walkway.js

#17

Post by jakelear » Fri, Oct 31, 2014, 5:26 PM UTC

Hey Connor, awesome work. You would have saved us a lot of work had you created this a year ago ;)

Re: Walkway.js

#18

Post by zyxley » Fri, Oct 31, 2014, 5:30 PM UTC

connoratherton wrote: post #13

sergiosgc wrote: post #9

The current link does not work for me (Firefox 36.0a1 on Debian). The correct content seems to be here: http://connor-personal.herokuapp.com/walkway Why doesn't it work? I imagine it's this funky DNS config: sergio@sergio-laptop:~ > dig www.connoratherton.com ;; QUESTION SECTION: ;www.connoratherton.com. IN A ;; ANSWER SECTION: www.connoratherton.com. 3529 IN CNAME http://connor-personal.herokuapp.com. http://connor-…

Switched to Google domains a few days ago, still configuring it properly. Thanks for letting me know about the link, looking into it.

Trying to configure DNS settings for herokuapp.com isn't going to work, given that it isn't, you know, actually your domain to configure.

What you should have is something like

  connoratherton.com     A     54.221.226.116
  www.connoratherton.com CNAME connor-personal.herokuapp.com

Alternately, if your domain registrar supports ANAME or ALIAS, you should have, respectively,

  connoratherton.com     ANAME connor-personal.herokuapp.com
  www.connoratherton.com CNAME connor-personal.herokuapp.com

or

  connoratherton.com     ALIAS connor-personal.herokuapp.com
  www.connoratherton.com CNAME connor-personal.herokuapp.com

Re: Walkway.js

#19

Post by Sir_Cmpwn » Fri, Oct 31, 2014, 5:34 PM UTC

connoratherton wrote: post #13

sergiosgc wrote: post #9

The current link does not work for me (Firefox 36.0a1 on Debian). The correct content seems to be here: http://connor-personal.herokuapp.com/walkway Why doesn't it work? I imagine it's this funky DNS config: sergio@sergio-laptop:~ > dig www.connoratherton.com ;; QUESTION SECTION: ;www.connoratherton.com. IN A ;; ANSWER SECTION: www.connoratherton.com. 3529 IN CNAME http://connor-personal.herokuapp.com. http://connor-…

Switched to Google domains a few days ago, still configuring it properly. Thanks for letting me know about the link, looking into it.

I bet you could do this pretty effectively with GitHub pages instead of a full blown Heroku app.

Re: Walkway.js

#20

Post by bengali3 » Fri, Oct 31, 2014, 5:35 PM UTC

erex78 wrote: post #10

How would somebody do this w/ D3? Are there any similar bl.ocks that anybody knows about?

From d3js.org site I do get to this [1] (click the page number to to animate lines) not sure about the easing functionality however.

[1] http://www.nytimes.com/interactive/2013/10/09/us/yellen-fed-...