"Explainers" about the development of static websites, interactive websites, web-applications:
http://designshack.net/?p=25480 A more in-depth look at how an HTML document is structured. This will tell you most of what you need to know to construct a basic HTML web page. (Designshack appears to be a really good resource for this stuff).
http://designshack.net/articles/css/what-is-css-back-to-basics/ A high level overview of CSS and what it is, with a brief introduction to selectors and properties, from the same series as the HTML overview above. Reading the HTML article first is recommended
http://designshack.net/articles/css/css-selectors-just-the-tricky-bits/ A deeper dive into selectors, including how to select child and sibling elements, the universal selector, and selecting attributes. The bottom of the article links to some even more complicated and confusing selectors, but this is probably as far as you need to go to understand and read most CSS
http://css-tricks.com/pseudo-class-selectors/ This article is an in-depth look at CSS pseudo-selectors. if you see something like a:hover in a CSS selector, this is where you need to look. It assumes significant knowledge of CSS on the part of the reader, so it's probably best to have read and understood the designshack articles above first. I will be looking for a more beginner-friendly article (email me if you know of one).
http://www.w3schools.com/css/css_boxmodel.asp A basic introduction to the CSS box model.
The best place to learn about prototype, at least right now, seems to be http://prototypejs.org/ (recommended only for people fairly familiar with JS).
http://www.tutorialspoint.com/prototype/index.htm has a basic rundown of what functionalities prototype provides, and might be a decent resource for trying to find out how to do a specific thing (like select and return all elements of a certain class in a doc).
http://www.webmonkey.com/2010/02/get_started_with_prototype/ A tutorial which walks you through an example of using prototype. Really designed for people who want to delve into and learn it rather than simply understand how to read it.
Jing, Camtasia, Screen-o-Matic (web/browser based, free)
Screencasting lets you record videos of your screen along with audio of any data extraction, programming features, or even explanation of experimental design. It's extremely useful for teaching people new skills or explaining concepts as they can then revisit the video at their own pace, while trying to reproduce what you did – which they can see *exactly* from the video. Also, it saves a lot of time in teaching the skills to new people.
An in-progress public Google Document at tiny.cc/siteshelp provides information on
Qualtrics. Most survey software is easy to use but not very powerful. I've found qualtrics to be a complete game changer. There isn't a single experiment I've tried to run that I wasn't able to program in qualtrics. I use it instead of professional software suites like E-prime and Matlab's psych toolbox. You can customize the underlying html code and their customer service has given me many add-ons and even novel code.
PACO is an interesting mobile app (currently in invitation-only beta on Android), which has been used both inside and outside of Google for research using "Experiential Sampling" techniques.
Most of us probably don't even realize this is a specific concept – Personal knowledge management (Wikipedia).
Papers by Mekentosj & Springer
Many of the challenges (e.g. productivity, collaboration, building websites) faced in managing a cognitive science or online learning research lab are analogous to those faced by startups or small businesses, and so there are software solutions and knowledge resources that are helpful for both of these very different kinds of organizations.
Gmail, Google Calendar.
Rescue Time [Web and Desktop based software that automatically tracks time, allow logging of hours, gives option to "focus" and block sites for specified time periods. Has Team and Group options with Manager features as well. Works with Google Apps]
Boomerang: This is a plug-in for Firefox and Chrome that lets you schedule emails to be sent at a later time, or reminds you if someone hasn't responded to you. It's great for email reminders (to yourself or multiple people) but now only a certain number are free every month.
Mozy [Automatic backup solution]
Talkbox (Android, iPhone)
Google Apps for Business [has many products a small business needs to improve productivity, and can basically replace much of the IT department – they even provide support for any employee, who can just email or call them to ask questions when something
Google Apps for Education is a free version.
Google Sites I use the templates, easy customizability, and instantaneous updating to make my website and create wiki-style pages.
Dropbox, Box, Microsoft SkyDrive, Amazon
Hipchat [Private group chat and IM, business and team collaboration]
Google Apps Script