background preloader


Facebook Twitter

jTypeWriter. Benchmarking Node.js - basic performance tests against Apache + PHP. Several days ago I have done few very basic performance tests to see how node.js server behaves compared to Apache when serving very simple pages.

Benchmarking Node.js - basic performance tests against Apache + PHP

All tests were executed on dual-core Intel T4200 2 GHZ machine with 4 GB RAM running Ubuntu 10.04 Lucid (with X). Utiliser node.js en production. Saschagehlich/hotnode - GitHub. Javascript, HTML5, and such. Open Source Node.JS Platform as a Service. Underscore.js. A JavaScript Blog. Working with jQuery, Part 2: Intermediate JQuery: The UI project. Introduction The jQuery UI project is an exciting new branch of jQuery that promises to grow quickly in the next year.

Working with jQuery, Part 2: Intermediate JQuery: The UI project

The UI library is expanding rapidly, much more rapidly than the jQuery core, as its developers push more features and fixes into each release. The funny thing about the UI package though, is that it's really a collection of user interface-related items, and can be broken down into 3 main modules: the widgets, which contain prebuilt and "skinnable" user interfaces that are ready to deploy to a Web site; the effects, which are very simple and straightforward things you can do to a page element (for example, shake it, explode it, and so on); and expanded mouse interaction with page elements (for example, dragging and dropping). The final aspect of the UI package is the ability to create your own "theme" for the prebuilt widgets, allowing you to make the widgets you download look like they were made especially for your Web site. Installing the UI Effects Figure 1. Understanding “Prototypes” in JavaScript. For the purposes of this post, I will be talking about JavaScript objects using syntax defined in ECMAScript 5.1.

Understanding “Prototypes” in JavaScript

The basic semantics existed in Edition 3, but they were not well exposed. In JavaScript, objects are pairs of keys and values (in Ruby, this structure is called a Hash; in Python, it's called a dictionary). For example, if I wanted to describe my name, I could have an object with two keys: firstName would point to "Yehuda" and lastName would point to "Katz". Keys in a JavaScript object are Strings. To create the simplest new object in JavaScript, you can use Object.create: var person = Object.create(null); Closure Tools - Google Code. The Closure Tools project is an effort by Google engineers to open source the tools used in many of Google's sites and web applications for use by the wider Web development community.

Closure Tools - Google Code

Web applications have evolved from simple HTML pages into rich, interactive applications that provide a great user experience. Today's web apps pose a challenge for developers, however: how do you create and maintain efficient JavaScript code that downloads quickly and works across different browsers? The Closure tools help developers to build rich web applications with web development tools that are both powerful and efficient.

The Closure tools include: A JavaScript optimizer. Clojure/clojurescript - GitHub. d3.js. Paper.js. Danlucraft/git.js - GitHub. Socket.IO: the cross-browser WebSocket for realtime apps. Microjs: Fantastic Micro-Frameworks and Micro-Libraries for Fun and Profit! Node.js. Utiliser node.js en production. LESS « The Dynamic Stylesheet language. Bootstrap, from Twitter. SproutCore. Using the REST interface as the JavaScript interface with Fermata.

In support of an upcoming &yet product (ssssssh!)

Using the REST interface as the JavaScript interface with Fermata

, I was asked to create a JavaScript wrapper around a REST-based API we're using from node.js. If you've been there, you might know how it goes: guess which API features the current project actually needs, make up some sort of "native" object representation, implement some bridge code that kinda works, and as a finishing touch, slap a link to the service's real documentation atop the code you left stubbed out for later. Or, you find someone else's wrapper library. They took the time to implement most features, and even wrote their own version of the documentation — but the project they needed it for was cancelled years ago, so their native library still wraps the previous version of the server API, without the new features you need.

Online javascript beautifier. jQuery Waypoints. .waypoint([callback], [options]) callback type function, optional options type object, optional Calling the waypoint function on a set of elements registers them as waypoints.

jQuery Waypoints

You can pass in a callback function… $('.thing').waypoint(function(direction) { // do stuff }); …an options object… …or both… …but you must pass something. $('.thing').waypoint(); // error The waypoint callback function takes one parameter, direction. $('.thing').waypoint(function(direction) { alert(direction); // up, down, left, or right }); The options object lets you define where in the viewport to trigger the waypoint, whether the waypoint should be on the horizontal axis, and much more. context. Javascript PC Emulator. Badger - Super sexy iOS style badges for jQuery. Super sexy iOS style badges for jQuery May 14, 2011 Give your users a dose of familiarity with iOS style badges.

Badger - Super sexy iOS style badges for jQuery

Badger will easily add a beautiful badge to your element without the need for images.