RSS

pupi + javascript   98

Scope and this in JavaScript | Blog :: The JavaScript Playground
Another article explains scope in javascript
javascript 
6 weeks ago by pupi
Javascript - only three "bad" parts - blog @johnkpaul
there are only three “bad” parts to javascript.

How does this work?
How does prototypical inheritance work?
Named Function Expression? Function Declaration? Hoisting?
javascript  reference 
6 weeks ago by pupi
Build New Games
BuildNewGames.com is dedicated to helping developers write plug-in free games using HTML5, CSS3, and JavaScript that provide a fast, secure experience in many browsers.
html5  javascript  game 
6 weeks ago by pupi
Developing Backbone.js Applications -
book about the Backbone.js framework for structuring JavaScript applications
ebook  javascript  backbone 
6 weeks ago by pupi
Object-orientation and inheritance in JavaScript: a comprehensive explanation » The Log Book of Manuel Kiessling
Let’s talk about object-orientation and inheritance in JavaScript.
javascript  oop 
6 weeks ago by pupi
vintageJS - add some awesome retro and vintage style to your images with the HTML5 canvas element
add some awesome retro-look to your images
javascript  photography  vintagejs  library 
february 2012 by pupi
31 days of Canvas tutorials | CreativeJS
It’s a great foundation into visual coding in JavaScript, and it’s great to see Keith adapting his techniques for HTML5 canvas. To make it easier to find all 31 posts I’ve created this handy set of links
html5  canvas  tutorial  javascript 
february 2012 by pupi
Understanding “Prototypes” in JavaScript « Katz Got Your Tongue?
the purposes of this post, I will be talking about JavaScript objects using syntax defined in ECMAScript 5.1. The basic semantics existed in Edition 3, but they were not well exposed.
javascript  reference 
february 2012 by pupi
Understanding JavaScript Function Invocation and “this” « Katz Got Your Tongue?
a lot of people have complained that the semantics of `this` in function invocations is confusing. In my opinion, a lot of this confusion is cleared up by understanding the core function invocation primitive, and then looking at all other ways of invoking a function as sugar on top of that primitive. In fact, this is exactly how the ECMAScript spec thinks about it. In some areas, this post is a simplification of the spec, but the basic idea is the same.
javascript  reference 
february 2012 by pupi
Location, location
534 other ways to reload the page with JavaScript
tip  javascript  loading 
february 2012 by pupi
dat-gui - A lightweight controller library for JavaScript. - Google Project Hosting
A lightweight graphical user interface for changing variables in JavaScript.
gui  javascript  library  dat-gui 
february 2012 by pupi
Paper.js — Paper.js
Paper.js — The Swiss Army Knife of Vector Graphics Scripting.
html5  canvas  javascript  paperjs  framework 
february 2012 by pupi
Patterns For Large-Scale JavaScript Application Architecture
the tweet-sized summary of this article:

Decouple app. architecture w/module,facade & mediator patterns. Mods publish msgs, mediator acts as pub/sub mgr & facade handles security
javascript  pattern  scale 
february 2012 by pupi
Essential JavaScript Design Patterns For Beginners
cover concept of pattern and the way to use it in JS
javascript  book  pattern 
february 2012 by pupi
Backbone patterns
practices of building Blackbone app
javascript  blackbone.js 
february 2012 by pupi
JS GameBoy Color Game Center
gameboy simulator by javascript
gameboy  javascript  simulator 
february 2012 by pupi
JSZip: JavaScript zip class
zip by javascript
javascript  library  compress 
february 2012 by pupi
turn.js - The page flip effect for HTML5
turning page effect
javascript  library 
february 2012 by pupi
Optimizing Vector Usage in JavaScript (and other high-level languages, too)
The library is consistently at the top of the benchmark charts for JavaScript linear algebra and graphics libraries
javascript  library  game  graphic 
november 2011 by pupi
Perfection kills » Refactoring Javascript with kratko.js
a simple tool to help you refactor Javascript.
javascript  tool 
june 2011 by pupi
heatmap.js | HTML5 Canvas Heatmap Library
heatmap.js is a JavaScript library that can be used to generate web heatmaps with the html5canvas element based on your data. Heatmap instances contain a store in order to colorize the heatmap based on relative data, which means if you're adding only a single datapoint to the store it will be displayed as the hottest(red) spot, then adding another point with a higher count, it will dynamically recalculate
javascript  library 
june 2011 by pupi
CoffeeScript
The Little Book on CoffeeScript
javascript  book  tutorial 
june 2011 by pupi
andreasgal/pdf.js - GitHub
pdf.js is a technology demonstrator prototype to explore whether the HTML5
platform is complete enough to faithfully and efficiently render the ISO
32000-1:2008 Portable Document Format (PDF) without native code assistance.
javascript  pdfjs 
june 2011 by pupi
Hello Backbone.js Tutorial
Hello Backbone is a simple Backbone.js tutorial comprised of self-explanatory "hello world" examples of increasing complexity. It was designed to provide a smoother transition from zero to the popular Todos example.
javascript  framework  tutorial  blackbone.js 
june 2011 by pupi
Socket.IO: the cross-browser WebSocket for realtime apps.
Socket.IO aims to make realtime apps possible in every browser and mobile device, blurring the differences between the different transport mechanisms. It's care-free realtime 100% in JavaScript.
javascript  socketio 
june 2011 by pupi
Backbone.js
Backbone supplies structure to JavaScript-heavy applications by providing models with key-value binding and custom events, collections with a rich API of enumerable functions, views with declarative event handling, and connects it all to your existing application over a RESTful JSON interface.
framework  javascript 
june 2011 by pupi
nowjs for Node - Directly call remote functions in Javascript
NowJS creates a magic namespace "now", accessible by server and clientFunctions and variables added to now are automatically synced, in real-timeCall client functions from the server and server functions from clie
javascript  library  nodejs 
may 2011 by pupi
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
javascript  library 
may 2011 by pupi
Protovis
Protovis composes custom views of data with simple marks such as bars and dots. Unlike low-level graphics libraries that quickly become tedious for visualization, Protovis defines marks through dynamic properties that encode data, allowing inheritance, scales and layouts to simplify construction.
library  javascript  visualization 
may 2011 by pupi
Getting Started with Three.js | aerotwist.com
I have used Three.js for some of my experiments, and it does a really great job of abstracting away the headaches of getting going with 3D in the browser. With it you can create cameras, objects, lights, materials and more, and you have a choice of renderer, which means you can decide if you want your scene to be drawn using HTML 5's canvas, WebGL or SVG. And since it's open source you could even get involved with the project. But right now I'll focus on what I've learned by playing with it as an engine, and talk you through some of the basics.
javascript  tutorial  threejs 
may 2011 by pupi
Morse.js Demo
a jQuery plugin that annotates text with Morse Code
javascript  jquery  plugin 
may 2011 by pupi
Javascript Mistakes You Must Avoid
If you are new to javascript and you write raw javascript or use any framework (jQuery, Mootools, Dojo, YUI) with it, you must avoid few mistakes. Actually these are my experiences when I was learning javascript.
javascript 
may 2011 by pupi
How The Martha Graham Google Logo is Animated (Short Explanation) | Break Things
Google’s logo was so cool today, I had to write something. Here’s a short explanation of how they did it:

First, start with an sprite image that contains every frame of the animation.

Next, have in mind to create a whole lota <div>s, styled like so…
google  javascript  doodle 
may 2011 by pupi
SproutCore - About
A JavaScript framework for writing powerful web applications with less code.

