The Sexy Curls jQuery Plugin is an open-source jQuery plugin by Elliott Kember which lets you share in the...
A simple web-based WYSIWYG editor, written in MooTools.
scriptaculous replacement
HotKey provides functionality similar to the accesskey attribute, but has many enhancements that allow for more granular control when creating...
WKRTE is a jQuery rich text editor based on lwrte by plandem.
Helium accepts a list of URLs for different sections of a site then loads and parses each page to build...
jsPlumb can visually connect elements together with curved (or straight) lines. The demo has examples of Bezier curves and straight...
When is a global variable not a variable? When it is a property of the global object.
The difference is that return false; takes things a bit further in that it also prevents that event from propagating...
Run your Jasmine specs without a browser
...See MDN's full list of options. Also note that browsers will not execute Javascript for some combinations of modifiers. This was extracted from Unpoly...
For websites that don't do JavaScript rendering on the client, it's best practice to put script tags at the bottom of the HTML. This way, the page can...
...the page. This can be done with helpers. How to implement Add the attached javascript_helper to your app. Move your javascript_include_tags out of to the end of...
...can be hard to understand what causes a browser scroll smoothly or instantly. CSS, JavaScript and the browser settings all have options to influence the scroll behavior. They all interact...
...to instantly jump to new scroll positions in these situations: When clicking an . When JavaScript functions scroll without a { behavior } option. When the user manually changes the location #hash in...
webpack is a very powerful asset bundler written in node.js to bundle (ES6) JavaScript modules, stylesheets, images, and other assets for consumption in browsers. Webpacker is a wrapper around webpack...
...our assets in app/webpack instead of the default app/javascripts, since we not only bundle JavaScript, but stylesheets as well. To do this, change default.source_path to app/webpack in config/webpacker.yml.
...time and does not need to be fixed. However, as your frontend adds more JavaScript, AJAX and animations, this test might become "flaky". Flaky tests destroy the trust in your...
...is sufficient for basic, server-rendered application. However, as frontends become more complex (more JavaScript, AJAX requests, animations), race conditions will become too severe to be caught by these default...
...primarily increase with the number and size of your assets, especially with CSS and JavaScript. Always optimize: Keep your JavaScripts small. This is the most important rule.
...pages (e.g. TinyMCE), only load it on those pages. Be wary of low quality JavaScript libraries. You need to have a rough understand how a library works. This is especially...
You should prefer native promises to jQuery's Deferreds. Native promises are much faster than their jQuery equivalent. Native promises...
...forms against concurrent edits This is from a real project: When opening a form, JavaScript makes a request to acquire a lock for that record (1). After 20 seconds the...
...JavaScript starts polling the server (2), to check if another user has taken the lock away from us by force. When the PC was low on resources (parallel_tests), acquiring...
...flight AJAX requests to finish before ending a scenario: You may have client-side JavaScript that freaks out when the tab closure kills their pending requests. If that JavaScript opens...
end Legacy solution for jQuery frontends The module above is compatible with all JavaScript frameworks (or VanillaJS). If you cannot use capybara-lockstep and you're working on an...
If possible your code should detect features, not browsers. But sometimes you just need to sniff the browser. And when...