Accessibility is on the rise (again) and there are some really decent write-ups on the topic.
Even though animation has always been present in the web—be it as
$el.animate()— the arrival of CSS transitions and animations, and the death of Flash rekindled general interest in animated interfaces and elements. This animation can be boiled down into a set al well-known rule-of-thumbs.
Here are some JS tricks that I had stuck in a
.txt on my desktop for quite a while. Since I’m doing a spring clean, I’d better post them here so I don’t forget about them!
Some might not be particularly good for usage with teams (unless you all know about them of course), but it’s interesting nonetheless to know that these exist.
Aahh, the Fold. That mythical term that we spent so much time on putting into our clients head, and now it’s coming back to bite us.
OS X screensavers are a relic, and there’s no easy way to make one. This Github project aims to make things easier.
The concept of responsive tables isn’t new, and a solid solution is forcing the rows and cells into different blocks, with generated labels from
The following approach uses a different take, which might as well serve for tables that don’t even fit on larger screens.
By adding a scripted bounce or overshoot to a keyframe animation you can easily add a tad of fun and liveliness. Below are a few scripts that come in handy from time to time, and which allow for easy customisation through variables.
With ouibounce, you can show a modal when visitor moves his mouse to the top of the window, eg. for clicking a bookmark or focusing on the addressbar.
A library for adding juicy animations to your website or webapp.
A jQuery plugin that turns those boring and hard-to-use payment forms into a wonderful experience.