HTML5 context menus in the wild: Twitter’s “Follow” button

[2013-03-02] dev, html5, webdev
(Ad, please don’t block)

Twitter’s “Follow” button has an HTML5 context menu [1]. The button below allows you to try it out. On Firefox, you get a context menu whose top three items are “Follow”, “@rauschma on Twitter” and “Tweet to @rauschma”. Alas, other browsers don’t support the customization of context menus, yet.

jQuery contextMenu is a polyfill [2] that works on all browsers and uses HTML5 on Firefox. There are plans to parse HTML5, but they are waiting for a second HTML5 implementation before they do that.

References:

  1. HTML5 context menus in Firefox 8+
  2. What is the difference between a shim and a polyfill?

\n\njQuery contextMenu is a polyfill [2] that works on all browsers and uses HTML5 on Firefox. There are plans to parse HTML5, but they are waiting for a second HTML5 implementation before they do that.\n

\nReferences:\n

    \n
  1. HTML5 context menus in Firefox 8+
  2. \n
  3. What is the difference between a shim and a polyfill?
  4. \n
\n","webRootPath":"../../","webImagePath":"../../img/","widgetData":{"TopPostsWidget":{"date":"2017-03-27","rows":[{"path":"2014/09/es6-modules-final.html","title":"ECMAScript 6 modules: the final syntax"},{"path":"2015/02/es6-classes-final.html","title":"Classes in ECMAScript 6 (final semantics)"},{"path":"2017/02/ecmascript-2018.html","title":"Feature watch: ECMAScript 2018"},{"path":"2016/10/understanding-promises.html","title":"Three ways of understanding Promises"},{"path":"2014/05/es6-array-methods.html","title":"ECMAScript 6’s new array methods"},{"path":"2012/03/converting-to-string.html","title":"Converting a value to string in JavaScript"},{"path":"2014/01/object-assign.html","title":"ECMAScript 6: merging objects via Object.assign()"},{"path":"2016/01/ecmascript-2016.html","title":"The final feature set of ECMAScript 2016 (ES7)"},{"path":"2011/04/iterating-over-arrays-and-objects-in.html","title":"Iterating over arrays and objects in JavaScript"},{"path":"2015/01/es6-destructuring.html","title":"Destructuring and parameter handling in ECMAScript 6"}]}}};