Jared Stein – Education, Technology, Culture, and the Internet

I just had the wacky idea that I could force users in an experimental situation to engage in movements that help track their reading behavior in a web browser. This method would employ Javascript and CSS–in short, the script would obscure text outside of the foveal vision area–the readable foveal vision area would be centered near the cursor, requiring the user to move the cursor with her fixations. Combine this with coordinate-based Javascript mouse tracking and user input that reports to a server via AJAX a la UsaProxy, and you’ve got an interesting, albeit limited, method of tracking eye movements (more…)

The My Moodle feature in Moodle 1.9x displays a list of registered courses to a user after logging in. The nice thing about the list is that each course link is followed by a listing of any recent news or events in the course. Unfortunately in highly active courses this list becomes quite lengthy, and ultimately obnoxious as the length obstructs quick access to other courses in one’s view.

To remedy this I have, for quite some time, maintained a custom bit of very basic Javascript and CSS that sets the default view of news items to hidden, with a clickable link to show the entire list from the My Moodle page (more…)

The CSS max-width property has long been a favorite of mine, most often used to restrict the flow of content depending on the user’s browser, such as we see in elastic layouts. Since I began making WordPress themes a couple years ago I’ve used max-width as a staple rule for media in my stylesheet, starting with images that might appear in a post (e.g. .post) (more…)

Ever been annoyed by Blackboard Vista’s (or Campus Edition 6+’s) rendering of your XHTML + CSS web pages? Yeah, me too–especially on Internet Explorer. This happens because Bb Vista triggers a browser’s quirks mode in spite of DOCTYPEs and validated markup (more…)

Sitepoint offered up an article by Tim Wright (CSSKarma), CSS Angles: Just the Edge Your Web Page Needs!, which shows that increasing the size of a single border property results in an angular object that can be placed behind things. After some experimentation I found a new solution and a new conundrum (more…)