RSS

gordonbrander + bdw2011   65

Ben Alman » Immediately-Invoked Function Expression (IIFE)
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
d3.js
D3 allows you to bind arbitrary data to a Document Object Model (DOM), and then apply data-driven transformations to the document. As a trivial example, you can use D3 to generate a basic HTML table from an array of numbers. Or, use the same data to create an interactive SVG bar chart with smooth transitions and interaction.
A truly impressive vehicle for data visualization. Uses SVG and DOM elements. Animation and transformation happens by applying properties to elements.

It looks powerful, intuitive and easy-to-learn.

Presents all kinds of interesting possibilities, such as exposing the values in a crawl-able fashion.
data  visualization  javascript  svg  opensource  animation  bdw2011 
november 2011 by gordonbrander
UPDATED: Quick Tutorial – Processing & Twitter | blprnt.blg
twitter  api  visualization  processing  learn  bdw2011  javascript  data 
november 2011 by gordonbrander
Type study: Sizing the legible letter « The Typekit Blog
teaching  bdw2011  learn  typography  css  web  development  design 
november 2011 by gordonbrander
Getting Started - Impact
bdw2011  game  development  documentation 
november 2011 by gordonbrander
Generative Art (with Processing) by Matt Pearson
A book.
art  processing  design  book  learn  bdw2011 
november 2011 by gordonbrander
A Brief Rant on the Future of Interaction Design
Very, very good article on screen interaction, and the Future.
design  ui  interactive  web  philosophy  learn  bdw2011 
november 2011 by gordonbrander
Generative Art In HTML5 by Matt Pearson @zenbullets (A Generative Art Lost Chapter) #Processing, #JavaScript #Tutorial | CreativeApplications.Net
Probably assign as homework.
html  javascript  processing  animation  art  learn  bdw2011 
november 2011 by gordonbrander
Using the Twitter Search API | Twitter Developers
api  twitter  documentation  bdw2011 
november 2011 by gordonbrander
Matthewhealy.net » Blog Archive » A Week of Check-ins on the Path to One Billion (behind the scenes)
Radical visualization of Foursquare checkins across the globe.
processing  data  visualization  inspiration  geo  bdw2011 
november 2011 by gordonbrander
Creating a real-time multiplayer game with WebSockets and Node.js | Rawkes
Rob Hawkes again with Socket.io and NodeJS multiplayer gaming. Very cool.
nodejs  canvas  javascript  learn  bdw2011  websockets  game 
november 2011 by gordonbrander
ExpressJS: examples
Lots of code samples from the ExpressJS guys.
expressjs  nodejs  javascript  web  app  learn  bdw2011 
november 2011 by gordonbrander
LearnBoost/mongoose - GitHub
A model layer for MongoDB from the LearnBoost folks.
mongodb  nodejs  opensource  javascript  orm  bdw2011 
november 2011 by gordonbrander
The Popular Science Archive Explorer | Popular Science
A great visualization: chart any word to see how frequently it appears in Popular Science's archives.
data  visualization  design  inspiration  bdw2011 
november 2011 by gordonbrander
Processing, JSON & The New York Times | blprnt.blg
Perfect example: a tutorial that shows how to get keywords from NYT API and bar graph the examples: class project will be to convert to JS.
api  json  processing  visualization  data  opensource  learn  bdw2011 
november 2011 by gordonbrander
7 Days of Source Day #2: NYTimes 365/360 | blprnt.blg
This one is just plain pretty.
processing  data  visualization  animation  toxiclibs  opensource  learn  bdw2011 
november 2011 by gordonbrander
7 Days of Source Day #6: NYTimes GraphMaker | blprnt.blg
Another great data-vis example from Blprnt, with open source.
processing  data  visualization  toxiclibs  animation  bdw2011  opensource  learn 
november 2011 by gordonbrander
7 Days of Source Day #4 – BC Budget Visualization Tool | blprnt.blg
Use as example for data vis?
processing  data  visualization  animation  toxiclibs  code  bdw2011  opensource  learn 
november 2011 by gordonbrander
25 Secrets of the Browser Developer Tools – AndiSmith.com
A great browser developer tools overview.
development  web  bdw2011 
november 2011 by gordonbrander
hanssonlarsson/express-csrf - GitHub
Cross-site request forgery protection for forms in EpxressJS apps. Yay!
bdw2011  expressjs  security  opensource  library  nodejs 
november 2011 by gordonbrander
jdub/node-twitter - GitHub
A Node framework for accessing the Twitter API. May pair with Express for a simple Twitter search solution.
nodejs  twitter  api  library  opensource  bdw2011 
november 2011 by gordonbrander
Inheritance and the prototype chain - MDN
This is the best explanation of prototypal inheritance I have found
yet. It also has a good example of how to use Object.create.
javascript  web  development  learn  bdw2011  from iphone
november 2011 by gordonbrander
schaermu/node-chat - GitHub
A simple Socket.io/Express app with authentication. May look to this as a model for auth in Refereee.
bdw2011  expressjs  nodejs  javascript  app  web  opensource 
october 2011 by gordonbrander
HTML 5 Canvas Deep Dive
Canvas API tutorial.
api  canvas  learn  documentation  animation  javascript  bdw2011 
october 2011 by gordonbrander
Facebook: HTML5 for Developers
An excellent set of resources and documentation for developing applications in HTML5
bdw2011  html  documentation  learn  javascript  game  animation 
october 2011 by gordonbrander
HTML5 Rocks - No Tears Guide to HTML5 Games
A great overview that touches on collision, game loops, entities, etc.
bdw2011  learn  teaching  game  javascript  development 
october 2011 by gordonbrander
List of JS game engines. You can find a wikified version at https://github.com/bebraw/jswiki/wiki/Game-Engines. Feel free to modify that. I sync it here every once in a while. — Gist
Some kind soul is maintaining a list of Javascript Gaming frameworks.
javascript  game  development  framework  canvas  bdw2011 
october 2011 by gordonbrander
Kern Type, the kerning game
A game that scores you based on your kerning solutions, with HTML5, Javascript, SVG. Awesome.
typography  web  inspiration  javascript  svg  game  bdw2011 
october 2011 by gordonbrander
Processing.js v1.3.5 released « Processing.js Blog
Processing.JS now distributes an API-only version -- the Javascript Processing object, without the Java-to-JS parser.
javascript  animation  opensource  bdw2011 
october 2011 by gordonbrander
Mobile Web Best Practices | Helping People Make Mobile Web Experiences
teaching  bdw2011  mobile  web  development  reference 
october 2011 by gordonbrander
Design & Build a Grid Based Web Design with CSS
Note the trick for creating quick baseline/vertical grids in Photoshop.
css  design  grid  bdw2011 
september 2011 by gordonbrander
Fluid Images — Unstoppable Robot Ninja
The original reference.
css  design  bdw2011  responsivedesign  development 
september 2011 by gordonbrander
Happy Nerds - Programming Links for Kids
Investigate for teaching.
teaching  development  bdw2011 
september 2011 by gordonbrander
Mulberry
An app development framework built on top of Phone Gap. It has a theming component and looks well put-together.
html  javascript  ios  phonegap  bdw2011  mobile  development  opensource 
september 2011 by gordonbrander
Three-letter kerning technique
typography  bdw2011  learn  design  from iphone
september 2011 by gordonbrander
WebMatrix and node.js: The easiest way to get started with node on Windows - Scott Hanselman
An easy hack for getting NodeJS to run on Windows.
windows  nodejs  javascript  bdw2011  reference 
september 2011 by gordonbrander
Fonts available for @font-face embedding - Webfonts.info
A handy list of fonts available.
@font-face  css  typography  bdw2011 
september 2011 by gordonbrander
HTML5 Rocks - Quick Guide to implement webfonts via @font-face
A no-nonsense tutorial for web font embedding.
teaching  web  development  @font-face  typography  css  bdw2011  learn 
september 2011 by gordonbrander
adliterate: What's in a format?
Creative Brief formats used by major ad agencies.
design  business  advertising  web  learn  bdw2011 
august 2011 by gordonbrander
Page Design Basics - Journalists' Toolkit
How to think about page layout.
teaching  bdw2011  html  web 
august 2011 by gordonbrander
CSS Basics - Selectors You Should Know - Journalists Toolkit
Just the basics.
teaching  css  web  bdw2011 
august 2011 by gordonbrander
HTML Basics - Tags You Should Know - Journalists Toolkit
Just the very basics.
html  teaching  web  bdw2011 
august 2011 by gordonbrander
CodeCademy
A free interactive tutorial that teaches the basics of programming
through Javascript.
bdw2011  web  development  teaching  learn  javascript  from iphone
august 2011 by gordonbrander
The Nature of Code at daniel shiffman
Daniel Shiffman, the fellow who wrote the wonderful http://www.learningprocessing.com, has put together a series of tutorials on more advanced Processing techniques. These tutorials were for his class @ NYU, but he's expanding them into a Kickstarter-funded book.
processing  code  art  development  design  learn  bdw2011 
august 2011 by gordonbrander
MIT Launches New Center for Mobile Learning - MIT Media Relations
MIT to take over Google's App Inventor as part of a new "center for mobile learning".
The Center's first activity will focus on App Inventor for Android, a programming system that makes it easy for learners to create mobile apps for Android smart phones by visually fitting together puzzle piece-shaped "programming blocks" in a web browser.
mobile  web  android  development  school  bdw2011 
august 2011 by gordonbrander
Express - node web framework
Sinatra inspired web development framework for node.js
javascript  nodejs  framework  bdw2011 
august 2011 by gordonbrander
P2PU (beta) | HTML 5 Introduction
More possibly useful course material from P2PU
school  teaching  bdw2011  web  html 
july 2011 by gordonbrander
P2PU (beta) | Beginning Game Development with HTML 5
From P2PU. Would love to mine some of this content if we get this far.
bdw2011  teaching  school  web  javascript  canvas  html 
july 2011 by gordonbrander
Get off(line) | Web Directions
A guide to Appcache
mobile  development  app  html  javascript  appcache  bdw2011 
july 2011 by gordonbrander
Toxiclibs.js - Open-Source Library for Computational Design
The ToxicLibs library from Processing ported to Javascript. Utils for forces, flocking, particles, etc.
javascript  processing  visualization  animation  canvas  opensource  bdw2011 
july 2011 by gordonbrander
d.school news
Stanford d.school's blog.
blog  school  teaching  design  bdw2011 
may 2011 by gordonbrander
Stanford D School: Designing Liberation Technologies
The syllabus for the aforementioned School class.
design  teaching  bdw2011 
may 2011 by gordonbrander
mobile + africa - Stanford d.school news
"Starting in April, Stanford d.school students from a diverse array of disciplines – including computer science, medicine, business, law, education – worked with computer science students at the University of Nairobi to identify the design needs of health care providers and low-income mobile phone users in Kenya."
mobile  design  school  bdw2011 
may 2011 by gordonbrander
11 Ways You Can Make Your Space as Collaborative as the Stanford d.school | Fast Company
design  teaching  bdw2011 
may 2011 by gordonbrander
Learn How to Make Websites | Mozilla Developer Network
Introductory tutorials to building the web from Mozilla.
javascript  html  css  teaching  learn  bdw2011 
may 2011 by gordonbrander
Organizing a university course on modern Web development | Lea Verou
Great and extensive outline of front-end development topics for teaching a class.
html  css  development  web  teaching  bdw2011 
april 2011 by gordonbrander
Frank Chimero - Classroom Rules
Frank's syllabus.
design  teaching  bdw2011 
march 2011 by gordonbrander
HTML and CSS Resources for Teaching
Mindy McAdams.
teaching  html  css  web  bdw2011  from iphone
march 2011 by gordonbrander
Fighting the @font-face FOUT « Paul Irish
Many dueling approaches to preventing "Flash of unstyled text" in Firefox.
@font-face  css  typography  javascript  bdw2011 
march 2011 by gordonbrander
Khan Academy
Open courseware for mathematics. 10-minute classes on single topics. Clever.
school  math  teaching  opensource  bdw2011  disruption 
february 2011 by gordonbrander
P2PU - Peer 2 Peer University / Course Design Handbook
Syllabus and course planning resources, originally written for Mozilla's School of Webcraft. This is a great resource for organizing remote learning.
development  school  teaching  bdw2011 
january 2011 by gordonbrander
p2pu School of Webcraft
Actual courseware for Mozilla's School of Webcraft.
development  design  mozilla  opensource  teaching  school  web  bdw2011 
january 2011 by gordonbrander
School of Webcraft | Drumbeat
Open courseware for all sorts of web-related fields. Crowdsourced remote teaching. Totally free.
opensource  mozilla  development  learn  school  teaching  bdw2011 
january 2011 by gordonbrander
PACS CSS Workshop—Samples Page
Wow. Lots of useful test cases. Use in coming class.
css  development  teaching  learn  bdw2011 
january 2010 by gordonbrander
Processing.js
A javascript port of the Processing animation language. Renders in <canvas>. Nice!
bdw2011  javascript  animation  interactive  library 
august 2009 by gordonbrander

Copy this bookmark:



description:


tags: