Category: Professional

with Matt May (is it joe clark who always calls him MCMay?) — who must be related distantly to Greyson.

the drama in the field gets in our way. (hmmmmm….)

starting with high-level stuff, and then into concrete.

most of the audience is people for whom accessibility is part of a larger job.

break down hope at the beginning to bring it back later.

why are all these standards competing with each other? why isn’t there this accessibility thing that we can drop a cup of into our product?

we can’t guarantee that every message we create is going to be understood by the total set of all human beings. some people are good at convincing a broad range of people. there’s a point where you can’t get your understanding out into the rest of the world. not a cognitive disability: just a core tenent of human communication!

by creating standards, not to make it perfect. the messages that can be communicated can be percieved & understood by the widest range of people possible.

2nd disturbing thing: instead of thinking about people, we think about the standards, checkpoints, etc. keeps up from our full capability. the map is not the territory.

standards exist to be codified, policy-compatible. boil a grand concept into measurable criteria. can’t guarantee that it’s better. we have limitations, because we have to get something. (“if men were angels” and all that.)

folks “subject” to 508 et al start to think about the checklists and make something aweful.

why can’t standards be more specific? limitations of communication. when talking to people who don’t have inner motivations. rolls his eyes dramatically — when he mentions accessibility to designers, first comment is always “oh, alt text for people who are blind?”

508, in adapting an earlier version of wcag 1.0, dropped off lots of things in favor of simplicity.

looking past the documents & criteria (created so they could be measured) and focusing on how people use stuff.

simpsons reference: bart gets elephant. DJ jobs will be replaced by DJ-bot. “Don’t praise the machine”

if standards are an approximation; validation tools are then an “artschool knockoff” of that! “I passed Bobby” is NOT GOOD ENOUGH. the understanding stops at getting the icon; but at the bottom it says check this, this, and this. the machine can’t do that. “that’s why we have English teachers, right?” individuals need to look at what they’ve done.

“paraphrasing and getting it mixed up with with einstein.” (simple but no simpler)

was working on a meta-tool to mashup all the other tools, because of all the discrepancies.

best result: minor improvement. worst result: abomination. inaccessible and unusable.

picks on Bobby because it’s the name everybody knows; lots of others with their own idiosyncracies. if you give someone a hammer, that doesn’t make them a carpenter.

get away from “gaming the system” to get the “tangible artifact that represents accessibility.”

was at sxsw 04, advanced accessibility presentation. austin accessibility rallies. veen: “I don’t care about accessibility.” “what we in the industry call an ‘oh sh!t’ moment.” he said this, posted it to blog (I think I remember that): because he believed in standards-based design, and thus accessibility problems dropped by the wayside (automagically). (in theory; then again, “communism works, in theory.” my simpsons reference!)

#1 indicator of accessibility: conforming to standards.

but what people heard was the kick off line, and then the hype that standards is all that needs to be done.

three things to do….

designing for people. (hm, tools have trade secrets; can’t trust them.) NIH study in 2004, with ranges of disabilities. “can’t grasp or handle small objects” — 2.2 million (18-64 yrs old). huh. total is 3.8 million. hockey-sticks at 65…which is the fastest-growing group of users (and just people in general). vision trouble: 13.3 million (18-64) — not blind but poor vision. and the usual problems with IE and text-resizing.

getting into hearing loss issues, costs of captions. 11.9 percent of 18-64, and then 1 in 6 over 65. “numbers don’t lie”

you don’t hear from people, because they learn to work around.

I missed the ADHD number. And then attention deficit trait (13% of people in IT industry?!). attention span issues.

designing for standards. beneficial specifically because contract between producer and user agent. when you understand how things are rendered in alt devices, etc., you are providing better information. (this is a list with 35 links, vs. line-breaks, etc.)

people using CMSs? about half. (we are a mishmash.) can be a good thing. when you have a system that goes off the rails, fixing accessibility problems can be a bigger problem. fixing templates: easy to improve lots all at once! but if the stuff inside is junk, job could be a lot harder. “just type your stuff into here” but no knowledge among those people about what to do with images, etc.

question about finding people. I missed some of the answer, because I wasn’t paying much attention, because I know where I can find them, I just need to DO it.

problems with captioning and small sizes of video? script? recreate captions? audio description? help? cross-player problems with UI. ability to display SMIL/SAMI (?) captions outside of the bounding box. best advice: …question about what’s being used… Magpie is captioning software. WGBH. sounds like she’s getting already-captioned video from video group.

Oregon institute on disabilities, etc. really fscking long name. local guy, offering his assistance to locals. more similar centers nationwide (ADA). good for finding testers.

the basics on images, link images. text equivalents for rich media, captions for video.

layout: hope-building exercise. layout tables are not necessarily inaccessible. but often symptomatic of an older system of design. (I don’t do tables. Haven’t for years.) fixed vs. liquid. good news: browsers that scale up the whole page. IE7, apparently. Opera does the same thing. also familiar, the trouble with px in font sizing.

contrast. outside of black on white, the math gets complicated. grey on grey = bad! soothing, but unreadable. who has best refs? I thought he mentioned joe clark (I was distracted again).

tables, data style. communicate using the semantics of the table. there was a conference in DC just on data tables; he’ll cover in 90 seconds. use th! *scope* for disambiguation. okay, that does work.

forms. label is really cool! (I explained it to Tom yesterday.) find alternatives to form.submit and other JS-only stuff. bigger problem than

navigation. ugh, it’s 2006. “click here” is evil. use structure. device-independent menus (dropdown)

honestly, nothing is especially new to me here in terms of techniques, although I greatly enjoy his presentation style.

CAPTCHA: his particular hobbyhorse. pandora’s box.

q on captcha: on blog, had 2700 spam comments, and captcha stopped it. what else to do? Matt uses spam karma 2 (for WP), and has great success. a high value target will attract mechanized defeat of captcha. “the club lock of web security.”

SRO! and I was out in the hall during break, so now I’m in the front row.

housekeeping, blah blah blah. I should be in the back, given how much I type, but I’ll just have to be light of fingers.

long I in Dimon, fyi.

investment in the future, for the long term. (hey, that sounds like my work!) takes more time to build something correctly.

short-term costs cross with long-term costs. I know all about those long-term costs! training others to know what’s in your head.

“nobody wants to go near it” (hmmm, I’m thinking about the crazy underlying code on a couple of projects….)

entropy! once it’s built it’s done: not true. ah, “total cost of ownership” broken window theory. less investment in fixing problems: and before you know it, it’s just trash.

stop and think: “what’s this going to cost me?”

myth of separation. to some extent it’s true, as an ideal…a target.

be looking for the simplest solution. example: the print stylesheet.

grid of typographic choices. considering the limitations of various options. oh, hey, that’s a great chart to print out and share. any time you want to have “beautiful headlines” you need to go through this sort of decision process. (rework that grid as a decision tree?)

examples…

Dallas Morning News. “if they didn’t have exclusive content on the Mavericks, I wouldn’t ever go there” can’t tell the difference between content & advertising. hard to click on the navigation items. code view: bleh! “heavy, ugly, hard to read”

contrast: NYT. “it feels like a newspaper” and the underlying code is easy to read.

and DMN hasn’t updated in ages, while NYT has been able to change.

myspace. craziest selector in custom(user) CSS I have EVER seen.

bubbles! all the elements of front-end design. backend bleeds into frontend.

useragents: touch of some of those. what you support influences how you construct your site. (on Pierce: IE 6 is close to 90%, Firefox is closing on 10%.) and “how much sleep you’ll lose”

“I, for one, welcome our browser overlords.” — knowing that IE 6 is going to take another 3 hours of our time. (sigh.)

but hey, it’s gotten better!

markup is the technical foundation. treat it like a craft. (hell yeah!) “is this really the right tag for this job.”

first front-end improvement: ditch the (layout) tables.

microformats…might not take off, but any time you invest in learning, the better your markup will be.

accessibility, and again markup is the foundation/root.

css also touches a few areas in the bubble chart.

the problems of browser hacks: what is the cost?

being bulletproof; go Dan C.! scaling. (always an issue with navigation, I think.) encouraging reading Dan’s book.

lots of crazy options.

scripting. oh, the dark days. (and one reason why I never quite got my brain around JS.) photo of Jeremy Keith & his book. now we can do clean beautiful things across browsers. renaissance! “can’t recommend this book (JK) enough.” (me too.)

and the libraries & frameworks. handcoding is like a hand tool (saw), libraries are a power tool (circular saw): powerful but potentially dangerous. (hm. I can’t use our circular saw at home, because it’s too damn heavy.)

not the best investment to use JS to make dropdowns look pretty. just because you CAN doesn’t mean you SHOULD. scripting is for behavior.

this.style is the font tag of DOM Scripting. 🙂 this.className! CSS where it belongs.

AJAX is what got him thinking about front-end architecture.

Jurassic Park quote! again, not thinking about “should”

traditional model graph. vs. partial page loads. quote from JK, about planning for AJAX from beginning, but implementing at end. Hijax.

response format options. XML, HTML, or JSON? know advantages & disadvantages. if API in place, maybe use XML (also: “pure”), etc. quirksmode article link.

macroom used 32 GB with AJAX instead of 196GB of bandwidth during live keynote. (how?)

accessibility & ajax? ideally, it would just work great. but screenreaders want to start at a page, read through, link, etc. (lather, rinse, repeat). keep an eye out!

accessibility. most people, first response: screenreaders. but it’s bigger than that! 2nd only to project management in areas that it touches.

reiterate…vision isn’t the only disability.

example, plazes. uses google maps to represent your friends, who’s nearby. “this map is never going to be accessible to someone who can’t see” and it becomes a contact issue. the addition (that they never implemented) is to include text that describes where your friends are in relation to you. and then use that content & microformats to generate the map info! (whoa.) is the content even on the page that people need access to. (remember this for the map discussion with Carolyn when I get back.)

labels are just the beginning. what happens with error messages? he’s working with featherstone to find the happy medium: accessible & attractive.

social responsibility. also legal? (it’s in our guidelines!) validators are only a start…too much that you have to *understand* to make right. example of color-blindness.

inherent benefits beyond… theoretically, better markup, usability (fitt’s law — do people know about clicking on label text?!), SEO.

design — softer topics. we can do more usable things than in the greenscreen days!

engineers vs. designers. (I *think* I tend to slip right in the middle there.) seeing the big picture.

“undesign is the new black” — ebay, craigslist, myspace. the right design for the job.

WaMu redesigned to look like craigslist? yipes! building trust involves the right design.

usability. user testing doesn’t necessarily get us what we need. lies, damn lies & stats. more important to understand the people. (one good reason to videotape.)

heat maps? isn’t it 80% common sense? don’t necessarily NEED these tools to get there.

(neilson) good info, but take w/grain of salt? why? because he’s so tunnel-vision.

IA. google news vs. google finance. design driven by content. prototyping choices. another one of those cool grids. includes “getting real”! what’s a PDD?

tagging in a bugtracker? crazy idea! (bad crazy) because this is an application that needs precision.

content: red-headed stepchild. (no sh!t) content dominoes: cool design, great IA, but yeah, yeah, yeah, we’ll drop the content in later, and it doesn’t fit! and you have to change everything else. (this is the reason that Don & I do greyscale.)

content will change. build pages that accomodate that.

flash. he doesn’t love it a whole lot, but it can fit in nicely. sIFR. takes tinkering, touches a lot of areas, but balances issues nicely.

backend. presentation layer. .Net tags output markup on their own. disconnects! engineers need to understand what happens.

elegant integration. “oh, wow, I’ll have this integrated in like 20 minutes.”

IA & content affect the database, presentation can effect (a/e?!) queries.

project mgmt. loosely related, but touches everything. managing change, costs.

need specialists, managing them and their “special egos” — need to take the objective view to make the right decision.

whole > sum(parts).

is the form project done? no. IE6 is the big problem.

