The CSS Ninja
thecssninja.com · Personal blog · on HN since 2009
A front-end developer writes about CSS, JavaScript, and browser features such as drag and drop, the File API, and event handling.
What HN saysHN links it for technical details on browser behavior, such as pointer events and scrolling performance and how handleEvent works with addEventListener.
19HN people shared it
2linked it in comments
44stories submitted
433story points
13 years agolast shared
2009people per year2026
Most-shared posts
- 1Font Dragr: A drag and drop font tester3 people · 5 points · first shared 2009 · discussion on HN
- 2Pure CSS collapsible tree menu2 people · 87 points · first shared 2010 · 17 comments on HN
- 3Getting fancy with the console2 people · 23 points · first shared 2011 · 5 comments on HN
- 4How Gmail’s drag and drop works and why it’s not supported in Safari2 people · 6 points · first shared 2010 · discussion on HN
- 5JS style element injection quirks in IE2 people · 4 points · first shared 2011 · discussion on HN
- 6Drag and drop file uploading using JavaScript2 people · 3 points · first shared 2009 · discussion on HN
- 7The File API has changed2 people · 3 points · first shared 2009 · discussion on HN
- 8AddEventListener, handleEvent and passing objects2 people · 1 points · first shared 2012 · discussion on HN
- 960fps scrolling using pointer-events: none1 people · 104 points · first shared 2013 · 32 comments on HN
- 10Drag out files like Gmail1 people · 47 points · first shared 2010 · 6 comments on HN
- 11Futurebox, lightbox without the JavaScript1 people · 45 points · first shared 2009 · 17 comments on HN
- 12Slides: HTML5 Drag & Drop and Friends1 people · 31 points · first shared 2011 · 3 comments on HN
- 13The H5F library, emulate the HTML5 forms chapter1 people · 17 points · first shared 2010 · discussion on HN
- 14Web Notifications1 people · 10 points · first shared 2010 · discussion on HN
- 15Futurebox, lightbox without the javascript and target pseudo-class1 people · 8 points · first shared 2010 · 2 comments on HN
What HN people wrote when they linked it
ahrjay · 2013-12-10
According to a few people both IE11[1] and Firefox[2] disable hit testing on scroll if you don't move your cursor while scrolling.
[1] http://www.thecssninja.com/javascript/pointer-events-60fps/comment-pag…
[2] http://www.thecssninja.com/javascript/pointer-events-60fps/comment-pag…
b3tta · 2012-12-31
When using addEventListener, "this" is not necessarily bound to the DOM node. You can also pass an Object whith a "handleEvent" function as attribute, instead of directly passing a function.
You can read more about it for instance here: http://www.thecssninja.com/javascript/handleevent