gordonbrander + web   626

Gozala/guards
A JavaScript micro-library for validating function arguments against a simple schema defined by validator functions.
mozilla  javascript  development  web  opensource 
2 hours ago by gordonbrander
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
John's Tumblr • Computers = Trucks
I picked up a phrase some time ago that I think applies: “The next big thing is always beneath contempt.” Implication being that it is, of course, until it isn’t. Until it’s too big to ignore. This has happened over and over again in our society. In the middle ages, people assumed that no serious discussion could happen in anything but Latin — the so-called “vulgar” languages had no merit.
disruption  business  development  web  philosophy  history 
4 days ago by gordonbrander
Instagram for webpages (22 May., 2012, at Interconnected)
We need an easy way to create themed, topical pages on the web.
business  web  development  design 
7 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
Masking in Photoshop CS6
It looks like Masks have seen some nice improvement.
photoshop  design  web  learn  blog 
7 days ago by gordonbrander
Code: Flickr Developer Blog » Liquid Photo Page Layout
Worth a read. Check out the way they handle multiple aspect ratios.
design  development  web  responsivedesign 
14 days ago by gordonbrander
Intro™ - Webfont & Desktop font « MyFonts
An interesting -- but not quirky -- semi-sans from FontFabric. They offer a web version. Would make a nice, accessible contemporary type-based site.
design  web  font  typography 
15 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
IRC logs: freenode / #whatwg / 20120510
Boy, communicating *up* to the W3 is a tough project.
web  development  responsivedesign  w3  mozilla 
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
Paperfold CSS | Demo Studio | Mozilla Developer Network
A really impressive CSS demo for a "folding paper" show/hide effect.
design  development  web  css  inspiration  animation  ux 
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
cssarrowplease
Make that bubble arrow border trick happen, without all the pain.
css  design  development  web 
20 days ago by gordonbrander
Contact GitHub
Github now doing free group accounts for education.
teaching  development  web  git 
21 days ago by gordonbrander
Chrome DevTools Timeline's new Frame Mode - YouTube
Chrome has an animation debugging tool. Paul Irish presents.
film  web  development  animation  chrome 
22 days ago by gordonbrander
IRC - MozillaWiki
How to set up IRC clients for Mozilla's IRC server.
irc  web  development  mozilla 
22 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
Travis Continuous Integration Testing
Our CI environment provides multiple runtimes (e.g. Node.js or PHP versions), data stores and so on. Because of this, hosting your project on travis-ci.org means you can effortlessly test your library or applications against multiple runtimes and data stores without even having all of them installed locally.
ruby  nodejs  python  scala  lisp  test  development  web 
25 days ago by gordonbrander
Just My Type
Excellent type pairings, curated.
typography  design  web  learn  from iphone
26 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 
27 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
29 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
Style Tiles
A great idea for a new kind of web design deliverable: CSS/HTML swatches containing important design elements.

I like this idea because it:

* Creates a simple milestone 1 deliverable
* Gets you into CSS/HTML early
* Gives the client a chance to see implementation early
* Not a dead doc -- the markup/CSS will be used in the final produce.
business  web  design  development  responsivedesign 
5 weeks ago by gordonbrander
Valve_Handbook_LowRes.pdf
Valve has successfully side-stepped the innovators dilemma. Besides Apple, I can't think of another company that has had such varied and far-reaching success.
game  design  business  development  learn  web  from iphone
5 weeks ago by gordonbrander
Animate.css - a bunch of plug-and-play CSS animations
This is great: a library of classy CSS animations. The logic for animations like this is mostly handled by CSS's tweening, but getting an animation to feel right takes a lot of time.
animation  css  development  web  design  opensource 
5 weeks ago by gordonbrander
Rails controllers and OOP: Jon Leighton
Rails controllers violate the Single Responsibility Principle. Each “action” has a different responsibility and should be contained in a separate object.

This lesson also applies to other projects I've worked on (e.g. frameworks built on top of Backbone).
mvc  oop  development  web  rubyonrails  learn  tdd  test 
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
seaside.st: Home
A Smalltalk-based web framework. Might be a good learning opportunity.
framework  smalltalk  mvc  web  development  opensource 
5 weeks ago by gordonbrander
Pharo Open Source Smalltalk
An open-source implementation of Smalltalk.
oop  opensource  smalltalk  development  web  learn 
5 weeks ago by gordonbrander
Starbucks: Front-end Style Guide
Starbucks has a front-end styleguide. Brilliant!
css  design  development  web  business 
5 weeks ago by gordonbrander
A New Front-End Methodology: BEM | Smashing Coding
BEN has been something of a muse for @necolas lately. Good ideas here.
CSS  web  development  design  HTML  pattern  from iphone
5 weeks ago by gordonbrander
Responsive viewport units - destroy/dstorey
vw vh are units that are essentially the same as percentages, but are always in relation to the viewport. Think rem.
responsivedesign  css  grid  design  development  web 
6 weeks ago by gordonbrander
jmechner/Prince-of-Persia-Apple-II
The original Prince of Persia has been open-sourced! jmechner is a cool guy.

Let's port this thing to canvas.
opensource  game  development  canvas  web 
6 weeks ago by gordonbrander
lesjames/Breakpoint
An interesting Sass-based bunch of mixins for responsive grids. Looks promising.
responsivedesign  grid  design  web  development  css  opensource 
6 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
Reflective Facilities in Smalltalk-80
When a message is sent to a Smalltalk-80 object, the method dictionaries associated with that object's class and its superclasses are searched at runtime. If none of these classes implement a method for a given message, the Smalltalk virtual machine sends the object the message doesNotUnderstand:. The original message selector and message arguments are bundled together in a Message object and passed as the argument to doesNotUnderstand:. The default method for this message is stored in class Object. This method invokes the Smalltalk debugger, since sending an object a message it does not implement is usually a sign of programmer error. However, objects that override doesNotUnderstand: can intercept unimplemented message at runtime, and process them as they see fit.

So, actually, it sounds like SmallTalk 80 did bind message names to method names, much like JavaScript or any other OOP language. Earlier versions of the language did not. It sounds like Actor-based languages work essentially the way I expected SmallTalk would.
compsci  development  web  oop  smalltalk 
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
Coding Horror: Are Design Patterns How Languages Evolve?
In the OO world you hear a good deal about "patterns". When I see patterns in my programs, I consider it a sign of trouble. The shape of a program should reflect only the problem it needs to solve. Any other regularity in the code is a sign, to me at least, that I'm using abstractions that aren't powerful enough-- often that I'm generating by hand the expansions of some macro that I need to write.
development  web  oop  design  lisp  from iphone
6 weeks ago by gordonbrander
Chris Granger - Overtone and ClojureScript
Video of Noir web framework creator actually using it to make an app. Nice insight into what real Lisp for the web looks like.
lisp  web  development  film  learn 
6 weeks ago by gordonbrander
Media Query & Asset Downloading Results | TimKadlec.com
CSS-based media query solutions to responsive images along with extensive testing across a variety of platforms (thx BrowserScope). The results are a bit surprising.
development  web  responsivedesign  w3  mozilla 
6 weeks ago by gordonbrander
Noir
A web development microframework in Clojure. It looks about as simple as ExpressJS.
framework  lisp  java  web  development  functional 
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
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
Responsive CSS3 Drop-Down to Accordion
Clever use of CSS: a dropdown menu that turns into an accordion when at small screen sizes.
css  web  development  responsivedesign 
7 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
Syrup by timcameronryan
A whitespace significant Lisp variant. Basically Lisp (without (the (parentheses))).

This is really lovely.
lisp  coffeescript  opensource  development  web 
7 weeks ago by gordonbrander
Less Sugar/More Meat » Blog Archive » Introducing Reactive: Events
Semantically, Events can be thought of as lists of time/value pairs where the times are non-decreasing
functional  haskell  development  web  compsci  learn  reactiveprogramming 
8 weeks ago by gordonbrander
« earlier      

related tags

*nix  3d  @font-face  accessibility  accounting  advertising  advice  agile  ajax  amd  andriod  android  animation  antipattern  apache  api  app  appcache  apple  appropriatetechnology  architecture  art  audio  b2g  backbone  backbonejs  bdw2011  billing  blog  book  boulder  browser  bug  build  business  c  cache  canvas  chrome  citizenjournalism  classy  cms  code  codec  coffeescript  collaboration  color  comic  commonjs  communication  community  compsci  computer  creativecommons  cron  crowdsourcing  css  culture  cute  data  database  denver  deploy  design  development  disruption  django  documentation  domscript  ebook  ecommerce  edit  embed  engineering  entrepreneur  es5  essay  event  expressjs  facebook  fashion  feedreader  film  firefox  flash  flickr  font  form  forum  framework  free  freelance  fun  functional  funny  gallery  game  geo  gettingreal  git  government  graphs  grid  gtd  gui  hack  haskell  haslayout  hawaiian  hcal  history  housing  hsfriday  html  html5  humanist  hyperlocal  i18n  icon  ie  ie8  image  impactjs  imported  indexeddb  information  inline-block  inspiration  interaction  interactive  invoicing  ios  ipad  ipsum  irc  java  javascript  jekyll  journalism  jquery  json  keynote  language  latex  law  layout  learn  legal  lessc  library  lisp  localstorage  logic  logo  mac  magazine  make  management  manual  map  markdown  marketing  mashup  math  mdn  media  mediaquery  mediawiki  meme  mercurial  microformat  minimalism  mobile  modern  module  mod_rewrite  mongodb  mozilla  mu  multimedia  mvc  mvp  mysql  newmedia  news  nodejs  onepage  oop  openid  opensource  organization  osx  package  pattern  performance  person  philosophy  phonegap  photo  photoshop  php  physics  pixel  plugin  png  polyfill  popcornjs  portal  portfolio  poverty  presentation  print  privacy  process  processing  productivity  proposal  prototype  psd  publicdomain  publishing  python  rdf  rdfa  reactiveprogramming  reference  reliefanddevelopment  reporting  requirejs  research  reset  resource  responsivedesign  rest  ruby  rubyonrails  safari  sans-serif  scala  school  science  screencast  screenshot  script  security  semantic  serif  server  site  slideshow  smalltalk  snippet  socialnetwork  sociology  speaking  standard  state  statistics  svg  svn  swiss  tdd  teaching  template  test  textile  textmate  thinking  tool  touch  track  travel  truefans  tv  typography  ui  unittest  url  usability  ux  versioncontrol  via:alexkingorg  via:nathansmith  via:popular  visualization  vm  w3  w3c  web  webgl  webkit  websockets  wiki  windows  wireframe  wordpress  work  world  writing  xml 

Copy this bookmark:



description:


tags: