gordonbrander + javascript   506

Comparing ES Harmony Concurrency Strawman · kriskowal/q Wiki · GitHub
A Promises library that implements a variant of the proposed ES Harmony Promises API.
functional  JavaScript  web  development  opensource  from iphone
2 days ago by gordonbrander
Working with files in JavaScript, Part 3: Progress events and errors | NCZOnline
It might be worth looking at how progress is handled for files to determine how we should represent it with transactions.
javascript  mvc  development  web 
7 days ago by gordonbrander
Exploring JavaScript for-in loops | JavaScript, JavaScript…
A few interesting details, re: for-in. Property ordering is interesting (and not to be counted on).
javascript  development  web 
7 days ago by gordonbrander
cujojs/when
Another interesting Promises implementation. Not sure if it's Promises A.
commonjs  development  functional  reactiveprogramming  javascript  opensource 
11 days ago by gordonbrander
Derby.js
Another JS MVC. This one is focused on real time apps.
mvc  JavaScript  development  web  opensource  from iphone
16 days ago by gordonbrander
Page.js by visionmedia
A tiny client-side router by @visionmedia.
mvc  development  web  javascript  opensource 
18 days ago by gordonbrander
D3 Without SVG - Jim Vallandingham
NYT recently did some work with D3, forgoing SVG. I think with minimal modification, D3 could actually make a keen front-end framework.
mvc  javascript  development  web  design  data  visualization  learn  blog 
19 days ago by gordonbrander
Stack Overflow: Reactive Programming for GUIs
Nice insights here. Reactors both subscribe to the event and return a handler.
functional  development  pattern  web  JavaScript  from iphone
19 days ago by gordonbrander
Dancing with Data « Quasipartikel
Dance.js is a Backbone framework for data-driven vis that imitates D3.js. Investigate.
javascript  mvc  data  visualization  opensource  backbonejs  d3js 
20 days ago by gordonbrander
MongoDB: What's the best MongoDB ORM for Python? - Quora
Some interesting ideas here. I think I may want to go the route of constructing object structures that have validation functions in place of data. We could provide some basic validation funcs with options for required, etc.
MongoDB  learn  mvc  development  web  JavaScript  python 
24 days ago by gordonbrander
Intro to Ming — Ming 0.3 documentation
Schema validation for MongoDB in Python. This is almost the same problem domain we have validating models in JavaScript.
JavaScript  MongoDB  development  web  python  opensource  database  mvc 
24 days ago by gordonbrander
balupton/history.js
History.js gracefully supports the HTML5 History/State APIs (pushState, replaceState, onPopState) in all browsers. Including continued support for data, titles, replaceState. Supports jQuery, MooTools and Prototype.
javascript  web  development  polyfill  opensource  ajax  app 
26 days ago by gordonbrander
A non-responsive approach to building cross-device webapps - HTML5 Rocks
An interesting approach: targeting form-factor categories.

* small screens + touch (mostly phones)
* large screens + touch (mostly tablets)
* large screens + keyboard/mouse (mostly desktops/laptops)

This is actually very much like what I did for Carrington Personal. It can also be pulled off with a combo of media queries + window.matchMedia.
javascript  responsivedesign  development  web  design  mobile 
27 days ago by gordonbrander
LinkedIn For iPad: using local storage for snappy mobile apps | LinkedIn Engineering
How LinkedIn integrated Backbone with LocalStorage in their iPad app. It strikes me that it would be worth making this type of local caching default for models via a pluggable system or something.
iOS  backbone  development  backbonejs  mvc  JavaScript  LocalStorage  web  from iphone
28 days ago by gordonbrander
tubalmartin/riloadr
Another responsive image loader. Cleverly, it bundles in a lazy-loading feature. Fallback via <noscript>.
responsivedesign  javascript  opensource 
28 days ago by gordonbrander
Amber Smalltalk
Smalltalk that compiles to JavaScript.
opensource  javascript  smalltalk  development  web  oop 
5 weeks ago by gordonbrander
Cubism.js
Cubism.js is a D3 plugin for visualizing time series. Use Cubism to construct better realtime dashboards, pulling data from Graphite, Cube and other sources.
JavaScript  development  web  data  visualization  opensource  library  svg  from iphone
5 weeks ago by gordonbrander
Adobe & HTML
Adobe has done a totally impressive about-face. Wonderful contributions to webkit, interesting tools.
html  web  development  javascript  webkit 
5 weeks ago by gordonbrander
CamanJS - Image Manipulation in Javascript
Pretty impressive image filters for canvas, with a nice expressive API.
javascript  canvas  opensource  library 
5 weeks ago by gordonbrander
Thinking with Joins
So D3 prioritizes manipulating the elements -- the enter and exit methods correspond to views, not data. This seems right to me. Data is just data -- when it changes, the code should react to that.
javascript  visualization  data  functional  svg  categorytheory  animation 
5 weeks ago by gordonbrander
The Miso Project
Miso is an open source toolkit designed to expedite the creation of high-quality interactive storytelling and data visualisation content.
javascript  data  visualization  design  opensource  library 
5 weeks ago by gordonbrander
Bootstrapping a lightweight Object System in Ruby
An object essentially wraps up method dispatch and state

A good observation. It's possible using functional closure to build your own object system (assuming your language supports hashes).
oop  functional  web  development  ruby  javascript  learn 
5 weeks ago by gordonbrander
Argh at master · thomcc/Argh · GitHub
A really basic canvas game written in ClojureScript for practice. It might be a good intro.
lisp  javascript  canvas  game  development 
5 weeks ago by gordonbrander
PaulKinlan/formfactor
You've heard of Browser Detection and Feature Detection. Form Factor Detection is a third way, providing an avenue to manage conceptually distinct user interfaces. It doesn't eliminate the need for the first two approaches, but you use them in the context of a particular form factor's interface.

A script released by Google employees last year, aimed at bringing form factor detection to JS.
javascript  opensource  web  mobile  design  development 
6 weeks ago by gordonbrander
strawman:concurrency [ES Wiki]
The ES committee is considering adding Promises to the JavaScript language, using ! as an operator.
development  javascript  web  learn 
6 weeks ago by gordonbrander
Scripting: Higher Level Programming for the 21st Century
Implementation inheritance... is a bad idea that makes software harder to manage and reuse. It binds the implementations of classes together so that neither class can be understood without the other: a subclass cannot be understood without knowing how the inherited methods are implemented in its superclass, and a superclass cannot be understood without knowing how its methods are inherited in subclasses. In a complex class hierarchy, no individual class can be understood without understanding all the other classes in the hierarchy.

Nonetheless, object oriented programming does provide at least two useful features. The first is encapsulation: objects combine together data and code in a way that hides implementation details. The second useful feature is interface inheritance, which refers to classes that provide the same methods and APIs even though they have different implementations. This makes the classes interchangeable, which encourages reuse.

JavaScript's prototypal inheritance side-steps the implementation inheritance issue by making everything implemented by the class observable on a prototype object.
development  javascript  compsci  web  pattern 
6 weeks ago by gordonbrander
Pixels or Perish » American Scientist
The art of scientific illustration will have to adapt to the new age of online publishing

D3.js gets a mention.
science  data  visualization  javascript  svg  essay 
6 weeks ago by gordonbrander
Closure Tools — Google Developers
The Closure Library is a broad, well-tested, modular, and cross-browser JavaScript library. You can pull just what you need from a large set of reusable UI widgets and controls, and from lower-level utilities for DOM manipulation, server communication, animation, data structures, unit testing, rich-text editing, and more.
javascript  opensource  development  web 
6 weeks ago by gordonbrander
Noroff | mandarin
From a tech creative school in Norway. A recap of teaching a programming class with ImpactJS. Great ideas here.
game  development  web  JavaScript  teaching  impactjs  from iphone
6 weeks ago by gordonbrander
An Extremely Gentle Introduction to Ember.js - Part 1 | Sympodial
Ember is not my bag, but I think there may be some things to learn from it.
mvc  javascript  development  web  learn 
7 weeks ago by gordonbrander
jQuery EventEmitter – James Padolsey
Clever: a quick hack to piggyback of of jQuery's already present event system for object events.
jquery  development  web  javascript 
7 weeks ago by gordonbrander
Introduction to Arrowlets
Arrowlets is a JavaScript library that uses the concept of arrows to make the task of composing event-handlers easy. Event handlers are written as normal functions, as you would today, and Arrowlets provide flexible combinators to easily compose sequence of events, animation, asynchronous network access, and making long-running computations while keeping the UI responsive.
javascript  haskell  functional  web  development  compsci  reactiveprogramming 
7 weeks ago by gordonbrander
mdv - Model-driven Views Experimental Library - Google Project Hosting
MDV is a Javascript shim which partially implements a design for HTML that supports a sensible dynamic separation between page display and the data which drives it.