selling accessibility? yes/no. if required: easy. if not: sell other benefits. clients latch on to SEO bennies. rarely is it a lot more expensive; easy just to do as you go w/out telling, and then you look good later.

web designer at a software co, engineers are all into agile design & think front-end design is archaic. help? it’s a conversation, showing articles, ongoing education. open the line of communication. spend more time with them. introduce them to 37signals concepts, because they combine “getting real” (agile-like) with a focus on design.

“we want to be the myspace of financial traders” !!!

mikeindustries.com/myspace ? — his articles on the topic.

one-way web vs. two-way web. best way to describe what web 2.0 really is.

(why yes, I am still getting going.) where people interacting with each other improve the site. most examples will be from the news industry, because that’s where his interests are now.

one-way web example: NYT. great site, but the expert POV.

WaPo, with holovaty, is going more two-way.

the inverted pyramid: all the important stuff at the top. (goes back to the Civil War era?!)

how did it get started? in a panel he was on recently, 4 different people had 4 different people. now, in syndication, don’t know how much room will be available, so make it cut-able.

newsvine approach is the hourglass, as it tapers off, the comments take off and go into other directions. “hey, I shot a guy in the face there too.”

increasing loyalty by allowing comments.

“much more leveragable”? CNN (200 people) vs newsvine (6 people).

goals of sites. review sites want good reviews across genres. social bookmarking wants people who know what tags are. corked…started because owner wanted to know more about why. finding people who share similar interests.

more than just being social. friendster didn’t do anything but be social networking. in comparison to flickr: social network on top of a great photo service.

never lose site of what your product is separate from the social networking aspect.

active vs. passive users. pay attention to your passive user: everybody starts that way. (who are the passive users on OlyBlog? what do they want/need?) the 1%, 10% of users who create/mixup content need the audience of the 90%.

newsvine: a story that has a lot of votes and no comments is interesting, but non-controversial (or uncomfortable to comment on), or a story with a ton of comments but view votes. “bush acknowledges racism still exists…getting smarter [sotto voce]” best thing is a story with a lot of votes AND a lot of comments.

hmmmm…C might dig newsvine. he loves Google News, and it looks like a souped-version.

delicious hasn’t paid attention to the passive user, which may be creating a barrier to entry. (he asked if anybody had to explain it, and I popped up with my experience with C. took freaking FOREVER, but now he loves it.)

worst example: mark canter’s people aggregator. (hm, that’s baffling looking.) entertaining usability bashing. 🙂 video: “control all the people in your network”?! mmmm, buzzword-tastic. plus, randomly, his kids.

marc canter has his own category on valleywag.

dipping toes in the water, with customizing w/out registering. example: findory. (like the personal list feature on our directory. oh, hey, that gives me an idea.) and moderating.

make registration as light as possible. newsvine is reducing their already light registration form. ajax for checking what names are available. (oooh, try that for book exchange!)

give people something to do immediately after registration.

reputation building. three versions of identity: real identity, anonymity, pseudo-anonymity. real is mostly for stuff like banking. most of what you see in social sites is pseudo-anonymity. (MeFi, OlyBlog, etc., etc.)

how to create a system that rewards good long-time users w/out punishing new/untested users. (look at ebay rating system?) vineacity? get one rung for free. and a 2nd one is easy if you just hang around and don’t do anything.

adjust early & often.

quote from veen: on post “intellectual bargain shopping” — quote from nietzsche. in essence: users aren’t stupid, they’re mentally efficient.

questions….

noticed you added chat rooms, and nobody ever seems to use them? what’s up with that? like walking into a bar, don’t see anybody there, and leave. hasn’t done well, esp. in re: how good they thought it was going to be.

how is community interaction working out? newsvine “code of honor” — not anarchy! (cute graphic.)

business model? we are an advertising-based business. but with only 6 employees, they don’t need a lot of ads. also talking to some other news assets about licensing the technology.

technology? mostly open source. PHP, standards-compliant HTML/CSS. MS-SQL?

damn it’s cold in here. and I know it’s crazy hot outside. sounds like it could be record-breaking over the weekend, up into the 90s. it always is when I go to Webvisions.

dude, Nick Finck is following me! huh, Derek designed the blogger logo.

he’s a darn lively speaker.

virtual community. his book in 2000, in the last part of the last chapter, 4 pages about blogging. now you can’t talk about virtual community w/out talking about blogging.

“feels like something slightly new going on”

grrr…he’s reading his slides.

definition of community “you know it when you see/feel it” ability to use voice in public/immediate way forming relationships over time. (that works for me.)

george pullman: the company town. what happens when one guy controls the whole community. cut everybody’s salary, but left up prices/rents. “they burnt that sh!t down”

bulletin boards, usenet (blah blah blah), the well: as the company town.

blogs: you are your own company town. shows of hands to prove idea of decentralized conversations, commenting on other people’s ideas. (pace Ralph’s commentary on that topic.)

connective tissue, sidewalks of the intarwebs. “trackbacks, which are more or less dead” and all the usual stuff, technorati, blogrolls, and so on and so forth. “nobody’s talking about that one.”

boingboing used to have comments, but everybody picked on everybody else. “nobody graffiti’s their own house”

aggregators, by interest or location. pb on the spot!

as the age of company town diminishes, how will we find each other?

memes as proof of life. (four things. hey, did any/all of the people I tagged actually do it?)

what’s different? is this good for us? he thinks so. no boss-man can turn you out. human-scale …the vastness is part of why I dropped off of mefi.

“no one to cry to when someone is mean to you” (am reminded of joeclark: he just cries out to the whole world. ;))

flickr is a company town; manager: “she’s my wife, she’s very nice.” but they understand that they live in a different world; more ways to get pics out than in. (tho they aren’t EASY now.)

when amazon started, you could post your review, lots of reviews, but no way to show “joe’s awesome reviews” until the common POV changed.

livejournal, also a company town, but allows public/private boundaries.

when you think about real-life communication, we don’t talk to the whole world at once. we wear different hats. he thinks this thing we’re doing — same to everybody — will be seen as a historic anomaly. (vs. joeclark & the death of privacy)

if you run a company town “turns out we’re really the man!” (OlyBlog?) — treat them well: you need them more than they need you. “anybody who says ‘we’re creating community’ is lying to you.” example of JPG Magazine: instead of starting their own tool, they created a flickr group. go to where they are. look for the communities that pre-exist: there’s already a community for almost everything.

life cycle ideas of online community….

“nowhere to go but up” yay! optimism!

comment from audience: threadless, on profile pages, has places to pull in flickr photos, delicious links, last.fm, own blog, etc. acknowledgement of diversity of selves?

“maybe that’s where the e from flickr went” superglue

“less of a social benefit to being a dickhead” in a decentralized system.

“the gentleman mentions fray” — a company town: he picked/edited/created questions, etc. wanted people to tell stories, but now that’s happening all the time, all over. if it comes back, it’ll have to be different.

what piece of the puzzle is still missing? if he could invent a fantasy tool, talk directly to our communities w/out being a company town. making it/blogosphere smarter about human relationships w/out anybody being in charge.

what about 9rules, etc.? (I’m checking my email, etc., instead of paying attention.)

how does bringing money in change the community? (mefi has a “cover charge” now) in the decentralized model, money doesn’t come into it, except to create the site. “ask matt” of course, people in the audience already know the answers. example of craigslist charging people who “should pay”.

Nick doing the intro again! Original presenter couldn’t make it, so his (Nick’s) business partner Brian Fling is speaking instead. Brian runs Idea Day (?)…one of the few mobile experts [in the US, as the Norwegians (or Asians!) will tell you]. runs mobiledesign.org (did I get that right?) blue favor director of strategy.

Brian used to work for, and is inspired by, the planned presenter. Will be mashing up both presentations. One person has some experience, the rest of us are blank stares.

Mobile is not the Web. Can’t just go buy a book and figure it out. 200+ devices in north america. (1000+ devices worldwide) device fragmentation is a huge part of the problem. and then…30+ browsers. hail mary mother of jeebus. some hope: a lot of them are various flavors of a previous version. most phones are locked down. carrier controlled ecosystem. no sh!t. napster would never happen with mobile. “to make it a better experience” but also a frustration. I/O limitations. not a lot of resources available: if David hadn’t been a close personal friend, he wouldn’t be where he is today. (!!!!) “Mobile Mondays” mobilemonday.com “no standards” — but that’s not true; more standardized in some ways because of the controlled ecosystem. and consumers (in US) don’t “get it”. (And in US it’s painfully expensive, IMHO.)

goddamn telcos.

jargon alert: “G” – 1G to 3G, with some decimal points in between. 1G …omg, I used to babysit some kids of a guy who had one of those, “car phone”! 2G, not so clunky, but just phones. “2.5G” is about where we are now…cheaper airtime. data capacity, but not much use. or we are at 3G?

LBS: location-based services. GPS chips, location-aware. locality to information.

skipping thru a bunch of stuff. ARPU — average revenue per user. or, how the carrier fsck over the consumer by charging for one thing 72 different ways. also, see Walled Garden. (Ala ye olde AOL.)

chart of carriers w/networks, platforms, etc.

some questions about walled garden issues, streaming, etc. storage space? (I jumped over to email briefly.)

awesome graphic! the device bomb. and then a big grid of pictures of phones.

mvno: mobile virtual network operator. Virgin, ESPN, etc. run on top of an operator/carrier platform. models by carrier, only double it to go back a year or two.

motorola is huge because of popular because of the razr: every carrier has them.

1 1/2% of phones are windows mobile….

pick 5 popular phone to support. how to know what’s popular? see what they’re giving away for free. 🙂 check periodically. people always go for the cheepest phone.

184 available devices available. 38 have audio playback, 64 have video streaming or playback. (it was kind of a PITA to find a tmo phone that plays music.)

Java/BREW support. Verizon is BREW, all else is Java.

more devices in US that support Flash Lite? No. hasn’t been released yet. Samsung has adopted for phone UI.

US is only country he knows of that subsidizes phones, and that drives the slowness of uptake.

Overwhelming majority of phones are “feature phones” — 120 px wide! presentation is on the website.

how many people are taking advantage of the features? and he goes on to talk about all the crazy nifty things that CAN be done. but it’s not happening. early failures. “mobile’s been hyped up.” spent more time talking with lawyers to do licensing for music/ringtones….

people still see their phones as phones.

getting cheaper to get better connection.

prediction: “mobile will revolutionize the way we gather & interact with information in the next three years.”

GOGL SMS queries.

zeldman’s head popping up randomly on the web 3.0 slide.

what do you serve by being mobile? find a need & fill it. nice chart/grid that he almost flashed past. (lots of little iterations, between hardware issues and connections to carriers.) wurfl(.sourceforge.net?) — open source database of phones.

how do you understand the limitations of each carrier? way he’s seen it solved in the past: have one contact at each carrier. (yeah, as if.) wikipedia (!) has info about carriers in North America. huh.

W3C believes in one web, with CSS to control the presentation. “.mobi” domain breaks the web in a fundamental way, according to TBL.

one web vs. mobile web debate.

options… the do-nothing approach. php script that strips stuff (other sorts of progammatical reformatting). alternate stylesheets. “handheld” to automagically reformat visuals.

stylesheet methodology doesn’t address context issues.

“mobile publishing is easy.” throw WML out unless you have extra resources. use XHTML.

I wonder what would be useful for students? (send me my schedule by SMS?)

questions about us vs. the rest of the industrialized world. japanese don’t have computers, so they use the phone. average US house has 1 1/2 computers, plus we are a ginormous country. (no mention of the endless bullsh!t that the telcos put us through.)

reminder service as a great example. if I paid for the bigger SMS plan, I’d probably use something like that. 🙂 again, I think that might be a nice spot for us.

publishing tools “like Movable Type” make perfect mobile web platforms. would wordpress do the same?

slides will be on blue flavor’s site.

It took me a while to decide which panel to go to — I was very tempted by the social sharing session — but I decided I needed something really nerdy to kick it off.

I was going to try to do some work on a couple of side projects this afternoon, but I’m not working in my familiar computing environment, so I don’t think it’ll happen. 🙁 I suppose that’s more polite to the speakers, tho. 😉

Whoa, it’s crowded! As in, asking people to make room. I hope that bodes well.

Too much noise out in the hall…Nick Finck is doing a kinda dull intro.

Kewl, now the mic is on. I can hear him. Going to cover: his experience. Slides to be available afterwards.

What is DOM Scripting/AJAX? Quick definitions. I like that he uses Jeremy Keith’s term. they’re both just javascript. shouldn’t it be rapid javascript? has to keep up buzzword quotient.

people underestimate what’s possible. functional programming language: can pass functions to functions, and get functions as result of function. [okay, why?]

anonymous functions. function() { } vs function loadImages() { } — I missed why they’re good.

useful for callbacks, etc.

closures. means that we have access to internal scope variables. (I thought that was a bad thing?) example.

keys to rapid development: maintainability. finding bugs, managing the work of others. extensibility. flexibility. tieing to specific JS libraries, page class names.

using a coding style. no such thing as a real constant in JS, but by using syntax, tell self or others in the future that it shouldn’t be changed.

namespace. a variable that contains all of your particular scripts. weird.

underscores for internal methods. which methods to use or not.

he talks too fast…or maybe just fast AND vague.

singleton, design pattern which means there is only one of that item. use either object notation or the New keyword. can no longer create more versions of that object. event management is a good use of singletons. I feel like I’m missing something. also good for animations, use of timing. (C found a singleton beetle during an insect survey at Evergreen, years ago!)

object notation syntax. (what all this means, in short, is that between JS & PHP, I finally need to learn OOP)

use debug tools. excellent tool is firebug for firefox.

trace http calls — live http headers firefox extension — for AJAX more particularly. to see what’s happening.

on extensibility….

callback: Call this function when I’ve done something.

override. uses s5 as an example; this is the first thing that I can start to see concretely. the problem I have is that I think concretely, in examples, and these examples, for the most part, are very symbolic.

on flexibility….

don’t use predefined class names or element names. okay, here’s another good example, not tying to a library.

separation of behavior from presentation from content. don’t change styles directly, change the class name instead. element.className = ‘error’ vs. element.style.color = ‘red’

attach to elements. scope issue. I sorta get that.

libraries to avoid reinventing the wheel. (have we actually invented the wheel yet?)

reduce the mundane (document.getElementById() vs. $()) and/or create effects (primarily to reduce the gruntwork of cross-browserness)

more examples, mostly from Prototype. add/remove class names, particularly in situations where an element may already have a class. (I remember that example from the DOM Scripting book.) also example from JQuery. (have I seen jquery?)

click-to-expand FAQ. hey, neato!

chainable methods — receive object, perform action and so on, all in one line.

“sizzle” — fading sliding etc etc.

good libraries help, and fulfill his 3 requirements for good rapid development. “play well with others”

“which library should I use?” default answer: it depends; what are you trying to accomplish? avoid overkill. ooooh, comparison chart! name, size & compressed vs. uncompressed. Yahoo library is ginormous, but alacart: only pull in what you need. Dojo is similar.

and then there’s AJAX. nowadays anything with JS seems to get called AJAX. ways to improve connections to server. JSON. parsers exist for many serverside langs, incl. PHP. JSON Transformations? XSLT syntax. (yipes! run for the hills!)

two ways to call a json value — dot syntax vs. square bracket. (so, for java people vs. php people?) a way to do dynamic select lists.

use innerHTML. (isn’t this one of those religious debates.)

premade html shells — populate with data as ready, faster than innerHTML.

again: use a library.

where to from here: usability (dexterity example re: drag-drop shopping cart), accessibility. test, test, test!

what kind of compression? removed carriage returns, comments. could make smaller using gzip on server.

common pitfall for new developers: not testing enough. assuming that stuff will just work.