SproutCore applications move business logic to the browser so they can respond to your users' taps and clicks immediately, avoiding an agonizing roundtrip across often intermittent network connections.
framework  javascript 
may 2011 by pupi
zepto.js — the aerogel-weight mobile javascript framework
Zepto.js is a minimalist JavaScript framework for mobile WebKit browsers, with a jQuery-compatible syntax.
framework  javascript  mobile 
may 2011 by pupi
Javascript PC Emulator
running linux in browser
javascript  linux 
may 2011 by pupi
Resources for javascript games
Resources for javascript games
javascript  game  resource 
may 2011 by pupi
Hobo Lobo of Hamelin - Page 1
Hobo Lobo of Hamelin is a thing by a dude, who’s all like, “I’M GONNA MAKE A THING.” And then he did. Or is doing. Or, you know, whatever. This dude can be found on the internet. He websites to put food on his family.
comic  javascript 
april 2011 by pupi
Impact - HTML5 Canvas & JavaScript Game Engine
Impact is a JavaScript Game Engine that allows you to develop HTML5 Games in no time. Games created with Impact require no browser plugins or any software installations – just a modern browser that supports the Canvas tag.
javascript  game  engine 
april 2011 by pupi
Making Google’s Christmas Doodle with jQuery | Tutorialzine
This holiday season, Google once again lifted up the Christmas spirits of those, who visited their homepage, with their animated logo, or doodle, as they call it. Now, with the holiday behind our back, we can put the calories from that lavish diner into good use, and try to get in shape for the following week. So lets try to recreate Google’s animated logo with the help of jQuery and a bit of CSS!
jquery  javascript  tutorial  google 
april 2011 by pupi
A Free Day of JavaScript on Mobile - January 27th, 2011 - Hosted by MJG International
On Jan 27th, 2011 MJG International put on a free conference at Google HQ. With speakers covering topics such as the state of the mobile web, mobile javascript frameworks, browser performance and mobile best practices.
javascript  mobile 
april 2011 by pupi
Google JavaScript Style Guide
JS coding convention of Google
javascript  google  coding-conventions 
april 2011 by pupi
audio.js
audio.js is a drop-in javascript library that allows HTML5’s <audio> tag to be used anywhere.
javascript  library 
april 2011 by pupi
DailyJS: A JavaScript Blog
Let’s Make a Web App, a new tutorial series about building a web app with Node. This series will walk you through building a web app with Node, covering all the major areas you’ll need to face when building your own applications.
javascript  nodejs  tutorial 
april 2011 by pupi
jQuery Fundamentals
jquery  javascript  reference  book 
april 2011 by pupi
The Node Beginner Book
javascript  tutorial  nodejs 
april 2011 by pupi
Highcharts - Interactive JavaScript charts for your webpage
Highcharts is a charting library written in pure JavaScript, offering an easy way of adding interactive charts to your web site or web application. Highcharts currently supports line, spline, area, areaspline, column, bar, pie and scatter chart types.
javascript  library  highcharts 
april 2011 by pupi
Spine
Spine is a lightweight framework for building JavaScript web applications. Spine gives you a MVC structure and then gets out of your way, allowing you to concentrate on the fun stuff, building awesome web applications.
framework  javascript  mvc  spine 
april 2011 by pupi
Object Oriented Programming in JavaScript
It should be noted that the current design of the JavaScript language, did not fully anticipate or fully implement an object oriented system. That is why the subject is somewhat mysterious and there are various implementations of object oriented programming techniques being used on the web today. I will describe what I believe to be the most main-stream and compatible implementation that fits most naturally into the design of the language.
javascript 
april 2011 by pupi
Web 2.0 Development and Business Lessons: You Don't Know JavaScript
Over the last year or so I've noticed an irritating phenomenon developing. I've seen a repetitive pattern of programmers dressing their resumes with technologies that they don't really know, but have merely touched on. While this seems to be happening with many languages, the most commonly violated language is JavaScript.
javascript  reference 
april 2011 by pupi
Ender - the no-library library.
Ender is not a JavaScript library in the traditional sense. So don't rush out and try to replace jQuery or MooTools with Ender... It just wouldn't work.... But! you can build a library from Ender which will. And you should. right now.
javascript  library  ender 
april 2011 by pupi
Understanding JavaScript’s this keyword | JavaScript, JavaScript
The JavaScript this keyword is ubiquitous yet misconceptions abound
javascript 
april 2011 by pupi
dat.gui
dat.gui is a lightweight controller library for JavaScript. It allows you to easily manipulate variables and fire functions on the fly.
library  javascript 
april 2011 by pupi
MiniAjax.com / Highlighting Rich Experiences on the Web
Mini ajax effect
ajax  javascript  resource 
april 2011 by pupi
Imran Nazar: GameBoy Emulation in JavaScript
article series on emulation development in JavaScript
javascript  emulation  gameboy 
april 2011 by pupi
Box2DJS - Physics Engine for JavaScript
Box2DJS is a JavaScript port of Box2D Physics Engine. To tell the truth, this is converted from Box2DFlashAS3_1.4.3.1 in an automatic manner. (The reason why not Box2DFlashAS3_2.0.0 based is simply because I overlooked the renewal.)
javascript  library  box2d 
april 2011 by pupi
20 Things I Learned About Browsers and the Web
It’s fun (although basic for web pros) and beautifully illustrated. Great use of CSS3 and JavaScript as wel
book  google  javascript  css  web  browser 
april 2011 by pupi
Javascript Accessibility Guidelines — Hall of Bright Carvings
The nature of the internet is that not everyone will receive JavaScript in the way intended. Therefore JavaScript should be applied in a way that enhances the page, rather than requiring it
javascript  accessibility 
april 2011 by pupi
Neat Algorithms - Flocking
In this post I’ll explain and demonstrate an algorithm that simulates a group of entities grouping together, illustrating something called “flocking”. I think it’s quite neat because the flock exhibits some complex collective intelligence when just a few simple governing rules are applied to each entity.
algorithm  javascript 
march 2011 by pupi
JavaScript Garden
JavaScript Garden is a growing collection of documentation about the most quirky parts of the JavaScript programming language. It gives advice to avoid common mistakes, subtle bugs, as well as performance issues and bad practices that non-expert JavaScript programmers may encounter on their endeavours into the depths of the language.
javascript  reference 
march 2011 by pupi
Awesome HTML5 Dashboard
Fantastic demo of a HTML5 powered Dashboard
css  html  javascript  svg 
march 2011 by pupi
Separating JavaScript download and execution | NCZOnline
Despite the various options for loading JavaScript, there is still no way to download a JavaScript file and set it to execute at an arbitrary time. You can say execute immediately, or you can defer until the DOM document is complete, but you can’t specify any other point in time to execute the code. This has resulted in developers coming up with hack after hack to try and create this ability:
javascript  performance 
march 2011 by pupi
HTML5 Canvas Sample – Building a maze | on the count of three
building a maze
canvas  javascript  maze 
march 2011 by pupi
Benchmark.js
A robust benchmarking library that works on nearly all JavaScript platforms, supports high-resolution timers, and returns statistically significant results.
javascript  library  benchmarkjs 
march 2011 by pupi
peter.michaux.ca - MVC Architecture for JavaScript Applications
There isn’t enough discussion to read about using the model-view-controller architecture for client-side JavaScript web application development and it’s a shame.
javascript  mvc 
march 2011 by pupi
Skilldrick » Zen and the art of statefulness
When I first read the above koan some time ago, I didn’t really understand it. I had a very basic idea of closures, but at the time they were just a syntactic oddity to me – something you could do a few cool things with, but not particularly useful. Since then I’ve worked through quite a bit of Structure and Interpretation of Computer Programs and delved into functional programming in JavaScript, which has given me a much deeper understanding of closures
javascript  ruby  closures 
march 2011 by pupi
Javascript Game Development - The Game Loop · nokarma.org
One of the most important parts of a game engine is the so called “game loop”. It is the central piece of the game’s engine and is responsible for trying to balance running a game’s logic, and executing its drawing operations.
javascript  game 
february 2011 by pupi
Google JavaScript Style Guide
coding convention
google  javascript  reference  convention 
february 2011 by pupi
Underscore.js
Underscore is a utility-belt library for JavaScript that provides a lot of the functional programming support that you would expect in Prototype.js (or Ruby), but without extending any of the built-in JavaScript objects. It's the tie to go along with jQuery's tux.
javascript  library 
february 2011 by pupi
The Difference Between jQuery’s .bind(), .live(), and .delegate() - Alfa Jango Blog
The difference between .bind(), .live(), and .delegate() is not always apparent. Having a clear understanding of all the differences, though, will help us write more concise code and prevent bugs from popping up in our interactive applications.
javascript  jquery  reference 
february 2011 by pupi
LimeJS HTML5 Game Framework
LimeJS is a HTML5 game framework for building fast, native-experience games for all modern touchscreens and
desktop browsers.
canvas  framework  javascript  limejs 
february 2011 by pupi
Treesaver.js
Treesaver® is a JavaScript framework for creating magazine-style layouts using standards-compliant HTML and CSS.
framework  css  javascript  html  design  web 
february 2011 by pupi
JavaScript Bouncing Balls
using math to explain how a ball bounces and two balls collide
javascript  math  bouncing  collision  reference 
february 2011 by pupi
a pong battle to the death on an HTML5 canvas | Discorganized
an example of Pong
pong  javascript  canvas  example 
february 2011 by pupi
Doodle-js - dead slang.
Doodle.js attempts to create a fun and easy way to interact with the Canvas that is lightweight, flexible, and functional. While it contains a few shape primitives it is not meant to be a full-fledged drawing api, rather a framework that allows you to build sprites and interact with them in an expressive way.
doodlejs  javascript  canvas  library 
february 2011 by pupi
gui-dat
gui-dat is a lightweight controller library for JavaScript. It allows you to easily manipulate variables and fire functions on the fly
library  javascript  gui 
february 2011 by pupi
Processing.js
Processing.js is the sister project of the popular Processing visual programming language, designed for the web. Processing.js makes your data visualizations, digital art, interactive animations, educational graphs, video games, etc. work using web standards and without any plug-ins. You write code using the Processing language, include it in your web page, and Processing.js does the rest. It's not magic, but almost.
javascript  framework  processingjs  canvas  visualization 
february 2011 by pupi
JavaScript must die | John Graham-Cumming
My thesis is that the security situation with JavaScript is so poor that the only solution is to kill it. End users have very little in the way of protection against malicious JavaScript, major web sites suffer from XSS and CSRF flaws, the language itself allows appalling security holes, and as data moves to the cloud the 14 year old JavaScript security sandbox becomes more and more irrelevant.
security  javascript  slideshow 
february 2011 by pupi
Create a Vertical, Horizontal and Diagonal Sliding Content Website with jQuery | Queness
css  horizontal  vertically  diagonally  scrolling  javascript  tutorial 
february 2011 by pupi
Useful tips to design horizontal website layout
in this tutorial I want to illustrate some useful tips to design this kind of layouts using CSS and HTML code, also adding a nice animated scrolling effect using JavaScript
css  horizontal  scrolling  javascript  tutorial 
february 2011 by pupi
« earlier      

Copy this bookmark:



description:


tags: