Welcome to random notes, a semi-regular, almost-daily and completely platitudinous collection of text, pixels, links and other finds from the web

Follow updates via Twitter   Follow on Google Reader   Subscribe to updates by RSS

Form elements and browser windows for Mac Firefox 3 and Vista IE7, all set in a layered Photoshop file

Because I like pain and suffering, I recreate browser UI and form elements for my mock-ups from various sources for almost every other project. (Protip: This is how inertia and laziness manifests in more work later on.)

Today, I decided to get my act together and downloaded the Browser Form Elements PSD from Teehan+Lax, the same guys who made the wildly popular iPhone GUI PSD file.

If you need more UI elements from a slightly wider range of browsers, try the Designers Toolbox’s Web Browser Elements. Also recommended, but somewhat unrelated, is the excellent Yahoo! Design Stencil Kit.

Tags:
  • browser, forms, graphics, mockup, photoshop, ui

 

Bleah!

The analysis was from Journalism.org and the very pretty chart was done by GOOD, which are both not old-school media, which runs counter to the results of the study.

Or does it?

Interesting…

Tags:
  • media, newspaper, traditional, tv, visualization, web

 

An illustrated guide written by Mark Pilgrim explaining Web Workers

Mark Pilgrim made a cute (and simultaneously ugly) illustration explaining Web Workers, a neat bit of Javascript magic that runs in parallel to the main page. It’s a clever, cool and very capable piece of technology that was sorely missing all these years.

Here’s the thing about using comics and illustrations to explain things: they tend to over-simplify the most complex things, as Mr Pilgrim has done. Wikipedia has an example using a Web Worker thread to continuously compute prime numbers – yes, prime numbers. HTML5 Web Workers are only for those who know what they’re doing.

For the rest of us… hey, what else could go wrong?

Tags:
  • computing, html5, javascript, threading, web workers

 

Welcome to the new decade. Java is a restricted platform, Google is evil, Apple is a monopoly and Microsoft are the underdogs.

›› A little Twitter cleverness amidst all that noise

Tags:
  • apple, evil, google, java, microsoft, monopoly

 

Increase organic growth by exposing audiences to the brand through breakthrough viral communications

›› An indispensable social media strategy generator

Tags:
  • brand, bullshit, community, generator, social networking, viral

 

What a load of utter bullshit

Actually, HTML5 works just fine with Firefox, Chrome and Opera. It’s just that Apple’s demo page has some Webkit-specific features enabled. So much for Steve Jobs rejecting Flash because it was not an open standard.

Tags:
  • apple, browser, html5

 

A screen shot from Emblematiq’s Niceforms

Styling HTML forms using just CSS has some drawbacks, especially when it comes to elements and tags like radio buttons.

One way to dance around this limitation is to use a JavaScript library like jQuery to do some pretty nifty form styling. Here’s a quick list of free and good jQuery plugins to help skin HTML forms:

  1. Niceforms:
    Lucian Slatineanu has an excellent script for replacing the boring default HTML form elements. It’s also very easy to customise and build your own theme. (See the Demo.)
  2. jqTransform:
    Another easy-to-use script that’s good on the eye and also customisable.
  3. (Functional) Pretty Forms:
    I’ve not used this before, but on first glance, it doesn’t look too hard to implement and looks minimal and slick.
  4. jNice:
    jNice is nice and looks great but there doesn’t seem to be much documentation.

One major caveat: Your mileage for IE6 support may vary—don’t hold your breath. I seriously consider the job done if the scripts degrade gracefully (as Niceforms does).

Tags:
  • cross-browser, css, forms, html, javascript, jquery, style

 

My eyes really hurt, but I am really going to make a t-shirt out of this

Tags:
  • animation, banner, blink, funny

 

Brilliantly executed

Tags:
  • browser, css, genius, html, idea, ie6, photo

 

That’s some seriously insane (but totally valid) CSS by Román Cortés.

