romainl

R.js

R.js is a 30-line JS library that brings life to the third part of minimalistic saga: parameterized client-side routing.

How to obtain

Download the library here or include the following into your HTML:

romainl

XT.js

Let's close the ultra-small library cycle with some awesome array-based templating. 323 bytes minified.

How to obtain

Just download the minified version here or include it into your code:

romainl

Q.js

Q.js is a very simple, tiny and elegant DOM manipulation library that provides the essentials in an original and minimalistic way.

How to obtain

Just download the minified version here or include it directly in your HTML:

romainl

Zen.js

It seems that perfection is attained not when there is nothing more to add, but when there is nothing more to take away.

Antoine de Saint Exupéry

Zen.js is tiny attempt to create the Zen of reactive in-memory storage on the JS client-side environment.

How to obtain

romainl

<!-- grid -->
<div class="my-grid">
	<!-- rows -->
	<div>
		<!-- cells -->
		<div>content 1</div>
		<div>content 2</div>
		<div>content 3</div>
		<div>content 4</div>
		<div>content 5</div>

romainl

Clipboard sharing on Mac OS X is easy

On the Mac

1. Make sure you have a clipboard-aware Vim build. I recommend MacVim.

2. Install or update XQuartz.app and start it.

3. In the Preferences window, activate clipboard synchronization.

romainl

La délégation d’évènement

Un problème

Imaginons une liste d’ancres toute bête :

<ul id="ma-liste">
    <li><a href="#">une ancre</a></li>
    <li><a href="#">une autre ancre</a></li>

et encore une autre

romainl

/* Tumblr au karcher */

#tumblr_radar,
.controls_section_radar,
.is_recommended,
.recommended_tumblelogs,
.recommended-unit-container,
.single_notification,
.sponsored_post,
.yamplus-unit-container,

romainl

/*
 * Easing Functions - inspired from http://gizma.com/easing/
 * only considering the t value for the range [0, 1] => [0, 1]
 */
EasingFunctions = {
  // no easing, no acceleration
  linear: function (t) { return t },
  // accelerating from zero velocity
  easeInQuad: function (t) { return t*t },
  // decelerating to zero velocity

romainl

// http://paulirish.com/2011/requestanimationframe-for-smart-animating/
// http://my.opera.com/emoller/blog/2011/12/20/requestanimationframe-for-smart-er-animating

// requestAnimationFrame polyfill by Erik Möller. fixes from Paul Irish and Tino Zijdel

// MIT license

(function() {
    var lastTime = 0;
    var vendors = ['ms', 'moz', 'webkit', 'o'];