Backbone.js
34 minutes ago by danburzo
Provides: Models, Collections (of model instances), Views (with declarative event handling). REST API support is baked in.
web-development
tools
javascript
framework
mvc
34 minutes ago by danburzo
jQuery: The Write Less, Do More, JavaScript Library
yesterday by danburzo
*The* JavaScript library.
"jQuery is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development. jQuery is designed to change the way that you write JavaScript."
web-development
tools
javascript
library
dom
events
jquery
essential
"jQuery is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development. jQuery is designed to change the way that you write JavaScript."
yesterday by danburzo
Agility.js Javascript MVC library
yesterday by danburzo
Interesting approach to MVC: each $$() object has its own model-view-controller stack. Model holds underlying data, view contains DOM template, controller takes care o event handling.
web-development
tools
javascript
framework
mvc
yesterday by danburzo
Knockback.js Home
yesterday by danburzo
A love child of Backbone.js and Knockout.js, taking the best features from each one.
web-development
tools
javascript
framework
mvc
yesterday by danburzo
beets: the music geek’s media organizer
2 days ago by danburzo
"The purpose of beets is to get your music collection right once and for all. It catalogs your collection, automatically improving its metadata as it goes using the MusicBrainz database. (It also downloads cover art for albums it imports.) Then it provides a bouquet of tools for manipulating and accessing your music."
Looks impressive.
music
tools
mp3
information-toolbox
Looks impressive.
2 days ago by danburzo
hautelook/vertebrae
2 days ago by danburzo
"Web application framework for a frontend built using RequireJS, Backbone.js, Underscore.js, jQuery, Mustache.js"
Details here: http://www.hautelooktech.com/2012/05/24/vertebrae-front-end-framework-built-with-backbone-js-and-requirejs-using-amd/
web-development
javascript
tools
framework
backbone.js
require.js
jquery
software-architecture
best-practices
Details here: http://www.hautelooktech.com/2012/05/24/vertebrae-front-end-framework-built-with-backbone-js-and-requirejs-using-amd/
2 days ago by danburzo
angular.js
2 days ago by danburzo
Interesting approach: add framework hooks in DOM, invent new HTML elements etc. Works with other libraries/frameworks.
web-development
javascript
tools
framework
2 days ago by danburzo
batman.js
2 days ago by danburzo
"Batman.js is a framework for building rich web applications with CoffeeScript or JavaScript. App code is concise and declarative, thanks to a powerful system of view bindings and observable properties. The API is designed with developer and designer happiness as its first priority."
web-development
tools
javascript
framework
software-architecture
mvc
data-binding
coffeescript
2 days ago by danburzo
Knockout.js
2 days ago by danburzo
Library that allows binding of DOM elements to model data via HTML data attributes, implements Model-View-View-Model architecture, supports templating.
web-development
javascript
tools
framework
library
data-binding
templating
mvvm
kvo
2 days ago by danburzo
spine.js
2 days ago by danburzo
Micro-framework written in CoffeeScript, provides Classes, Models, Views, Controllers, can also handle Routes. Seems to be largely inspired from Backbone.js.
web-development
javascript
coffeescript
tools
framework
software-architecture
mvc
2 days ago by danburzo
Ember.js
2 days ago by danburzo
Ember takes the good ideas from SproutCore 1.x (Data Binding, State Charts), adds Handlebars.js templating.
web-development
javascript
tools
framework
software-architecture
mvc
data-binding
state-management
2 days ago by danburzo
danburzo/appseeds [GitHub]
5 days ago by danburzo
Work in progress on a small library of useful JS components: a finite state machine / statechart thing, and a pub-sub implementation with namespaced events.
web-development
javascript
tools
library
software-architecture
fsm
state-management
pubsub
5 days ago by danburzo
Readlists
6 days ago by danburzo
"What’s a Readlist? A group of web pages—articles, recipes, course materials, anything—bundled into an e-book you can send to your Kindle, iPad, or iPhone."
kindle
ebooks
readability
reading
tools
information-toolbox
longreads
6 days ago by danburzo
Extensions, Plugins, Resources · documentcloud/backbone Wiki
11 days ago by danburzo
A list of Backbone plugins.
web-development
javascript
tools
backbone.js
reference
11 days ago by danburzo
Datavisualization.ch Selected Tools
14 days ago by danburzo
"Datavisualization.ch Selected Tools is a collection of tools that we, the people behind Datavisualization.ch, work with on a daily basis and recommend warmly. This is not a list of everything out there, but instead a thoughtfully curated selection of our favourite tools that will make your life easier creating meaningful and beautiful data visualizations."
web-development
mobile-development
data-visualization
javascript
tools
libraries
reference
14 days ago by danburzo
jQuery Knob demo
18 days ago by danburzo
Nice implementation.
web-development
web-design
mobile-development
tools
javascript
jquery
ui
18 days ago by danburzo
CanJS
19 days ago by danburzo
Classes, MVC, routing.
web-development
javascript
tools
framework
mvc
jquery
software-architecture
19 days ago by danburzo
HTML5 Cross Browser Polyfills · Modernizr/Modernizr Wiki
20 days ago by danburzo
"So here we're collecting all the shims, fallbacks, and polyfills in order to implant html5 functionality in browsers that don't natively support them.
The general idea is that: we, as developers, should be able to develop with the HTML5 apis, and scripts can create the methods and objects that should exist. Developing in this future-proof way means as users upgrade, your code doesn't have to change but users will move to the better, native experience cleanly."
web-development
tools
html5
cross-browser
browsers
progressive-enhancement
css3
javascript
ecmascript
internet-explorer
The general idea is that: we, as developers, should be able to develop with the HTML5 apis, and scripts can create the methods and objects that should exist. Developing in this future-proof way means as users upgrade, your code doesn't have to change but users will move to the better, native experience cleanly."
20 days ago by danburzo
The Miso Project :: Dataset
26 days ago by danburzo
"Dataset is a JavaScript client-side data transformation and management library. Dataset makes managing client-side data easy by handling loading, parsing, sorting, querying & manipulating data from all sorts of sources."
web-development
tools
javascript
library
data
database
information-visualization
26 days ago by danburzo
Pipes: Rewire the web
4 weeks ago by danburzo
"Pipes is a powerful composition tool to aggregate, manipulate, and mashup content from around the web. Like Unix pipes, simple commands can be combined together to create output that meets your needs:
* combine many feeds into one, then sort, filter and translate it.
* geocode your favorite feeds and browse the items on an interactive map.
* power widgets/badges on your web site.
* grab the output of any Pipes as RSS, JSON, KML, and other formats."
tools
information-toolbox
rss
aggregation
mashup
* combine many feeds into one, then sort, filter and translate it.
* geocode your favorite feeds and browse the items on an interactive map.
* power widgets/badges on your web site.
* grab the output of any Pipes as RSS, JSON, KML, and other formats."
4 weeks ago by danburzo
crofflr - Kindle ebook deliveries from your favourite readings lists
4 weeks ago by danburzo
"crofflr specializes in automated wireless ebook deliveries from your favourite reading list directly to your Kindle. Crofflr collects all unread articles from your personal reading list and converts them into a Kindle-compatible text version. Crofflr currently supports the following reading lists: Pinboard, Read It Later, Longform.org, Longreads, Give Me Something To Read"
tools
information-toolbox
kindle
reading
pinboard
read-it-later
longreads
4 weeks ago by danburzo
Debugging tool for Safari on iPhone, iPad and PhoneGap apps - Remote Inspector (like Firebug) for JavaScript, HTML and CSS
4 weeks ago by danburzo
"Web Debugging for Safari on iPhone, iPad and PhoneGap"
web-development
mobile-development
tools
javascript
ios
debugging
4 weeks ago by danburzo
Apache Cordova
4 weeks ago by danburzo
"Apache Cordova is a platform for building native mobile applications using HTML, CSS and JavaScript."
web-development
mobile-development
open-source
tools
ios
javascript
html
css
4 weeks ago by danburzo
Touch · bebraw/jswiki Wiki
4 weeks ago by danburzo
"Javascript libraries for dealing with touch events, multitouch, normalizing across the Webkit/IE touch models, and all that jazz."
web-development
mobile-development
tools
javascript
reference
lists
4 weeks ago by danburzo
robertogreco/onlinetoolkit [Pinboard]
4 weeks ago by danburzo
Comprehensive list of online tools.
via:robertogreco
tools
reference
_projects
publishing
meta-pinboard
information-toolbox
4 weeks ago by danburzo
Machina.js - Finite State Machines in JavaScript
4 weeks ago by danburzo
"Machina.js is a JavaScript framework for highly customizable finite state machines (FSMs). Many of the ideas for machina have been very heavily borrowed from the Erlang/OTP FSM behaviors."
web-development
javascript
tools
library
fsm
design-patterns
software-architecture
_projects
4 weeks ago by danburzo
Goodsie
4 weeks ago by danburzo
Looks good. (From the makers of Flavors.me)
ecommerce
commercial
tools
business
via:robertogreco
_projects/adela
4 weeks ago by danburzo
iTextEditors - iPhone and iPad text/code editors and writing tools compared
4 weeks ago by danburzo
Feature comparison matrix for text editors in iOS. Very thorough!
web-development
writing
text
tools
ios
software
review
reference
4 weeks ago by danburzo
Moment.js - A lightweight javascript date library
5 weeks ago by danburzo
"A lightweight (3.7k) javascript date library for parsing, manipulating, and formatting dates."
web-development
javascript
tools
ui
5 weeks ago by danburzo
TodoMVC
5 weeks ago by danburzo
"TodoMVC - a project which offers the same Todo application implemented using MV* concepts in most of the popular JavaScript MV* frameworks of today. Solutions look and feel the same, have a common simple feature-set and make it easy for you to compare the syntax and structure of different frameworks so you can select the one you feel the most comfortable with."
javascript
tools
frameworks
mvc
reference
addy-osmani
5 weeks ago by danburzo
So you need a template engine..
6 weeks ago by danburzo
Useful roundup of JavaScript templating engines.
web-development
javascript
templating
tools
reference
_projects
6 weeks ago by danburzo
Home - Annotator - Annotating the Web
6 weeks ago by danburzo
"The Annotator is an open-source JavaScript library and tool that can be added to any webpage to make it annotatable."
web-development
javascript
tools
library
annotation
reading
marginalia
6 weeks ago by danburzo
Meteor
6 weeks ago by danburzo
"Meteor is a set of new technologies for building top-quality webapps in a fraction of the time, whether you're an expert developer or just getting started."
web-development
javascript
tools
framework
6 weeks ago by danburzo
Modernizr
7 weeks ago by danburzo
"Modernizr is an open-source JavaScript library that helps you build the next generation of HTML5 and CSS3-powered websites."
web-development
tools
javascript
library
css3
html5
browsers
7 weeks ago by danburzo
Avoiding gradient banding with 16 bit color mode - @trojankitten
7 weeks ago by danburzo
"Photoshop has a far better solution for accurate image work: 16 bit* color mode (Image > Mode > 16 Bits/channel). While in 8 bit mode each RGB channel has 256 possible shades, in 16 bit they are 65536. Perfect for gradients; perfect for heavy editing (some operations reduce the color resolution of your image, ex. if you reduce contrast, then increase it again); perfect for experimenting with extreme blending mode effects (i.e. say Hard Mix) without encountering so many artifacts, as in 8 bit.
There is one drawback of 16 bit mode: some of Photoshop's fancy filters, and many third party filters don't work. That said, all the important ones do work (Blur, Noise, Sharpen, Levels etc.), and as we know the rest are quite specific/gimmicky and thus rarely used for serious work. If you need to apply an 8 bit filter, you can always do so in a separate image or within an 8 bit smart object."
design
tools
photoshop
tutorial
tips
hacks
type:tutorial
There is one drawback of 16 bit mode: some of Photoshop's fancy filters, and many third party filters don't work. That said, all the important ones do work (Blur, Noise, Sharpen, Levels etc.), and as we know the rest are quite specific/gimmicky and thus rarely used for serious work. If you need to apply an 8 bit filter, you can always do so in a separate image or within an 8 bit smart object."
7 weeks ago by danburzo
Mojito - Yahoo! Cocktails [YDN]
7 weeks ago by danburzo
"Mojito is a sweet (and minty!) MVC application framework built on YUI 3 that enables agile development of Web applications. Mojito allows developers to write client and server components in the same language (JavaScript), using the same framework. Because Mojito applications are written in JavaScript, they can run on the client (in the browser) and on the server (with Node.js). In addition, Mojito has built-in support for internationalization, testing, and building documentation."
web-development
mobile-development
javascript
tools
framework
mvc
7 weeks ago by danburzo
Enyo JavaScript Application Framework
7 weeks ago by danburzo
"Enyo is an open source object-oriented JavaScript framework emphasizing encapsulation and modularity. Enyo contains everything you need to create a fast, scalable mobile or web application."
ExtJS-style declarative UI.
web-development
mobile-development
javascript
tools
framework
mvc
ExtJS-style declarative UI.
7 weeks ago by danburzo
zen-coding - Set of plugins for HTML and CSS hi-speed coding
8 weeks ago by danburzo
"Zen Coding is an editor plugin for high-speed HTML, XML, XSL (or any other structured code format) coding and editing. The core of this plugin is a powerful abbreviation engine which allows you to expand expressions—similar to CSS selectors—into HTML code."
Crazy useful.
web-development
ide
css
html
tools
Crazy useful.
8 weeks ago by danburzo
AmplifyJS - A Component Library for jQuery
8 weeks ago by danburzo
"AmplifyJS is a set of components designed to solve common web application problems with a simplistic API. Amplify's goal is to simplify all forms of data handling by providing a unified API for various data sources. Amplify's store component handles persistent client-side storage, using standards like localStorage and sessionStorage, but falling back on non-standard implementations for older browsers. Amplify's request adds some additional features to jQuery's ajax method while abstracting away the underlying data source."
web-development
javascript
jquery
tools
8 weeks ago by danburzo
TypeButter | Optical Kerning FTW!
8 weeks ago by danburzo
"TypeButter allows you to set optical kerning for any font on your website. If you’re longing for beautifully laid out text that today’s browsers just don’t provide, this is the plugin for you!"
web-design
javascript
jquery
tools
typography
kerning
8 weeks ago by danburzo
how to easily delete your online accounts | accountkiller.com
9 weeks ago by danburzo
Handy guides for deleting your account on various services/platforms.
internet
privacy
reference
tools
9 weeks ago by danburzo
Task.js: Beautiful Concurrency for JavaScript
9 weeks ago by danburzo
"task.js is an experimental library for ES6 that makes sequential, blocking I/O simple and beautiful, using the power of JavaScript’s new yield operator."
web-development
javascript
tools
concurrency
9 weeks ago by danburzo
maps.stamen.com
9 weeks ago by danburzo
Jaw-dropping tile styles for OpenStreetMap by Stamen. "Watercolor" was inspired by Bicycle Diaries.
web-development
javascript
maps
cartography
tools
illustration
openstreetmap
stamen
api
open-source
_noteworthy
_projects
_projects/fdbk
_projects/dana
9 weeks ago by danburzo
Finding memory leaks [Fastersite]
10 weeks ago by danburzo
How to use the developer tools in Google Chrome to track down memory leaks.
web-development
tools
javascript
performance
debugging
tutorial
10 weeks ago by danburzo
The Walt Kowalski Toolbox [The Art of Manliness]
10 weeks ago by danburzo
"If it doesn’t move, and it should, use WD-40. If it moves, and it shouldn’t, use duct tape."
diy
household
tools
10 weeks ago by danburzo
Responsive Design: 160 useful tools, plugins and resources [WebDesignShock]
10 weeks ago by danburzo
Long long list, haven't look through all of it but it looks handy.
web-design
web-development
html
css
responsive-design
tools
resources
reference
type:list
10 weeks ago by danburzo
Online JavaScript beautifier
10 weeks ago by danburzo
"Beautify, unpack or deobfuscate JavaScript and HTML, make JSON/JSONP readable"
web-development
javascript
tools
10 weeks ago by danburzo
Old Maps Online
10 weeks ago by danburzo
"The OldMapsOnline Portal is an easy-to-use gateway to historical maps in libraries around the world. It allows the user to search for online digital historical maps across numerous different collections via a geographical search. Search by typing a place-name or by clicking in the map window, and narrow by date. The search results provide a direct link to the map image on the website of the host institution."
information-visualization
cartography
history
reference
tools
maps
geography
digital-humanities
10 weeks ago by danburzo
Microsoft Research Cliplets
10 weeks ago by danburzo
"A still photograph is a limited format for capturing a moment in time. Video is the traditional method for recording durations of time, but the subjective "moment" that one desires to capture is often lost in the chaos of shaky camerawork, irrelevant background clutter, and noise that dominates most casually recorded video clips.
Microsoft Research Cliplets is an interactive app that uses semi-automated methods to give users the power to create "Cliplets" -- a type of imagery that sits between stills and video from handheld videos. The app provides a creative lens one can use to focus on important aspects of a moment by mixing static and dynamic elements from a video clip."
cinemagraph
photography
gif
tools
Microsoft Research Cliplets is an interactive app that uses semi-automated methods to give users the power to create "Cliplets" -- a type of imagery that sits between stills and video from handheld videos. The app provides a creative lens one can use to focus on important aspects of a moment by mixing static and dynamic elements from a video clip."
10 weeks ago by danburzo
Impact - HTML5 Canvas & JavaScript Game Engine
11 weeks ago by danburzo
"Impact is a JavaScript Game Engine that allows you to develop stunning HTML5 Games for desktop and mobile browsers."
web-development
game-development
mobile-development
tools
html5
javascript
framework
11 weeks ago by danburzo
jsFiddle
11 weeks ago by danburzo
"JsFiddle is a playground for web developers, a tool which may be used in many ways. One can use it as an online editor for snippets build from HTML, CSS and JavaScript. The code can then be shared with others, embedded on a blog, etc. Using this approach, JavaScript developers can very easily isolate bugs. We aim to support all actively developed frameworks - it helps with testing compatibility."
javascript
css
html
web-development
debugging
tools
11 weeks ago by danburzo
TECHNITONE - A web audio experience presented in Google Chrome
february 2012 by danburzo
I made this totally post-rock song with it -> http://www.technitone.com/view/lw6udoo0nb3
music
tools
google-chrome
webgl
html5
javascript
audio
february 2012 by danburzo
Visual Event 2 [Allan Jardine]
february 2012 by danburzo
"Events in Javascript are often seen as a bit of an enigma. This is odd given that Javascript is very much an event driven language, but it is typically down to their complex nature and difficulty to debug. To this end I've created Visual Event to help track events which are subscribed to DOM nodes."
web-development
tools
javascript
jquery
events
bookmarklet
debugging
february 2012 by danburzo
Pears
february 2012 by danburzo
By Dan Cederholm. Not exactly sure what it is.
web-development
tools
wordpress
css
html
ui-patterns
february 2012 by danburzo
Refine, reuse and request data [ScraperWiki]
february 2012 by danburzo
"There’s lots of useful data on the internet – crime statistics, government spending, missing kittens…
But getting at it isn’t always easy. There's a table here, a report there, a few web pages, PDFs, spreadsheets… And it can be scattered over thousands of different places on the web, making it hard to see the whole picture and the story behind it. It’s like trying to build something from Lego when someone has hidden the bricks all over town and you have to find them before you can start building!
To get at data, programmers write bits of code called ‘screen scrapers’, which extract the useful bits so they can be reused in other apps, or rummaged through by journalists and researchers. But these bits of code tend to break, get thrown away or forgotten once they have been used, and so the data is lost again. Which is bad.
ScraperWiki is an online tool to make that process simpler and more collaborative. Anyone can write a screen scraper using the online editor. In the free version, the code and data are shared with the world. Because it's a wiki, other programmers can contribute to and improve the code."
tools
api
data
python
scraping
big-data
web-development
_projects
But getting at it isn’t always easy. There's a table here, a report there, a few web pages, PDFs, spreadsheets… And it can be scattered over thousands of different places on the web, making it hard to see the whole picture and the story behind it. It’s like trying to build something from Lego when someone has hidden the bricks all over town and you have to find them before you can start building!
To get at data, programmers write bits of code called ‘screen scrapers’, which extract the useful bits so they can be reused in other apps, or rummaged through by journalists and researchers. But these bits of code tend to break, get thrown away or forgotten once they have been used, and so the data is lost again. Which is bad.
ScraperWiki is an online tool to make that process simpler and more collaborative. Anyone can write a screen scraper using the online editor. In the free version, the code and data are shared with the world. Because it's a wiki, other programmers can contribute to and improve the code."
february 2012 by danburzo
Cowbird · A witness to life
february 2012 by danburzo
"Cowbird is a small community of storytellers, focused on a deeper, longer-lasting, more personal kind of storytelling than you’re likely to find anywhere else on the Web.
Cowbird allows you to keep a beautiful audio-visual diary of your life, and to collaborate with others in documenting the overarching “sagas” that shape our world today. Sagas are themes and events that touch millions of lives and shape the human story.
Our short-term goal is to pioneer a new form of participatory journalism, grounded in the simple human stories behind major news events. Our long-term goal is to build a public library of human experience, so the knowledge and wisdom we accumulate as individuals may live on as part of the the commons, available for this and future generations to look to for guidance."
jonathan-harris
storytelling
platforms
tools
social-media
art
diary
life-logging
experience
Cowbird allows you to keep a beautiful audio-visual diary of your life, and to collaborate with others in documenting the overarching “sagas” that shape our world today. Sagas are themes and events that touch millions of lives and shape the human story.
Our short-term goal is to pioneer a new form of participatory journalism, grounded in the simple human stories behind major news events. Our long-term goal is to build a public library of human experience, so the knowledge and wisdom we accumulate as individuals may live on as part of the the commons, available for this and future generations to look to for guidance."
february 2012 by danburzo
100 User Experience Design & Evaluation Methods for Your Toolkit [Johnny Holland]
january 2012 by danburzo
"OK, we’re only at number 19 so far, there’s still a way to go. Still, what’s there so far suggests it’ll be an amazing series. As the site doesn’t make it easy to see all of the methods so far, here’s a list of what’s there to date:
1. Concept Interviews: Users write down statement to do with the use of a product, and rank them.
2. Brainwriting: generating ideas quickly by getting people to write them down rather than say them
3. Freelisting: a complement to brainstorming where people list examples in relation to a particular question.
4. Reverse Brainstorming: asking a question that generates problems or criticisms rather than solutions.
5. Metaphor Brainstorming: guiding brainstorming by framing with metaphors
6. Future Workshop: four phase futures technique (preparatory, critique, fantasy, and implementation phases)
7. Claims Analysis: looking at how changing an existing feature on a product will affect various user groups
8. Repeated Card Sorting: doing card sorting repeatedly in order to find out the underlying product characteristics.
9. Reverse Card Sorting: a variation of closed card sorting where you measure users’ cards sorts against a proposed solution.
10. Perspective Based Inspection: getting users to review a product from a specific perspective (e.g. disabled user, power user)
11. Bodystorming: Physical scenario modelling.
12. Teachback: Testing the robustness of a product’s mental model by having an expert teach a novice and the novice ‘teach it back’.
13. Consistency Inspection: Like QA, but for product consistency across a product experience.
14. Yes, And: Taking from improv to further ideas.
15. Misuse Scenarios: looking for situations for unintentional (accidental) and intentional (e.g. malicious) misuse.
16. Backcasting: a strategic method where you start from a desired future and work backwards.
17. The User Interface Race: challenging users to compete to complete tasks under time pressure
18. The User/Task Matrix: plotting task frequency against groups
19. Laddering Questions: the IDEO ’5 Whys’ and other methods"
resources
reference
tools
ux
usability
testing
research
innovation
user-centered-design
design
process
methodology
web-development
1. Concept Interviews: Users write down statement to do with the use of a product, and rank them.
2. Brainwriting: generating ideas quickly by getting people to write them down rather than say them
3. Freelisting: a complement to brainstorming where people list examples in relation to a particular question.
4. Reverse Brainstorming: asking a question that generates problems or criticisms rather than solutions.
5. Metaphor Brainstorming: guiding brainstorming by framing with metaphors
6. Future Workshop: four phase futures technique (preparatory, critique, fantasy, and implementation phases)
7. Claims Analysis: looking at how changing an existing feature on a product will affect various user groups
8. Repeated Card Sorting: doing card sorting repeatedly in order to find out the underlying product characteristics.
9. Reverse Card Sorting: a variation of closed card sorting where you measure users’ cards sorts against a proposed solution.
10. Perspective Based Inspection: getting users to review a product from a specific perspective (e.g. disabled user, power user)
11. Bodystorming: Physical scenario modelling.
12. Teachback: Testing the robustness of a product’s mental model by having an expert teach a novice and the novice ‘teach it back’.
13. Consistency Inspection: Like QA, but for product consistency across a product experience.
14. Yes, And: Taking from improv to further ideas.
15. Misuse Scenarios: looking for situations for unintentional (accidental) and intentional (e.g. malicious) misuse.
16. Backcasting: a strategic method where you start from a desired future and work backwards.
17. The User Interface Race: challenging users to compete to complete tasks under time pressure
18. The User/Task Matrix: plotting task frequency against groups
19. Laddering Questions: the IDEO ’5 Whys’ and other methods"
january 2012 by danburzo
related tags
abstract ⊕ accessibility ⊕ actionscript ⊕ addy-osmani ⊕ aggregation ⊕ ajax ⊕ algorithms ⊕ ambient ⊕ ambient-screen ⊕ android ⊕ annotation ⊕ api ⊕ app-store ⊕ apple ⊕ apps ⊕ architecture ⊕ archiving ⊕ art ⊕ as3 ⊕ audio ⊕ backbone.js ⊕ benchmark ⊕ best-practices ⊕ bezier ⊕ big-data ⊕ blog ⊕ blogging ⊕ bookmarking ⊕ bookmarklet ⊕ books ⊕ brainstorming ⊕ brian-eno ⊕ browsers ⊕ business ⊕ c++ ⊕ calendar ⊕ canvas ⊕ capuccino ⊕ career ⊕ cartography ⊕ cataloguing ⊕ checklists ⊕ chrome ⊕ chronobiology ⊕ cinemagraph ⊕ cinematography ⊕ cms ⊕ coffeescript ⊕ collaborative-filtering ⊕ color ⊕ commercial ⊕ commonplace ⊕ community ⊕ concurrency ⊕ cooltools ⊕ creative-coding ⊕ creativity ⊕ cross-browser ⊕ css ⊕ css3 ⊕ culture ⊕ customization ⊕ data ⊕ data-binding ⊕ data-visualization ⊕ database ⊕ datepicker ⊕ debugging ⊕ delicious ⊕ design ⊕ design-patterns ⊕ design/industrial ⊕ design/interaction ⊕ design/interface ⊕ diary ⊕ digital-humanities ⊕ diy ⊕ documentation ⊕ dom ⊕ drawing ⊕ ebooks ⊕ ecmascript ⊕ ecommerce ⊕ email ⊕ engine ⊕ epub ⊕ essential ⊕ events ⊕ expense-tracking ⊕ experience ⊕ experimental ⊕ experiments ⊕ facebook ⊕ family ⊕ fashion ⊕ file-based ⊕ firefox ⊕ flash ⊕ flex ⊕ folksonomy ⊕ font-face ⊕ fonts ⊕ forms ⊕ fourier-transform ⊕ framework ⊕ frameworks ⊕ free ⊕ freesound ⊕ fsm ⊕ ftp ⊕ fun ⊕ gadgets ⊕ gallery ⊕ game-development ⊕ games ⊕ generative ⊕ generator ⊕ geography ⊕ gestural-design ⊕ gif ⊕ github ⊕ google ⊕ google+ ⊕ google-chrome ⊕ graphics ⊕ grid ⊕ gtd ⊕ hacks ⊕ haml ⊕ hardware ⊕ harmonics ⊕ history ⊕ household ⊕ html ⊕ html5 ⊕ http ⊕ ide ⊕ ideas ⊕ identity ⊕ ie ⊕ illustration ⊕ image-formats ⊕ image-processing ⊕ imported:2007 ⊕ incoming ⊕ information ⊕ information-management ⊕ information-toolbox ⊕ information-visualization ⊕ innovation ⊕ inspiration ⊕ interface ⊕ internet ⊕ internet-explorer ⊕ ios ⊕ ipad ⊕ iphone ⊕ ipod ⊕ java ⊕ javascript ⊕ jef-raskin ⊕ jonathan-harris ⊕ jonathan-puckley ⊕ journalism ⊕ jquery ⊕ json ⊕ jurg-lehni ⊕ justin-bieber ⊕ kerning ⊕ kindle ⊕ kvo ⊕ language ⊕ lateral-thinking ⊕ layout ⊕ libraries ⊕ library ⊕ life-logging ⊕ lifehacks ⊕ lifestyle ⊕ linkedin ⊕ lists ⊕ longreads ⊕ mac ⊕ madlibs ⊕ magazines ⊕ maps ⊕ marginalia ⊕ markdown ⊕ mashup ⊕ meta-pinboard ⊕ metafilter ⊕ methodology ⊕ microformats ⊕ minimalism ⊕ mixing ⊕ mobile-development ⊕ mockups ⊕ money ⊕ mongodb ⊕ mootools ⊕ mp3 ⊕ music ⊕ musique-concrete ⊕ mvc ⊕ mvvm ⊕ name ⊕ navigation ⊕ network-culture ⊕ networks ⊕ new-media ⊕ news ⊕ node.js ⊕ nostalgia ⊕ notes ⊕ open-source ⊕ openstreetmap ⊕ optimization ⊕ organization ⊕ organizing ⊕ osx ⊕ palettes ⊕ papervision ⊕ particle-system ⊕ pdf ⊕ performance ⊕ photography ⊕ photoshop ⊕ php ⊕ physics ⊕ physiology ⊕ pinboard ⊕ platforms ⊕ png ⊕ post-rock ⊕ preprocessing ⊕ privacy ⊕ procedural ⊕ process ⊕ processing ⊕ productivity ⊕ programming ⊕ progressive-enhancement ⊕ prototyping ⊕ publishing ⊕ pubsub ⊕ python ⊕ random ⊕ read-it-later ⊕ readability ⊕ reading ⊕ reading-later ⊕ real-time ⊕ recommended ⊕ reference ⊕ require.js ⊕ research ⊕ resources ⊕ responsive-design ⊕ review ⊕ rich-text-editor ⊕ romania ⊕ romanian ⊕ rss ⊕ ruby ⊕ ruby-on-rails ⊕ sass ⊕ scraping ⊕ screen-capture ⊕ scriptographer ⊕ sequencer ⊕ sharing ⊕ shopping-cart ⊕ sigur-ros ⊕ sleep ⊕ social-bookmarking ⊕ social-media ⊕ software ⊕ software-architecture ⊕ sound ⊕ soundscapes ⊕ specifications ⊕ sproutcore ⊕ stamen ⊕ standards ⊕ state-management ⊕ steadicam ⊕ storage ⊕ storytelling ⊕ survival ⊕ synesthesia ⊕ synth ⊕ synthesis ⊕ technology ⊕ templating ⊕ testing ⊕ text ⊕ theory ⊕ things ⊕ tips ⊕ todo ⊕ toolbox ⊕ tools ⊖ trends ⊕ tutorial ⊕ twitter ⊕ type:list ⊕ type:tutorial ⊕ typography ⊕ ui ⊕ ui-patterns ⊕ university ⊕ usability ⊕ user-centered-design ⊕ user-interface ⊕ ux ⊕ vector ⊕ via:robertogreco ⊕ video ⊕ vintage ⊕ visualization ⊕ web-design ⊕ web-development ⊕ web-fonts ⊕ webgl ⊕ windows ⊕ wireframes ⊕ wordpress ⊕ writers-block ⊕ writing ⊕ writing-prompts ⊕ wysiwyg ⊕ zen ⊕ zoomable-user-interface ⊕ zui ⊕ _aq ⊕ _inspiration ⊕ _licenta ⊕ _noteworthy ⊕ _projects ⊕ _projects/adela ⊕ _projects/dana ⊕ _projects/fdbk ⊕ __imported ⊕Copy this bookmark: