Archive for the ‘BSD License’ Category

Due to how the text rasterizer works, fonts look heavier on OS X and iOS, compared to to other operating systems.

And, trying to close this gap with per-browser CSS styles is a common pattern.

Type Rendering Mix

Type Rendering Mix is a tiny JavaScript library that allows to apply styles only when Core Text is used (iOS and OS X) in order to achieve a more consistent rendering while preserving the accuracy of sub-pixel antialiasing.

Also, Type Rendering Mix can be used to disable web fonts when no antialiasing is applied.

It works by auto-adding some styles to theelement that represent the rasterizer and anti-aliasing support on the browsers and leaves the rest to us (creating the styles).

A/B testing is a “must” (almost for any website) to analyze the performance of “scenarios” in web pages.

Sixpack is an open source A/B testing tool which has a unique feature: being language-agnostic. It doesn’t limit you running an entire test in a single language but you can start with one and end up with another (like JS + PHP code can be used for the same test).

Sixpack A/B Framework

There are libraries for PHP, JavaScript, Ruby + Python and it comes with a beautiful, interface to view the results.

The core is built with Python + Redis and all the interaction is done via a REST API.

Web Tracing Framework, by Google, is a set of tools and scripts for analyzing the performance of any JavaScript-related code.

It is mostly ideal for JavaScript-heavy apps and may not be necessary for standard web pages where JavaScript is only used for simple interactions.

There is a manual embedding option and a Chrome extension for getting internal browser data and command line tools (or Nodejs support) for processing this data.

Web Tracing Framework

The framework allows us to choose which methods/events to track and visualizes them in a friendly interface.

A “heap tracking” feature helps finding “how the memory is used by every function” to optimize when necessary.

It works on most modern browsers (in Chrome with all the features) and can be extended.

Lately, Codrops had published an article that was sharing a list of page transitions.

The article consisted of transitions that move, fade, scale, rotate or slide elements.

Daniel Silver has wrapped them to a single CSS + JS file (elementTransitions.js) and more than one animatad element can be used in a single page.

Also, these transitions can now be triggered directly with HTML tags.

Element Transitions

Tracking.js is a standalone JavaScript library for tracking data received from cameras in real-time.

The data tracked can be either colors or humans which means we can trigger JavaScript events when a specific color is detected or a human/face body appears and moves.

It has a very easy-to-use API with few methods and events (which is more than enough).


This opens so many doors in developing stuff that reacts to movements and colors like drawing in a web app with gestures, playing games with a specific-colored controller, etc.

I suggest you watch the demo video provided to see the power of the library, it is really exciting.