javascript – Page 64

PhantomJS: Headless WebKit with JavaScript API

PhantomJS is a headless WebKit with JavaScript API. It has fast and native support for various web standards: DOM handling, CSS selector, JSON, Canvas, and SVG. var page = require(‘webpage’).create(); console.log(‘The default user agent is ‘ + page.settings.userAgent); page.settings.userAgent = ‘SpecialAgent’; page.open(‘http://www.httpuseragent.org’, function (status) { if (status !== ‘success’) { console.log(‘Unable to access network’); } …

Continue reading “PhantomJS: Headless WebKit with JavaScript API”

Read Post →

Implementing pushState for twitter.com

This post provides an overview of the pushState API, a summary of our implementation, and details some of the pitfalls and gotchas we experienced along the way. Twitter Engineering: Implementing pushState for twitter.com →

Read Post →

3D Hartwig Chess Set

3D chess game done in HTML/CSS/JS 3D Hartwig Chess Set → 3D Hartwig Chess Set Source (GitHub) → (via CreativeJS)

Read Post →

Freetile

Freetile is a plugin for jQuery that enables the organization of webpage content in an efficient, dynamic and responsive layout. It can be applied to a container element and it will attempt to arrange it’s children in a layout that makes optimal use of screen space, by “packing” them in a tight arrangement. Like Masonry, …

Continue reading “Freetile”

Read Post →

Plasmatic Isosurface

A 2 dimensional plasma simulation running on the GPU, written in GLSL and CoffeeScript and rendered with WebGL. Amazing what web browsers are capable of nowadays! Plasmatic Isosurface Demo → Plasmatic Isosurface Source (GitHub) →

Read Post →

jQuery Burn

jQuery Burn is a plugin which adds a flame-like effect to text using multiple text-shadows, animated by repeatedly changing their horizontal offsets. You really shouldn’t use this plugin (burn effect, seriously?), but from a technical point of view it’s quite interesting to see how it works. jQuery Burn →

Read Post →

jResize

jResize is a responsive web development tool, built in jQuery to assist the workflow of developers on responsive projects. There are various tools for responsive development, iframes at different widths embedded in the page, and the tedious resizing of the browser. So here’s a different approach which grabs all your HTML, and resizes it inside …

Continue reading “jResize”

Read Post →

Shumway – Flash VM and runtime written in JavaScript

Shumway is an HTML5 technology experiment that explores building a faithful and efficient renderer for the SWF file format without native code assistance. By the Mozilla Folks. Renders everything on a <canvas> elements Shumway → Shumway Racing Game Demo →

Read Post →

Build your own custom jQuery

Git clone the jQuery repository from https://github.com/jquery/jquery.git, npm install it, and build using grunt grunt custom:-ajax,-deprecated Possible modules (in jQuery 1.8) to exclude are ajax, css, deprecated, dimensions, effects, and offset.

Read Post →

Writing Fast, Memory-Efficient JavaScript

There are many common pitfalls when it comes to writing memory-efficient and fast code, and in this article we’re going to explore some test-proven approaches for writing code that performs better. Extensive article by Addy Osmani Writing Fast, Memory-Efficient JavaScript →

Read Post →