MDV aims to get HTML to provide the essential foundation underlying most templating libraries. Further, it aims to allow dynamic web applications to declare the relationship between their data and presentation: updates to application data are reflected in the presentation and user input is assigned to application data.

See also: http://infrequently.org/2012/04/bedrock/
architecture  mvc  javascript  development  web 
7 weeks ago by gordonbrander
Bedrock
In every platform that’s truly a platform it’s important to have a stable conceptual model of what’s “down there”. For Java that’s not the language, it’s the JVM. For the web…well…um. Yes, it bottoms out at C/C++, but that’s mostly observable through spooky action at a distance.
browser  development  architecture  standard  javascript  from iphone
7 weeks ago by gordonbrander
jQuery is a Monad « Important Shock
...Basically, it treats `this` as an implied first parameter.
jquery  javascript  functional  development  compsci 
7 weeks ago by gordonbrander
CanJS
Yet another JavaScript MVC framework.
javascript  jquery  opensource  mvc  development  web 
7 weeks ago by gordonbrander
Build New Games
An IE-sponsored site providing resources for building HTML5 games.
development  game  learn  canvas  javascript  svg  blog 
8 weeks ago by gordonbrander
yahoo/mojito
A while ago, Yahoo started talking about Mojito, a JavaScript framework that abstracts away differences between client and server. Well, it's now open source. I anticipate learning a lot from this architecture.
javascript  framework  nodejs  development  web  opensource  mvc 
8 weeks ago by gordonbrander
linq.js - LINQ for JavaScript
Huh. .Net has a JS library for functional programming that includes reactive behaviors.
JavaScript  development  web  functional  from iphone
8 weeks ago by gordonbrander
What is Reactive Programming? - Paul Stovell
A fun explanation in story form. Reactive programming could be implemented as event-driven observables or through an event loop.
functional  development  web  JavaScript  learn  compsci  reactiveprogramming  from iphone
8 weeks ago by gordonbrander
Flapjax
Flapjax is a compile to js language and framework that implements event-driven functional programming.
JavaScript  development  functional  web  learn  opensource  reactiveprogramming  from iphone
8 weeks ago by gordonbrander
[whatwg] Canvas v5 API additions
Canvas Path primitives have been added to the API. In other words, you can now construct `new Path()` objects and paint to them within a canvas context, giving us optional basic OOP/DOM drawing for canvas.
canvas  javascript  oop  animation 
8 weeks ago by gordonbrander
ghoulsblade/love-webplayer
A WebGL player for Love2D that interprets Love lua code.
lua  game  development  webgl  javascript  opensource 
8 weeks ago by gordonbrander
fogus: Compiling Clojure to JavaScript, pt. 3 – The Himera Model
A closure (Lisp) to JavaScript compiler that supports eval and macros.
lisp  javascript  development  web 
8 weeks ago by gordonbrander
square/crossfilter
Fast n-dimensional filtering and grouping of records in JavaScript. It can scale to millions of records.
javascript  opensource  web  development 
9 weeks ago by gordonbrander
Semicolons in JavaScript are optional
JavaScript's automatic semicolon insertion algorithm is actually better than reported.

Imagine all the people, living semi-colon free. Ooh-ooh-ooh-ooh.
javascript  development  web 
9 weeks ago by gordonbrander
HTML5 Responsive Design: How to Determine the Real Dimensions of an Image in JavaScript - SitePoint
Nice! In addition to img.width and img.height, newer browsers provide img.naturalWidth, img.naturalHeight.
javascript  responsivedesign  development  web 
9 weeks ago by gordonbrander
Yet another responsive image system | Responsive Images Community Group
A brilliant left-field approach to responsive images from a community group member:

Load the low-res image, and send a diff for the large version over the wire, applying the diff via JavaScript.
javascript  responsivedesign  w3  mozilla 
9 weeks ago by gordonbrander
JavaScript’s two zeros
Ah geeze, in JavaScript, -0 is a thing. Though -0 === +0, it is not the same in bits.
The canonical solution for determining the sign of a zero is to divide one by it and then check whether the result is -Infinity or +Infinity
javascript  development  web  compsci 
9 weeks ago by gordonbrander
Async JavaScript by Trevor Burnham [Leanpub PDF/iPad/Kindle]
A small eBook about managing async JavaScript. I've covered most of this ground, but it might be a pleasant read.
javascript  development  web  book 
9 weeks ago by gordonbrander
How to write low garbage real time JavaScript
Further, a game running at 60 fps only has 16ms to render each frame, and GC collection can easily take 100ms or more - resulting in a visible pause, or in even worse situations, a constantly choppy play experience. Therefore, for real-time Javascript code like game engines, the solution is to try and reach the point where you create nothing at all during a typical frame.
JavaScript  development  web  learn  from iphone
10 weeks ago by gordonbrander
Sinon.JS - Versatile standalone test spies, stubs and mocks for JavaScript
Standalone test spies, stubs and mocks for JavaScript. No dependencies, works with any unit testing framework.
development  javascript  tdd  test  framework  opensource 
10 weeks ago by gordonbrander
Applying styles and colors: createLinearGradient - MDN
An example of creating linear gradients with canvas, from MDN.
canvas  javascript  learn 
10 weeks ago by gordonbrander
Nixtu: HTML5 Canvas Gradients - Linear Gradient
Linear gradients in canvas. To pick apart.

Update: oh snap, canvas supports gradients out of the box via createLinearGradient.
javascript  canvas  learn 
10 weeks ago by gordonbrander
Web Reflection: A Tweet Sized Queue System
A teeny-tiny next()-able queue system for functions. All it does is decorate an Array with a next method.
javascript  development  web  opensource 
11 weeks ago by gordonbrander
John Resig - Thoughts on querySelectorAll
Nuts. There are some pretty annoying issues with QSA. It doesn't work quite as you would expect from experience with jQuery, Prototype, DoJo, MooTools, etc. Queries are always rooted in the root DOM element (lame!).
javascript  web  development 
12 weeks ago by gordonbrander
soulwire/Coffee-Physics - GitHub
A lightweight (8k minified!) physics engine written in CoffeeScript.
javascript  coffeescript  canvas  physics  opensource  development  web 
february 2012 by gordonbrander
« earlier      

related tags

3d  @font-face  accessibility  ajax  amd  animation  antipattern  apache  api  app  appcache  apple  architecture  art  audio  backbone  backbonejs  bdw2011  blog  book  bookmarklet  boulder  browser  bug  build  business  cache  canvas  carousel  categorytheory  cms  code  coffeescript  collaboration  comic  commonjs  communication  community  compsci  creativecommons  css  css3  d3js  data  database  debug  denver  design  development  documentation  domscript  ebook  ecommerce  edit  effect  engineering  epub  es5  essay  event  experiment  expressjs  film  firefox  flash  flickr  font  framework  free  functional  game  geo  git  grid  haskell  html  html5  hyperlocal  i18n  ie  illustration  image  impactjs  indexeddb  infographic  inspiration  interactive  ios  ipad  java  javascript  jekyll  journalism  jquery  json  language  layout  learn  lessc  library  lightbox  lisp  localstorage  lua  make  map  markdown  math  mdn  media  mediaquery  minimalism  mobile  modalbox  module  mod_rewrite  mongodb  mootools  mozilla  music  mvc  nodejs  oop  opengl  opensource  orm  osx  pattern  performance  philosophy  phonegap  photo  php  physics  plugin  podcast  polyfill  popcornjs  portfolio  presentation  processing  prototype  publishing  python  reactiveprogramming  reference  regex  requirejs  resource  responsivedesign  rest  review  ruby  rubyonrails  safari  school  science  script  security  semantic  server  slideshow  smalltalk  snippet  speaking  standard  statistics  svg  swiss  tab  tdd  teaching  template  test  threejs  tool  toolbox  touch  transforms  twitter  typography  ui  unittest  url  usability  vector  via:nathansmith  visualization  w3  w3c  web  web.  webgl  webkit  websockets  wiki  windows  wireframe  wordpress 

Copy this bookmark:



description:


tags: