Show HN: The Most Explosive Modal on the Web (jessekorzan.github.io) 41 points by jessekorzan 9y ago ↗ HN
[–] bshimmin 9y ago ↗ "100% CSS and one tiny line of JS." ... and a GIF of the explosion!Still, I love it! [–] agumonkey 9y ago ↗ kaboom
[–] chairmanwow 9y ago ↗ This is hilarious. Any chance that the gif could be upgraded to an html5 video?
[–] thewavelength 9y ago ↗ The opening of the modal is being pushed to Browser history. This confuses me as I don't expect modals to be in the history.Is this caused the way it is achieved with CSS only or is this actually wanted? [–] jessekorzan 9y ago ↗ Just meant to be simple for prototype purposes... And I agree that typically you wouldn't want a UI event like a modal to be part of the history(). [–] moron4hire 9y ago ↗ First of all, modals create a bad user experience. But if you're going to use them, users on Android expect to be able to use the back button to cancel out of things. [–] jessekorzan 9y ago ↗ Yes but... This modal explodes. Which, in most cases with design patterns, should only be used when appropriate. Right tool for the right job.
[–] jessekorzan 9y ago ↗ Just meant to be simple for prototype purposes... And I agree that typically you wouldn't want a UI event like a modal to be part of the history(). [–] moron4hire 9y ago ↗ First of all, modals create a bad user experience. But if you're going to use them, users on Android expect to be able to use the back button to cancel out of things. [–] jessekorzan 9y ago ↗ Yes but... This modal explodes. Which, in most cases with design patterns, should only be used when appropriate. Right tool for the right job.
[–] moron4hire 9y ago ↗ First of all, modals create a bad user experience. But if you're going to use them, users on Android expect to be able to use the back button to cancel out of things. [–] jessekorzan 9y ago ↗ Yes but... This modal explodes. Which, in most cases with design patterns, should only be used when appropriate. Right tool for the right job.
[–] jessekorzan 9y ago ↗ Yes but... This modal explodes. Which, in most cases with design patterns, should only be used when appropriate. Right tool for the right job.
[–] jessekorzan 9y ago ↗ Hey hey - thanks for the feedback.Can totally be done with a <video> but maybe not as much fun on mobile... And "back button" issue... could be solved with another line of JS.
12 comments
[ 3.0 ms ] story [ 26.2 ms ] threadStill, I love it!
Is this caused the way it is achieved with CSS only or is this actually wanted?
Can totally be done with a <video> but maybe not as much fun on mobile... And "back button" issue... could be solved with another line of JS.