And now I’m feeling thirsty.

Tags:
  • coke, css, displacement, html, paper vision

 

Tags:
  • animation, google, history

 

Seeeeeee ittttttt onnnnn www.yooouuutuuube.com

Weirdly brilliant, yooouuutuuube.com takes a YouTube video and cuts it all up into some bizarre lomo action sampler-like strips. I used the Doves‘ excellent Black and White Towns video to try it out but I think it’d probably work better with psychelic or cheesy 80s videos.

Tags:
  • action sampler, flash, video, weird, youtube

 

Most comments suck, which is why I don't bother with a commenting system around here

A good topic for discussion on It’s Nice That. I think I may drop by and anonymously comment on how awesome the topic is…

Tags:
  • anonymous, blog, comments, discussion, meme

 

YouTube as your website — clever!

Tags:
  • agency, interactive, interface, tubesite, video, web, youtube

 

The question is, how much time and energy do I want to spend chasing these guys… My sense is that most of them live in basements floored with carpeting remnants, living on Funions and discount beer.

›› Gotta love Stephen King

Tags:
  • author, download, e-book, piracy, stephen king

 

Hello

Most folks who visit random notes seem to hang around for about 9.413 minutes on average.

My name is and I fear my eyesight is failing, which may force me to increase the type size around here.

Random Ho-Hum

“…synchronise your watches to the sky…”

Random Recommendations

Random Categories

Older Random Notes

Random Friends

Archives

Search Random Notes

Random Tags

· · · · · · · · · · · · · · · · ·

Random Finds

  • JS1k, 1k Javascript demo contest
  • Memristor [Wikipedia]
  • Lanyrd, the social conference directory
  • Mobile Notifications for Everything - Notifo
  • Cut&Paste
  • Instinctiv - A Better Music Player for Mac OS X
  • Web Fonts. Delivered ∗ Kernest
  • Yellow Bird Project : Charity T-Shirts
  • NeoOffice - Mac OS X office software funded entirely by donations
  • Op-Ed Contributor - Google’s Earth - NYTimes.com
  • Google Code University - Google Code
  • YI-HSIN TZENG

See more random finds on delicious

Random Consumerism

  • The Perry Bible Fellowship Almanack

    The Perry Bible Fellowship Almanack (Hardcover)

  • Nirvana

    Nirvana (Paperback)

  • AirCraft: The Jet as Art

    AirCraft: The Jet as Art (Hardcover)

  • Drainspotting

    Drainspotting (Hardcover)

  • Thoughts on Interaction Design

    Thoughts on Interaction Design (Paperback)

  • Something for Everybody

    Something for Everybody (Audio CD)

  • Super Sad True Love Story: A Novel

    Super Sad True Love Story: A Novel (Hardcover)

  • Watchmen: The Director's Cut (Two-Disc Special Edition)

    Watchmen: The Director's Cut (Two-Disc Special Edition) (DVD)

  • The Suburbs

    The Suburbs (Audio CD)

  • Record Collection

    Record Collection (Audio CD)

  • Graphic Design, Referenced: A Visual Guide to the Language, Applications, and History of Graphic Design

    Graphic Design, Referenced: A Visual Guide to the Language, Applications, and History of Graphic Design (Hardcover)

  • Serious Drawings

    Serious Drawings (Hardcover)

Visit Amazon.com for more stuff you might not need

Random Moving Images

  • CITIZEN
  • Lovely Bloodflow
  • Kennisland - BvdT
  • Trailer: Dragon Age 2 - Destiny
  • SHOWstudio: The Fashion Body - Buttocks
  • Blasted Mechanism - Start to move
  • TRI▲NGLE
  • The Rebel Kind
  • Moshun
  • Mystery Jets - Melt
  • WindMaker
  • Between Bears

Go to Vimeo for more moving images

Random Music

Connect with me on Last.fm

Random News

Random Catenation

Beep. 35 queries. 0.840 seconds.