Tags: code

The origin of the blink tag

Have you thought “There must be a good reason for the blink element.” Well, read on.

tubalmartin/riloadr

This responsive image technique has a lot of moving parts but it seems pretty solid.

CreativeJS for non-coders on Vimeo

A fantastic taste of what you can expect in Seb’s Creative Coding workshop.

Code Club

This is an excellent idea: get a whole bunch of after-school code clubs going to teach kids how to code in Scratch.

Prontotype :: Data-driven interactive prototyping framework

Mark has put together this rather excellent prototyping tool. It’s basically the V from an MVC system. You can easily move stuff around, change data …all the good stuff you want to do quickly and easily when you’re prototyping in the browser.

How Not To Sort By Average Rating

I don’t understand the maths, but the logic is fascinating.

In defense of reinventing wheels | Lea Verou

Maybe it’s because I’m a bit of a control freak, but I can really empathise with what Lea is saying here: sometimes the developer convenience you get from using someone else’s code can result in quite a bit of redundant code. I feel that this is particularly a problem on the front end.

Video, Mobile, and the Open Web | Brendan Eich

Mozilla will be supporting H.264 …but they’re not happy about it.

I won’t sugar-coat this pill. But we must swallow it if we are to succeed in our mobile initiatives. Failure on mobile is too likely to consign Mozilla to decline and irrelevance.

Excessive Enhancement - SXSW2012 // Speaker Deck

The slides from Phil’s excellent South by Southwest presentation on URLs, JavaScript, and progressive enhancement.

Why does that QR Code go to justinsomnia.org? - Justinsomnia

As if you needed another reason why QR codes are shit ..are you certain you’ve proofed it?

Wat — Destroy All Software Talks

This cracked me up. There are two possibilities: either this is really is very funny or I am very nerdy.

The developer’s guide to mobile frameworks | Feature | .net magazine

Jonathan gives a thorough overview of the various tools and frameworks out there to help build native, hybrid and mobile web apps. He also shares his decision-making process on when to build what.

A Fix for the iOS Orientationchange Zoom Bug | Filament Group, Inc., Boston, MA

That Scott is one smart cookie. He has come up with a workaround (using the accelerometer) for that annoying Mobile Safari orientation/zoom bug that I blogged about recently.

I still want Apple to fix this bug as soon as possible—the fact that such smart people are spending so much effort on ingenious hacks shows just how much of a pain-point this is.

telegraphic and signal codes : scans, transcriptions

Before there were HTTP codes, there were telegraphic codes. The Victorian internet indeed!

daniel sinker • Hacker-Journalism 2011: A year of “show your work”

A look back at some of the best code for journalism over the past year.

Making the QR Code InfoDressShe Bytes - Exploring Digital Art, Technology, Design

I had a lovely conversation at the Update after-party with Georgie about the infographic dress she was wearing. It’s quite lovely.

Jake Archibald - Font-Face - Good vs Legal on Vimeo

Jake’s talk at DIBI earlier this year was absolutely fantastic. It features a rape reference, a story about pissing, and a Human Centipede metaphor.

It’s also very, very informative. Watch this.

The Robot-Readable World – Blog – BERG

Wonderful musings from Matt on meeting the emerging machine intelligence halfway.

Getting Sourcey – native HTML5 Audio and video | Web Directions

Everything you ever needed to know about adding HTML5 audio and video to your site, courtesy of the mighty John Allsopp.

Annoying.js: How to be an asshole • Javascript • Kilian Valkhof

All of the most irritating uses of JavaScript gathered together into one library.

Announcing Typo.js: Client-side JavaScript Spellchecking

This could be a handy: a client-side spellchecker. The dictionary files are a bit big of course—maybe local storage could help.

this, is boomerang

This code could be useful in determining a user’s bandwidth.

The State of HTML5 Audio - PhobosLab

A rather vicious evaluation of browser support for the audio element and the audio API. It is divided up into:

Bletchley Park and History Hackday Request | Amplified

Let’s make the Bletchley Park data machine-readable so we can start mining the stories they contain (like Old Weather).

Bletchley Park need help to catalogue and create a proper archive of these decrypts.

I want in!

Kod

This code editor for OS X looks interesting.

filamentgroup/Responsive-Images - GitHub

Some very smart ideas here for responsively enhancing image requests.

PaintbrushJS v0.1 Demo Page

A fantastic bit of image manipulation JavaScript from Dave.

New Programming Jargon — Global Nerdy

Some of the best neologisms in programming, many of them to do with bug-fixing.

Code Standards | Isobar

A very detailed set of coding standards and guidelines.

HTML5 Geolocation with Fallback to Google Ajax API: HTML5

An excellent way to do geolocation even in browser that don't support it natively.

JsMag - the magazine for JavaScript developers

There is a magazine for JavaScript. I did not know that.

Enhance User Profiles with Google’s Social Graph API [Ruby & Rails]

Some Ruby on Rails code for enhancing sign-up forms using Google's Social Graph API, inspired by Huffduffer.

Hallvord R. M. Steen - Most expensive javascript ever?

How one line of JavaScript cost a hardware vendor millions. Browser sniffing is bad, m'kay?

Code Poetry: Blake’s Jerusalem | actionscripter.co.uk

foreach (tyger in night.forests) { burn(bright); }

The Future of Code

Steven Pemberton, one of my favourite long-term thinkers, talks about programming, markup and XForms.

Daring Fireball: How to Block the DiggBar

John Gruber provides a PHP-based way of busting out of Digg's 90s-style framing. I shall be implementing this forthwith.

Populating forms with YQL, jQuery and Microformats

Demo for a neat piece of code that will auto-populate form fields from an hCard-carrying URL.

Bespin » Code in the Cloud

An in-browser code editor from Mozilla Labs.

Structure and Interpretation of Computer Programs

The entire text of this seminal work is online in HTML, licensed under a Creative Commons Attribution-Noncommercial 3.0 Unported License.

Experiments in Data Portability - Screencast

Glenn has created a screencast of his superb Skillswap presentation, syncing up the audio with the slides.

AJAX APIs Playground

A nice way to play around with Google's APIs. Example code is provided which you can edit and immediately see the results.

Play School: Easy Ajax - load | jQuery for Designers - Tutorials and screencasts

Remy teaches non-techies how to use jQuery in a responsible way.

flickr.simple.php

A super-simple lightweight PHP class by Kellan for calling the Flickr API and receiving back an array of results.

£5 app: 5Kapp

5k.org is dead. Long live 5k.org. The people nehind Brighton's £5 App have announced a competition to create an application using only 5K (5120 bytes) of code and resources.

northtemple - JavaScript and screen readers

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

P8TCH | Commando Nerd Patches for iPhone Scanning

Nice QR code patches (I don't mean something that patches code, I mean a patch that you sew).

Google Code Blog: QR Codes now available on the Google Chart API

The Google Chart API can produce QR codes. Neato!

code_swarm

A tool for generating beautiful visualisations from commits to code repositories.

Twitter / Simon Willison: javascript:(function(){var ...

Copy this bit of JavaScript code. Visit your website of choice in Safari. Paste said code into the address bar. Giggle with glee.

AJAX Libraries API - Google Code

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

Webmonkey: the Web Developers Resource

Hey, look what's back: Webmonkey! Ah, memories.

Unobtrusive JavaScript with jQuery

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

Flickr Code

Hurrah! Flickr are sharing their code and here's the central repository.

John Resig - Classy Query

You have to be really, really geeky to find this funny. I find this funny.

John Resig - Secrets: Table of Contents

It looks like John's next book will be superb.

Developer's Guide - Google Chart API - Google Code

All the code you need to add charts and graphs to your site.

Cruciforum: crucially simple

A super simple lightweight piece of forum software from Stuart in just one PHP file. Drop it in a directory and you're done.

Get Lat Lon - find the latitude and longitude of a point on a map

A handy tool for grabbing the geocoordinates for a location.

Snipplr - Code 2.0

One of many code-snippet sharing sites out there but this one has some nice features like tagging and popularity. The interface is yuck though. dpaste,com is nicer but more ephemeral.

Want To Learn Web Programming? Write A Blog Engine | iface thoughts

Speaking from experience, I concur.

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.

Portable social networking // James Aylett's diary

James has some quick'n'dirty Python code for extracting relationship data from social networking sites.

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").

LOLCODE

I'm sure everyone else has already discovered this but I really was L'ing O L when I read the "Hai world" code.

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.

Monkey Bites

A brilliant list of New Year's Resolutions for Coders.

as days pass by » Blog Archive » Internationalisation

Stuart posts a really handy string for testing internationalisation: Iñtërnâtiônàlizætiøn

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.

Devlounge | Cameron Adams aka The Man In Blue

Cameron shares his thoughts on Ajax, Hijax, libraries and having fun.

Samuel's Blog

The working example from Richard's chapter in Blog Design Solutions. It's a home-rolled PHP/MySQL blog for Samuel Pepys featuring beautiful typography... natch.