Tags: dom

What Do We Own?, From the Notebook of Aaron Gustafson

Aaron raises a point that I’ve discussed before in regards to the indie web (and indeed, the web in general): we don’t buy domain names; we rent them.

It strikes me that all the good things about the web are decentralised (one-way linking, no central authority required to add a node), but all the sticking points are centralised: ICANN, DNS.

Aaron also points out that we are beholden to our hosting companies, although—having moved hosts a number of times myself—that’s an issue that DNS (and URLs in general) helps alleviate. And there’s now some interesting work going on in literally owning your own website: a web server in the home.

The Tink Tank » Understanding screen reader interaction modes

Léonie gives a great, clear description of how screen readers switch modes as they traverse the DOM snapshot.

The Internet’s Own Boy: The Story of Aaron Swartz by Brian Knappenberger

The Aaron Swartz film is available on the Internet Archive under a Creative Commons attribution non-commercial share-alike license.

The web idealists have a point: content can’t truly blossom in walled gardens

A great little piece by Russell Davies on the Indie Web movement.

Using Encapsulation for Semantic Markup on CSS-Tricks

I really hope that this is the kind of usage we’ll see for web components: enhancements for the browsers that support them without a good ol’ fashioned fallback for older browsers.

Why the Indie Web movement is so important

Well, this is pretty bloody brilliant—Dan Gillmor has published an article on Slate about the Indie Web movement …but the canonical URL is on his own site.

We’re in danger of losing what’s made the Internet the most important medium in history – a decentralized platform where the people at the edges of the networks – that would be you and me – don’t need permission to communicate, create and innovate.

This isn’t a knock on social networks’ legitimacy, or their considerable utility. But when we use centralized services like social media sites, however helpful and convenient they may be, we are handing over ultimate control to third parties that profit from our work, material that exists on their sites only as long as they allow.

Our Comrade The Electron

This is a wonderful piece by Maciej—a magnificent historical narrative that leads to a thunderous rant. Superb!

A Dive Into Plain JavaScript

A nice introduction to writing vanilla JavaScript, especially if you’re used to using jQuery.

This is a Website – Jeffrey Zeldman

I had a lovely dinner last night with Jeffrey, Tantek, Cindy and Daniel. A combination of nostalgia and indie web chatter prompted Jeffrey to pen this beautiful ode to independent publishing.

We were struggling, whether we knew it or not, to found a more fluid society. A place where everyone, not just appointed apologists for the status quo, could be heard. That dream need not die. It matters more now than ever.

OriDomi - origami for the web

A fun little JavaScript library for folding the DOM like paper. The annotated source is really nicely documented.

Google Fiber Continues Awful ISP Tradition of Banning “Servers”

We have lost an ally in the fight to maintain net neutrality. I wonder how Vint Cerf feels about his employer’s backtracking.

The specific issue here is with using a home computer as a server. It’s common for ISPs to ban this activity, but that doesn’t change the fact that it flies in the face of the fundamental nature of the internet as a dumb network.

I think the natural end point to owning your own data is serving your own data—something that Steven Pemberton talked about in his fateful talk.

We must fight these attempts to turn the internet into controlled system of producers and consumers.

Fat pipe. Always on. Get out of the way

Kids can’t use computers… and this is why it should worry you - Coding 2 Learn

This is a really well-written and worrying piece that pokes at that oft-cited truism about kids today being “digital natives”:

The parents seem to have some vague concept that spending hours each evening on Facebook and YouTube will impart, by some sort of cybernetic osmosis, a knowledge of PHP, HTML, JavaScript and Haskell.

The causes of this lack of digital literacy can be traced back to school:

We’ve mirrored corporate networks, preventing kids and teachers access to system settings, the command line and requiring admin rights to do almost anything. They’re sitting at a general purpose computer without the ability to do any general purpose computing.

Also, this article has the best “TL;DR” description ever.

Wrong. — Medium

This is a great piece of writing by Lance Arthur. It breaks my heart that I have to read it on Medium instead of Glassdog.

On layout and web performance by Kelly Norton

This is handy: a look at which DOM properties and methods cause layout thrashing (reflows).

On the styling of forms by Bruce Lawson

Bruce takes a look at the tricky issue of styling native form controls. Help us, Shadow DOM, you’re our only hope!

The Useless Web

Don’t do it. Don’t click that button just one more time. Don’t.

DOM Enlightenment

This looks great! It’s a CC-licensed book by Cody Lindley (whose work I’ve admired for many years) aimed at teaching DOM Scripting for modern browsers. You can read the whole thing online or wait for the paper version from O’Reilly.

If all your JavaScript currently consists of writing jQuery plugins, I highly recommend you read this.

10 questions about web performance – Jeremy Keith at Clearleft

I had a chat with the guys from Pingdom about performance’n’stuff. If I sound incoherent, that’s because this is a direct transcription of a Skype call, where, like, apparently I don’t, y’know, talk in complete sentences and yeah.

Maureen Johnson, THE ADVENTURE OF THE RANDOM HOUSE

There’s a chain of hotels, one of which is in Brighton, called “My Hotel.” I bet they have stories like this one.

What’s in a Name? | The Intercom Blog

The hitherto unnoticed connection between the names of Android phones and the names of condoms.

Pingdom Tools

A handy performance testing tool from Pingdom, similar to Google’s offering.

Vanilla JavaScript FTW

I’ve found myself using jQuery less and less recently. Partly to avoid the extra download and file size but also—as shown here—when it comes to DOM manipulation, there’s a lot you can do straight out of the box.

Jeremy Keith: One Web — Update 2011 - YouTube

My short talk from Aral’s Update conference in Brighton last September. I’m pretty happy with how it turned out. If I only I had a handheld mic—then I could’ve done a microphone drop at the end.

Confusion over HTML5 & WAI-ARIA | Karl Groves

This helps to clarify the difference between native semantics and ARIA additions.

School surveillance: how big brother spies on pupils | UK news | The Guardian

Having just seen Anna Debenham’s superb but scary presentation at Update about the shocking state of UK schools, this is a timely piece of journalism.

Book of Speed

An online book about website performance by Stoyan Steganov, released into the public domain. Excellent!

Why I Don’t Self-Host Anymore | romkey.com

A comprehensive look at some of the problems with taking self-hosting to its logical conclusion: running your own web server.

Tom Morris - .tel, .xxx and .mobi are all pointless and idiotic

If I were an American, I’d now be saying something like “ICANN have jumped the shark”. Instead, I’m British, so I’ll say “ICANN are fucking useless twats who need a firm kick in the bollocks”.

Main Articles: ‘Domesday Redux: The rescue of the BBC Domesday Project videodiscs’, Ariadne Issue 36

The fascinating story of the BBC Domesday Project and its subsequent fate.

The purpose of the CAMiLEON project was to demonstrate the value of emulation in preserving not only the data stored in obsolete systems but the behaviour of the systems themselves - in this case one of the very first interactive multi-media systems. The aim was to reproduce the original user experience as accurately as possible, and the CAMiLEON team argued that the slight faults in images as displayed from the analogue discs were a part of that experience, and should not be cleaned up as Andy proposed to do. Our aim was different - we wanted to preserve the data with the highest quality available consistent with longevity.

Unlicense.org » Unlicense Yourself: Set Your Code Free

A handy template for releasing code into the public domain.

You Must Learn JavaScript — Article — The Nerdary

Kenny Meyers on the ubiquity of JavaScript.

Long Live the Web: Scientific American

An inspiring State Of The Web address by Tim Berners-Lee. He can't resist pitching linked data at the end, but it's mostly a stirring call to arms.

Firefox 4: the HTML5 parser – inline SVG, speed and more ✩ Mozilla Hacks – the Web developer blog

Henri Sivonen gives the lowdown on the HTML5 parser that will ship with the next version of Firefox. This is a huge development ...and yet users won't even notice it (by design).

My Life as a Religious Parable | Workbench

The popesquatter reveals all.

TWOYOUTUBEVIDEOSANDAMOTHERFUCKINGCROSSFADER.COM

Best. Domain name. Ever.

BBC - Glow JavaScript Library

The BBC have released their JavaScript library. This one is worth paying attention to for its wide browser support base.

jQuery vs MooTools: Choosing Between Two Great JavaScript Frameworks

A detailed comparison of jQuery and MooTools.

Proofreading the Public Domain — Chocolate and Vodka

Help keep your culture error-free by proof-reading small pieces of literature from Project Gutenberg.

northtemple - JavaScript and screen readers

An in-depth look at the intersection of JavaScript and screen readers, concentrating on events in particular.

Bruce Schneier: Are photographers really a threat? | Technology | The Guardian

An excellent article that explodes the ludicrous myth that terrorists like to go around taking pictures of potential targets so therefore photographers are dangerous.

AJAX Libraries API - Google Code

Google is now hosting all the major JavaScript libraries. The caching benefits should be good news for your users.

Google Doctype - Google Code

This looks like it could be a very valuable resource indeed: a user-contributed and edited reference for HTML, CSS and JavaScript.

Unobtrusive JavaScript with jQuery

Simon's slides and demos from his half-day workshop at XTech.

Easy as Pie Ajax Requests - Create compelling ajax in minutes with simple examples. | Notes from Phazm

This is a good straightforward hands-on explanation of Ajax: succinct and clear.

Creating Proprietary Content is Like 'Writing in Sand' | Compiler from Wired.com

Tantek talks about the importance of open media for the longevity of data.

Clichés are hard

An offhand remark I made on Twitter spurs Dom on to do a whole lotta research on character encoding in class names.

W3C DOM Compatibility - HTML

PPK has once again been doing sterling work. He's updated the DOM compatibility chart and things are actually looking pretty good.

Desert Bus for Hope

Playing the world's most boring real-time video game for a good cause. It's strangely compelling to watch the "game" in progress.

cumul.us

Best. Domain name and associated tagline. Ever.

jQuery UI: Widgets, Components, and Interactions

From the people who brought you jQuery comes a set of widgets built using jQuery complete with documentation and tutorials.

UT| Event delegation without a JavaScript library

A nice succinct explanation of how to roll your own JavaScript event delegation from Andy Hume.

dpaste: #15223: LOLDOM, by Jeremy Keith

Okay, this started as a joke but then I couldn't resist writing a bit of code. Usage: OH_HAI.I_CAN_HAS_ELEMENT_BY_ID("Id") and OH_HAI.I_CAN_HAS_ELEMENTS_BY_TAG_NAME("tag").

Channy’s Blog - » 『DOM 스크립트』 출간 이벤트!

DOM Scripting... now also available in Korean.

Viget Labs Is Hiring - Join Our Design Team

What excellent taste this web design shop has. I don't mean the fancy scrolling—I'm talking about what's on the bookshelf.

Poetry reading - WordRidden

Jessica's English translation of a 19th Century German poem in the public domain – possibly the only English translation of this poem in existence.

MiniAjax.com / A showroom of nice looking simple downloadable DHTML and AJAX scripts

A collection of scripts. There might be some good stuff here but use with care and discretion.

Dear JavaScript Library Developers… - Wait till I come!

Christian's wish list for JavaScript libraries.

rikrikrik: Wasted Javascript

How much page weight is being wasted on JavaScript. It's time to shed those pounds.

danwebb.net - RailsConf Presentation Slides and Example Code

A PDF of Dan's slides from RailsConf. Looks like it was an excellent presentation.

Brown University

Interesting use of unobtrusive JavaScript for front page navigation. Bonus points are awarded for the hAtom and hCard markup.

vanillart » A List Apart » Séparation Comportementale

A French translation of my most recent article for A List Apart.

Vitamin Features » Go forth and API

Cameron has written a great article on using APIs with Ajax. I love the idea of using .htaccess to fake a proxy and get around the same-site restriction.

The JavaScript Library World Cup [JavaScript & DHTML Tutorials]

Dan Webb does an excellent job of comparing the big four JavaScript libraries that were discussed at @media.

Cheat Sheets for the YUI Utilities » Yahoo! User Interface Blog

If you use the Yahoo JavaScript libraries a lot, these cheat sheets (inspired by those of fellow Brightonian, Dave Childs) should come in very handy.

Garrett Dimon / Front-End Architecture: AJAX & DOM Scripting

Garret gives an excellent, excellent round-up of the factors involved in the behaviour layer of front-end architecture (that's 'building websites' to you and me).

YUI Tetris!

Dustin has written Tetris in JavaScript (using the Yahoo library). Nifty!

Hijax: Progressive Enhancement with Ajax

The slides of the Hijax talk from the Ajax Developer's Day at XTech 2006 in Amsterdam.

Bite Size Standards

John has been working behind the scenes on this for quite a while and now it's ready for launch. Lots of yummy standards-based goodness in bite-sized chunks.

Respect the DOM t-shirt

Respect the DOM t-shirt

Buzzword Bingo

This <a href="http://bingo.adactio.com/">looks familiar</a>. Great minds think alike. (For some reason, this page has 76 divs and 50 tables. Yikes!)

12 perfect cases for Ajax

Yes, Ajax is over-used but here are some cases where it really helps.

perl.com: Using Ajax from Perl

My fellow Brightonian geek, Dom, has written an article about using Perl and Ajax.

pasta and vinegar » Be careful with Lego Mindstorms

Playing with Lego Mindstorms on a train can get you arrested in Germany.

Dave Shea London Geek Dinner - 23rd January 2006

A transcript of the Q&A session with Dave.

For Many AJAX is Not Degrading, But it Must :: Off the Top :: vanderwal.net

"...it must degrade well. It must still be accessible. It must be usable. If not, it is a cool useless piece of rubbish for some or many people."

24 ways

One great web development tip for every day in the Advent calendar, courtesy of Drew McLellan

rest/ahah - Microformats

Who knew? The way I do my Ajax is a microformat. AHAH: Asynchronous HTML and HTTP.

Web API Working Group Charter

The W3C proves that it can move with the times: "The mission of the W3C Web API Working Group is to develop specifications that enable improved client-side application development on the Web." This is very good news indeed.

Tim's WSG Ajax Presentation

Download the PDF of the slides and play around with the demo from Tim Lucas' recent presentation.

Simon Bisson: Old dog learns new tricks

Ajax in The Guardian.

Progetto NINFEA

Here's a really nice implementation of my JavaScript slideshow script.

EBA: Web ComboBox V3 - AJAX - Fuzzy Search Autocompletion - LiveSearch

Yet another Ajax implementation, but this one is making some bold claims regarding accesibility. I must investigate further.

AJAX: Usable Interactivity with Remote Scripting

A nice introduction the XMLHttpRequest object by Cameron Adams.

SVG in WebCore

Weep not, Ethan! SVG lives... possibly in Safari and Dashboard.

Behaviour : Using CSS selectors to apply Javascript behaviours

An excellent alternative to the inline cruft so common in most Ajax applications.

Google Maps API Documentation

Documentation for the new Google Maps API. Unlike most web services, this one is run entirely over JavaScript.

Auto Zoom Greasemonkey script

A Greasemonkey version of my zoom layout bookmarklet. Great stuff!

script.aculo.us - web 2.0 javascript

A library of JavaScript classes: not very unobtrusive, not much graceful degradation. I think we need a bit less hype and a bit more questioning.

Robert’s talk » Rise, Lord JavaScript

So it begins... dispelling the myths and spreading the good word about DOM Scripting.

Content with Style: Fixing the Back Button and Enabling Bookmarking for AJAX Apps

Mike Stenhouse tackles the usability concerns raised by Ajax apps, specifically the breaking of the back button functionality.

Brendan's Roadmap Updates: JavaScript 1, 2, and in between

Brendan Eich, inventor of JavaScript, weighs in with some thoughts on JavaScript 2.

JavaScript meetup

Stuart has posted an excellent round-up of the London JavaScript meetup.

Rico

A library of JavaScript for rich internet applications.

The Strange Zen Of JavaScript: Ajaxed out

A nice round-up of the Ajax summit.

Juicy Studio: Generic Form Validation Routine

A nice bit of unobtrusive DOM scripting for validating just about any form.

Web specifications supported in Opera 8

The DOM support looks great.

Google News customisation widget

Google now offer a DOM-driven widget for dragging and dropping page sections.

Custom checkboxes

A truly excellent piece of DOM scripting by Steve Chipman that replaces checkboxes with images.