Wiv.js
Languages and libraries
javascript library
SHOW HN2018
265points
55comments
#109of 2,155 in 2018
Top 6%of 2018 by points
How HN took it
MixedNo clear lean
15 positive, 12 neutral or asking, 1 mixed, 3 critical, out of 31 comments about the project. Thread score +0.36.
Idea: 13 for, 1 againstPerformance: 0 for, 2 againstDesign: 1 for, 0 against
The thread, comment by comment
Each row is a top-level comment and its replies, in HN's order. Select a cell to open that comment on HN.
positive neutral or mixed critical about another commenter or something else the maker
What HN said
What people liked
Fun, nostalgic, charming retro effect
From 4 comments
This is guilt-trippingly sweet, there's a certain charm I get from this, kind of like that of tacky Christmas sweaters or unironically used comic sans :)
ryanchoi on HNHa! This is completely nonsense, and completely awesome. Description checks out. Well done!
zeta0134 on HNThis should have existed in 1994
quickthrower2 on HNIt's cool, and I could see it making it's way into more lighthearted projects
hayksaakian on HN
Useful for form validation feedback
From 1 comment
It can be use for form validation. If user doesn't enter an input, we can "wiggle" it for 2 seconds (together with a red error message). Recently I did just that :)
kangoo1707 on HN
Objections
CPU-intensive and slows older hardware
From 3 comments
I opened this on my Notebook, and it's Fan spun out of control! it might be my ancient hardware, but this is rather CPU intensive it seems. But the effect is fun, and cool non…
KeybInterrupt on HNI have a water-cooled i7 6700k and the rising fan speed was the first thing I heard as well. Normally this does not happen when browsing the web.
1125 on HNmove these things into initWiv() and cache them: ``` var speed = parseFloat(wivCurve.parentNode.dataset.wivSpeed) var height = parseFloat(wivCurve.parentNode.dataset.wivHeight)…
PavlovsCat on HN
Annoying and bad for accessibility
From 2 comments
Thanks, I hate it.
pzone on HNThe ripple looks bad and is terrible for accessibility. Not everything on a page should move. Look up animation and accessibility.
JoshMnem on HN
Requests
Built into browsers natively
From 1 comment
This should come built in in all modern browsers.
kidoodle on HN
Support for text wiggling
From 1 comment
Great stuff! Now let's see it for text next!
hkon on HN
Questions
Can hover speed be increased
From 1 comment
Wondering if it's possible to increase the speed on hover
madprops on HN
Alternatives named
Netscape layers and IE3 div animation
From 1 comment
It did. Here's my personal site from that era, complete with javascript "Layer" (in Netscape) (or DIV in IE3) tags doing the wiggling: http://jasonkester.com/
jasonkester on HN
Material Design ripple effect
From 1 comment
It's already here: Material Design "ripple" effect.
JoshMnem on HN
freezeframe.js
From 1 comment
reminds me of freezeframe.js, you can grab an a slice of a gif and draw a canvas image on top https://github.com/ctrl-freaks/freezeframe.js except this is just any regular div…
Kagerjay on HN