When building a form with a file select field, you may want to offer your users a live preview before...
The most common use case for Ruby's #collect is to call a method on each list element and collect...
I use this to simulate the (non-existing) :last-letter CSS pseudoclass, e. g. to insert a tombstone at the...
This trick might be useful to implement more complicated directives in AngularJS. I needed it to do drag'n'drop...
This is non-trivial because you need to fake event objects and require different code for different browsers. Luckily, there...
This works well in the simplified case, when your link disappears after it was clicked. Let link_to_remote behave...
The step we used in the past (Then "foo" should not be visibile) doesn't reliably work in Selenium features...
CSS4 comes with :has. E.g. h1:has(b) would select all tags that contain a tag. This is implemented in...
Sometimes you need to dynamically load an image and do something as soon as its loaded (when for example its...
gleeBox is an experimental project that takes a keyboard-centric approach to navigating the web. It provides alternatives to actions...
BubbleTree is a library for interactive visualization of hierarchical data. Originally developed mainly for spending data, the library is now...
Though the W3C even gives it as an example, no browser actually supports this CSS: img:before { content: "something"; }
Imagine all the syntactical delights of Ruby and Haml for your JavaScript. You write in a nice language, but get...
Rails ships with two separate build pipelines: Sprockets ("asset pipeline") and Webpacker. Webpacker has many more moving parts, but allows...
From Rails 3.0.9, there is a method Hash#to_query that will turn a Hash into a query string:
jQuery plugin that makes it easy to dynamically add and remove records when using ActiveRecord's nested attributes.
jQuery plugin to fire events when user's cursor aims at particular dropdown menu items. For making responsive mega dropdowns...
Great look at the tradeoffs between progressive enhancement with jQuery or similiar, vs. client-side views.
jQuery plugin for equalizing the height or width of elements.
A jQuery audio player plugin that is responsive and touch-friendly. The UI is css-only, no images used.
turn.js is a plugin for jQuery that adds a beautiful transition similar to real pages in a book or magazine...
jQuery as new default Javascript library, streaming response support, attr_accessible with roles, prepared statements, easier migrations.
Asset pipeline, HTTP streaming, jQuery as default framework, auto-reversable migrations, identity map for ActiveRecord. Ruby 1.8.x support will...
jQuery's selector engine, live()-like event handlers, pixel-perfect layout measuring.