gordonbrander + pattern 76
Lean UX: Getting Out Of The Deliverables Business | Smashing UX Design
4 days ago by gordonbrander
Prototyping! Prototyping! Prototyping!
agile
design
pattern
business
ux
ui
4 days ago by gordonbrander
Stack Overflow: Reactive Programming for GUIs
19 days ago by gordonbrander
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
A New Front-End Methodology: BEM | Smashing Coding
5 weeks ago by gordonbrander
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
Smalltalk - Wikipedia, the free encyclopedia
6 weeks ago by gordonbrander
A Smalltalk object can do exactly three things:
Hold state (references to other objects).
Receive a message from itself or another object.
In the course of processing a message, send messages to itself or another object.
This smells like JavaScript evented models. Reinventing Smalltalk?
oop
development
pattern
mvc
from iphone
Hold state (references to other objects).
Receive a message from itself or another object.
In the course of processing a message, send messages to itself or another object.
This smells like JavaScript evented models. Reinventing Smalltalk?
6 weeks ago by gordonbrander
Are Design Patterns Missing Language Features
6 weeks ago by gordonbrander
Interesting discussion over at C2.
web
development
oop
design
pattern
from iphone
6 weeks ago by gordonbrander
Scripting: Higher Level Programming for the 21st Century
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
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.
6 weeks ago by gordonbrander
About HTML semantics and front-end architecture – Nicolas Gallagher
8 weeks ago by gordonbrander
Great ideas about class naming patterns. Also a great conversation starter re: modular front-end development.
css
architecture
development
web
pattern
html
8 weeks ago by gordonbrander
Expression problem - Wikipedia, the free encyclopedia
12 weeks ago by gordonbrander
As quoted by Brendan Eich:
http://twitter.com/pcwalton/status/176741289700769792
compsci
development
pattern
functional
oop
learn
Denial that the expression problem exists is a common symptom of overzealous functional or object-oriented dogmatism.
http://twitter.com/pcwalton/status/176741289700769792
12 weeks ago by gordonbrander
Of Spreads and Slices | vvvv
february 2012 by gordonbrander
The visual prototyping language VVVV abstracts away the notion of arrays -- it's all just sets (or "spreads"), and sometimes a set may be composed of one. jQuery also suggests this is a developer-friendly approach.
development
design
pattern
learn
animation
february 2012 by gordonbrander
Scaling Your JavaScript Applications (Videos)
february 2012 by gordonbrander
Addy Osmani talks large-scale JavaScript in these videos.
javascript
mvc
architecture
pattern
development
web
film
february 2012 by gordonbrander
Patterns For Large-Scale JavaScript Application Architecture
february 2012 by gordonbrander
Addy Osmani puts together a mammoth article on large-scale JS architecture.
mvc
javascript
architecture
pattern
february 2012 by gordonbrander
E.W. Dijkstra Archive: The Three Golden Rules for Successful Scientific Research (EWD 637)
science
philosophy
development
design
pattern
february 2012 by gordonbrander
"Raise your quality standards as high as you can live with, avoid wasting your time on routine problems, and always try to work as closely as possible at the boundary of your abilities. Do this, because it is the only way of discovering how that boundary should be moved forward."Brilliant.
february 2012 by gordonbrander
GUI Architectures
february 2012 by gordonbrander
A massive list of software architecture patterns, with detailed descriptions and diagrams.
architecture
oop
pattern
mvc
mvp
learn
development
february 2012 by gordonbrander
Passive View
mvp
oop
pattern
development
web
architecture
february 2012 by gordonbrander
Unlike most MVC-style configurations, Passive View results in no dependencies between view and model.
february 2012 by gordonbrander
Retirement note for Model View Presenter Pattern
february 2012 by gordonbrander
An archive of MVP discussion links:
architecture
pattern
development
web
mvp
Upon further study and reflection, I decided that pattern that was here under the name "Model View Presenter" needed to be split, so I have separated it into Supervising Controller and Passive View.
february 2012 by gordonbrander
Presenter First - Wikipedia, the free encyclopedia
design
architecture
web
development
business
pattern
agile
tdd
test
january 2012 by gordonbrander
Presenter First is a software development approach that combines the ideas of the model–view–presenter (MVP) design pattern, test-driven development, and Feature-driven development.
Presenter First concentrates on transforming each of a customer's requirements into a well tested, working feature as quickly and with as much correlation to the customer's story language (requirement) as possible. The language of the story or requirement is used to directly guide development of the feature – even naming the modules and function calls. As a consequence, the feature implementation tends to closely represent the customer's desire with little extraneous or unneeded functionality. The language of the source code also corresponds closely to the customer's stories.
january 2012 by gordonbrander
ECMA-262 » Note 1. ECMAScript. Bound functions.
january 2012 by gordonbrander
Very detailed notes on using Function.prototype.bind.
javascript
pattern
development
web
january 2012 by gordonbrander
Reusable Abstractions: data as functions in JavaScript
january 2012 by gordonbrander
Tweeted by Brendan Eich. The idea: what if arrays and hashes were functions? This way you have one reference style everywhere, leading to more flexible programming. Easy to emulate in JS by wrapping arrays and hashes in a function. Useful for my Model research.
JavaScript
development
web
pattern
from iphone
january 2012 by gordonbrander
Remote collaborative sketching, brainstorming and design studio techniques | Perception Is The Experience
january 2012 by gordonbrander
Great idea: use a spreadsheet to approximate a collaborative sketching session (in which you typically use stickies).
business
design
pattern
agile
january 2012 by gordonbrander
The If Works - The cost of privacy
january 2012 by gordonbrander
The problem with assigning new methods to the object in the constructor.
javascript
development
pattern
january 2012 by gordonbrander
Structure and Interpretation of Computer Programs: MIT Press
january 2012 by gordonbrander
They put the whole book online!
development
pattern
learn
book
school
teaching
lisp
compsci
january 2012 by gordonbrander
The Rise of ``Worse is Better''
design
philosophy
pattern
development
january 2012 by gordonbrander
[The MIT/Stanford style of design] can be captured by the phrase ``the right thing.'' To such a designer it is important to get all of the following characteristics right:
Simplicity-the design must be simple, both in implementation and interface. It is more important for the interface to be simple than the implementation.
Correctness-the design must be correct in all observable aspects. Incorrectness is simply not allowed.
Consistency-the design must not be inconsistent. A design is allowed to be slightly less simple and less complete to avoid inconsistency. Consistency is as important as correctness.
Completeness-the design must cover as many important situations as is practical. All reasonably expected cases must be covered. Simplicity is not allowed to overly reduce completeness.
...I will call the use of this philosophy of design the "MIT approach."... However, I believe that worse-is-better, even in its strawman form, has better survival characteristics than the-right-thing...
...The lesson to be learned from this is that it is often undesirable to go for the right thing first. It is better to get half of the right thing available so that it spreads like a virus. Once people are hooked on it, take the time to improve it to 90% of the right thing.
january 2012 by gordonbrander
MVP In Silverlight/WPF Series
january 2012 by gordonbrander
Prior art on MVP pattern.
pattern
web
development
architecture
january 2012 by gordonbrander
Knockout : Observables
january 2012 by gordonbrander
Interesting: Knockout has models that are simple object-literals, with properties that are evented.
pattern
web
development
javascript
architecture
mvc
opensource
january 2012 by gordonbrander
Model–view–presenter - Wikipedia, the free encyclopedia
january 2012 by gordonbrander
This sounds like the right pattern for front-end architecture -- a kind of streamlined MVVM.
mvc
development
web
architecture
pattern
january 2012 by gordonbrander
JavaScript pattern and antipattern collection
january 2012 by gordonbrander
A JavaScript pattern and antipattern code collection that covers function patterns, jQuery patterns, design patterns, general patterns, literals and constructor patterns (upcoming), object creation patterns (upcoming), code reuse patterns (upcoming), DOM and browser patterns (upcoming).
opensource
javascript
development
web
pattern
book
january 2012 by gordonbrander
Prototypal Inheritance - How To Node - NodeJS
december 2011 by gordonbrander
A better explanation of prototypal inheritance than most.
javascript
oop
pattern
december 2011 by gordonbrander
Asynchronous Programming in JavaScript with “Promises” - IEBlog - Site Home - MSDN Blogs
december 2011 by gordonbrander
Tired of nested callbacks? A better alternative to managing multiple async processes.
javascript
pattern
ajax
december 2011 by gordonbrander
DailyJS: Production Teardown: Flickr's Asynchronous Script Loading
december 2011 by gordonbrander
How to handle the "flash of unscripted behavior" when JS is loaded via
asynchronous loaders.
javascript
web
development
pattern
from iphone
asynchronous loaders.
december 2011 by gordonbrander
Scalable JavaScript Application Architecture
december 2011 by gordonbrander
Nicolas C. Zakas on building modular UI JavaScript architectures that work. This thinking went into Yahoo's Cocktails framework.
architecture
javascript
development
presentation
web
pattern
december 2011 by gordonbrander
Sandboxing JavaScript
december 2011 by gordonbrander
Using the with statement to sandbox modules. This kind of makes my skin crawl, but I have to chew on it.
javascript
pattern
module
development
web
december 2011 by gordonbrander
Malte Ubl - Google+ - Implemented prototype AMD to CommonJS module transformation…
november 2011 by gordonbrander
Cramforce implemented AMD to self-executing function module compilation in Closure Compiler.
javascript
development
pattern
november 2011 by gordonbrander
AMD versus CJS. What’s the best format? | Unscriptable.com
november 2011 by gordonbrander
A good overview of Async Module Definition (AMD) vs CommonJS (CJS) loading. The short answer: AMD for browser, CJS for Node. A good reference if I get questions on this.
javascript
development
pattern
web
nodejs
november 2011 by gordonbrander
Ben Alman » Immediately-Invoked Function Expression (IIFE)
november 2011 by gordonbrander
A nice intro to immediately invoked (self-executing) functions in JS. Might be a good reference for students.
bdw2011
javascript
development
pattern
november 2011 by gordonbrander
Felix's Node.js Style Guide
november 2011 by gordonbrander
Good tips. This looks to be the PEP8 of Node.
javascript
nodejs
web
development
pattern
november 2011 by gordonbrander
Writing forward-compatible websites - MDN
november 2011 by gordonbrander
Great writeup from Mozilla.
javascript
html
css
development
pattern
november 2011 by gordonbrander
Using Inheritance Patterns to Organize Large jQuery Applications « AlexSexton.com
november 2011 by gordonbrander
Some nice thoughts. I currently favor using standard JavaScript constructor functions, exposing them using the jQuery method as a factory.
javascript
jquery
pattern
development
web
november 2011 by gordonbrander
try/catch/throw (was: My Humble Co-routine Proposal) - Google Groups
november 2011 by gordonbrander
NodeJS programmer against try/catch. He makes a good argument.
javascript
nodejs
pattern
development
november 2011 by gordonbrander
Custom types (classes) using object literals in JavaScript | NCZOnline
november 2011 by gordonbrander
Discussion of Jeremy Ashenkas' proposed object-literal class definition syntax. Also a small snippet for creating something like this in JS.
javascript
oop
pattern
november 2011 by gordonbrander
Screenr - tjholowaychuk: Express - Route Specific Middleware
november 2011 by gordonbrander
Very cool: ExpressJS allows you to pass multiple controllers/handlers to a given URL match. Where this gets interesting is as a way to hook in Middleware. You can do abstract common tasks as functions (loadUser, loadEmails, etc), assign their results to the request, and delegate to the next controller with next();
expressjs
nodejs
development
pattern
film
november 2011 by gordonbrander
CoffeeScript #classes
november 2011 by gordonbrander
CoffeeScript's desugared JavaScript class implementation is very straightforward and uses prototype chaining properly.
javascript
coffeescript
pattern
development
web
november 2011 by gordonbrander
UI Pattern Library - By Aarron Walter of Mailchimp | Flickr - Photo Sharing!
november 2011 by gordonbrander
A styleguide for Mailchimp's large and well-organized modular front-end architecture.
html
development
css
pattern
web
november 2011 by gordonbrander
Recursive Functions of Symbolic Expressions and Their Computation by Machine, Part I
october 2011 by gordonbrander
Paper by John McCarthy, creator of Lisp.
compsci
development
philosophy
pattern
essay
october 2011 by gordonbrander
Scaling Isomorphic Javascript Code
october 2011 by gordonbrander
An analysis of organization flows derived from MVC, but tweaked to
work well in front-end, back-end or both.
mvc
pattern
development
web
javascript
nodejs
from iphone
work well in front-end, back-end or both.
october 2011 by gordonbrander
Dan Piponi - Google+ - Yet again, in all the discussion about Dart I see the oft…
october 2011 by gordonbrander
Good reasoning from the "types are good" camp. I really like the Dart approach of contractual, optional typing. There when you need it, not when you don't, and allows you to resolve some of the performance stuff we're running into with JS arrays not being typed.
javascript
development
philosophy
pattern
october 2011 by gordonbrander
2 is a smell : Pure Danger Tech
october 2011 by gordonbrander
An interesting idea from the functional programming world. Good functions should either take 1 parameter, or n parameters; never just 2. The idea being that whatever you can do with 2, you can do with (n > 2), and by destructuring your function's parameters, you're making your program more flexible and intuitive.
development
philosophy
pattern
october 2011 by gordonbrander
Dean Edwards: Callbacks vs Events
september 2011 by gordonbrander
An interesting approach to building an event system that allows errors in bound functions to throw without breaking the callback chain.
javascript
development
pattern
september 2011 by gordonbrander
BEM
september 2011 by gordonbrander
A component-based CSS framework (front-end legos). This one is more of a library.
css
framework
pattern
development
web
september 2011 by gordonbrander
Scalable and Modular Architecture for CSS
september 2011 by gordonbrander
A short web book by Jonathan Snook (@snookca) exploring how to create re-usable CSS (it's the approach we employ here that we dub "front-end legos").
architecture
design
development
css
web
pattern
september 2011 by gordonbrander
iOS Boilerplate - A base template for iOS apps
september 2011 by gordonbrander
Inspired by HTML5 Boilerplate, a best-practices starter template for iOS apps.
ios
development
pattern
opensource
september 2011 by gordonbrander
Yiibu - Lovingly crafted mobile experiences
september 2011 by gordonbrander
This looks like a promising exploration of building true all-device websites. Investigate.
blog
mobile
web
design
development
pattern
learn
september 2011 by gordonbrander
Nicole Sullivan - CSS Tools for Massive Websites
september 2011 by gordonbrander
Video of a conference talk.
css
development
pattern
learn
film
september 2011 by gordonbrander
The Pocoo Style Guide — Pocoo
september 2011 by gordonbrander
More great coding standards - Python-specific, but generally useful.
python
pattern
development
september 2011 by gordonbrander
Python Idioms and Efficiency Suggestions
september 2011 by gordonbrander
Development patterns used in Python.
python
development
pattern
september 2011 by gordonbrander
How I detect and use localStorage: a simple JavaScript pattern · Mathias Bynens
july 2011 by gordonbrander
A more compact pattern, assigning localStorage to a variable.
javascript
pattern
localstorage
july 2011 by gordonbrander
Essential JavaScript Design Patterns For Beginners
july 2011 by gordonbrander
Hey! A free online book, re: Javascript design patterns. This might come in handy for classes at some point.
javascript
pattern
development
web
teaching
learn
july 2011 by gordonbrander
LukeW | An Event Apart: The Responsive Designer’s Workflow
june 2011 by gordonbrander
Notes on Ethan Marcotte's talk @ EventApart.
web
design
mobile
css
pattern
june 2011 by gordonbrander
Introducing CSS Lint | NCZOnline
june 2011 by gordonbrander
Hooray for this!
css
pattern
development
web
tool
june 2011 by gordonbrander
Infinite Scroll + History API — Warpspire Experiments
may 2011 by gordonbrander
Infinite scroll + bookmarkability. Brilliant!
html
javascript
pattern
development
web
may 2011 by gordonbrander
citation · Microformats Wiki
may 2011 by gordonbrander
More work on "hcitation".
microformat
pattern
html
development
semantic
may 2011 by gordonbrander
Normalize CSS : necolas/normalize.css @ GitHub
may 2011 by gordonbrander
@necolas puts together a light alternative to CSS resets. He researched the actual differences between the way browsers render and put together a reset that only targets things that need normalization. Cool!
css
pattern
development
web
may 2011 by gordonbrander
Stubbornella » Blog Archive » The media object saves hundreds of lines of code
may 2011 by gordonbrander
A great intro to "lego-style" CSS.
css
development
web
pattern
may 2011 by gordonbrander
Subtle Patterns: High quality patterns for your next web project
may 2011 by gordonbrander
Creative commons patterns for tiling.
design
pattern
creativecommons
may 2011 by gordonbrander
WordPress Theme Unit Test « WordPress Codex
august 2010 by gordonbrander
A handy WXR full of dummy content for WordPress theming.
test
wordpress
theme
development
pattern
august 2010 by gordonbrander
Tileables - Never Ending Patterns
july 2010 by gordonbrander
Free web-ready patterns of hard-to-tile textures like paper (wrinkled!), wool, leather, rust, etc. Comes with images and Photoshop .PAT files.
design
web
pattern
july 2010 by gordonbrander
jQuery Plugin Development Pattern
january 2010 by gordonbrander
What it says on the box.
development
javascript
jquery
plugin
learn
pattern
january 2010 by gordonbrander
cssdoc
january 2010 by gordonbrander
CSS-specific documentation system (like Docblock)
css
documentation
code
pattern
january 2010 by gordonbrander
Dartmouth: Pattern
november 2009 by gordonbrander
Class syllabus on pattern in math and art
design
pattern
culture
school
learn
november 2009 by gordonbrander
tantek / OpenScience
july 2009 by gordonbrander
Tantek's best practices for Open Science (ala open source)
opensource
creativecommons
publishing
publicdomain
research
science
web
pattern
july 2009 by gordonbrander
Google Speed Docs: Let's make the web faster
june 2009 by gordonbrander
Google gives low-level best practices and high-level concepts on how to create a fast web app.
web
development
javascript
php
code
html
css
learn
performance
pattern
june 2009 by gordonbrander
Reset CSS
december 2008 by gordonbrander
Eric Meyer's well thought-out reset styles.
css
reset
web
development
design
snippet
framework
resource
learn
pattern
december 2008 by gordonbrander
The Highly Extensible CSS Interface
april 2008 by gordonbrander
Cameron Moll builds bulletproof. He shows you how, too.
css
html
web
standard
design
javascript
learn
pattern
april 2008 by gordonbrander
related tags
accessibility ⊕ agile ⊕ ajax ⊕ animation ⊕ architecture ⊕ bdw2011 ⊕ blog ⊕ book ⊕ business ⊕ code ⊕ coffeescript ⊕ compsci ⊕ creativecommons ⊕ css ⊕ culture ⊕ design ⊕ development ⊕ django ⊕ documentation ⊕ essay ⊕ expressjs ⊕ film ⊕ framework ⊕ functional ⊕ html ⊕ ios ⊕ javascript ⊕ jquery ⊕ learn ⊕ lisp ⊕ localstorage ⊕ microformat ⊕ mobile ⊕ module ⊕ mvc ⊕ mvp ⊕ nodejs ⊕ oop ⊕ opensource ⊕ pattern ⊖ performance ⊕ philosophy ⊕ php ⊕ plugin ⊕ presentation ⊕ publicdomain ⊕ publishing ⊕ python ⊕ research ⊕ reset ⊕ resource ⊕ responsivedesign ⊕ school ⊕ science ⊕ semantic ⊕ snippet ⊕ standard ⊕ tdd ⊕ teaching ⊕ test ⊕ theme ⊕ tool ⊕ ui ⊕ usability ⊕ ux ⊕ w3c ⊕ web ⊕ wordpress ⊕Copy this bookmark: