Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

Animating URLs with JavaScript and Emojis

matthewrayfield.com

Post reply on HN
Print view View original

61–70 of 173 posts

Re: Animating URLs with JavaScript and Emojis

#61

Post by aasasd »

peteforde wrote: post #44

I love the creativity of the hack, especially when he sync'd the video position with the scrubber. Respect. I also love the guy's vaguely deranged, Adult Swim -inspired commentary. I went from hater to fan in about 30 seconds, once I realized that he must idolize Tim Heidecker. Again, respect. However, what I love the most is how the video was composited and edited. What tools do you use to pull that together without…

Youtube poops and endless music video memes are some of the best things to come out of the meme culture. Because folk culture is now truly ‘multimedia’ and we have a horde of people for whom hyperactive video and sound editing is second nature. Now just to wait for when it becomes mainstream and commoditized like graphics editing.

I'm hoping for about the same fate for knowledge visualization techniques—might see it happen soon enough now that ‘data science’ is in vogue.

Re: Animating URLs with JavaScript and Emojis

#62

Post by ForHackernews »

enriquto wrote: post #57
Tade0 wrote: post #38

Earlier quoted context omitted.

The spirit is there definitely. My take is that it's only a matter of time before emojis creep into every area where text is used. Let's hope they won't ever become a mainstream part of programming languages.

> Let's hope they won't ever become a mainstream part of programming languages. knowing a few people in this world, I am sure that this will certainly happen way before you can have variables named α, β, γ

You can already use Greek letter variable names in Python: https://stackoverflow.com/questions/17043894/what-unicode-sy...

I've used θ in code dealing with angles before.

Re: Animating URLs with JavaScript and Emojis

#63

Post by eli »

revskill wrote: post #52
lwansbrough wrote: post #5

Those idiots over at Google AMP are working on destroying the web when they could be working on something productive like this.

It's sad/funny that some big companies adopt AMP in their products even faster than Google themselves.

Big companies care about how they appear on search results pages, google doesn’t.

Re: Animating URLs with JavaScript and Emojis

#65

Post by enriquto »

ForHackernews wrote: post #62
enriquto wrote: post #57

Earlier quoted context omitted.

> Let's hope they won't ever become a mainstream part of programming languages. knowing a few people in this world, I am sure that this will certainly happen way before you can have variables named α, β, γ

You can already use Greek letter variable names in Python: https://stackoverflow.com/questions/17043894/what-unicode-sy... I've used θ in code dealing with angles before.

yes, I want to use them in C. It is possible with clang but, unfortunately, not with gcc. I also want to be able to type them into TeX, both in math mode and in text mode, without much fuss.

Re: Animating URLs with JavaScript and Emojis

#66

Post by MatthewRayfield »

peteforde wrote: post #44

I love the creativity of the hack, especially when he sync'd the video position with the scrubber. Respect. I also love the guy's vaguely deranged, Adult Swim -inspired commentary. I went from hater to fan in about 30 seconds, once I realized that he must idolize Tim Heidecker. Again, respect. However, what I love the most is how the video was composited and edited. What tools do you use to pull that together without…

Heyyyy thanks glad you enjoyed it! I was surprised to wake up and see this on Hacker News today.

Thought I'd comment on the video editing:

It is all pretty low tech. I use Adobe Premiere to edit and mostly just animate transform, scale, and crop effects to achieve everything. Like for the zooms you pointed out I double up a layer of the screencap and then crop and scale. It's a bit painstaking at times.

Another little part is when I do the screen recording I set my desktop background to an image with a colored box area of 1280x720. This is the area I know will be "on screen". So I have the windows I want to pull in during the video just outside this area. Then I crop to this box in editing. I think this is better looking than just capturing the whole desktop, and I like the live feel.

I'm enjoying evolving this style... I sometimes have thoughts of making some kind of gross homemade video compositing tool in JS. But I haven't gotten there yet...

Re: Animating URLs with JavaScript and Emojis

#67

Post by megous »

dspillett wrote: post #45
askmike wrote: post #26

Earlier quoted context omitted.

While in the video he's updating the location hash (which breaks the backbutton), one can implement this using history.replaceState[1] to keep the back button working normally. He also mentions parsing the animated URL the figure out how far the video was loaded. So if you want you can use the animation in terms of navigation. Or alternatively just put the animation behind a separator and have your router ignore the…

In the article it does state that the history API could be used and why it wasn't. The first point about updating the whole URL is easy to render moot: when you push new state using the history API, replicate the effect of location.hash by making sure you only change the hash part. The second part is the sticky one for the "ain't this cool" factor: the throttle in some browsers effectively limits constant animation t…

All I know is he tried pushState. Perhaps replaceState is not throttled, because it doesn't create new history entries, just replaces the last one.

Try this in chrome console. And yes, it doesn't throttle at all.

i=0; setInterval(() => history.replaceState('', '', '/' + (i++)), 50);

It's interesting how people will just believe everything, even if the test is 30 seconds away.

Re: Animating URLs with JavaScript and Emojis

#70

Post by pault »

Tade0 wrote: post #38
benguild wrote: post #15

This reminds me of putting marquees in the window.status like 20 years ago

The spirit is there definitely. My take is that it's only a matter of time before emojis creep into every area where text is used. Let's hope they won't ever become a mainstream part of programming languages.

In the book Diamond Age by Neal Stephenson the future working class are functionally illiterate so everything is communicated by emoji. Funny, but also a little bit frightening.
Post reply on HN