Tags: ratio

A Single Div

Wonderfully creative use of CSS gradients, borders, box-shadows, and generated content.

Kyle Bean - Whistleblower

If you picked up the Guardian this weekend, you’ll have seen some brilliant work by Kyle on the cover (and inside) the magazine section.

Best Collaborative Project : The Net Awards 2014

Well, this is nice: the Line-mode browser hack has been nominated in the Best Collaborative Project in the Net awards.

But 24 Ways has also been nominated, and let’s face it, that really is the best collaborative project.

Windows of New York | A weekly illustrated atlas

Lovely little graphics inspired by New York architecture.

An Hour of Code spawns hours of coding

Here’s a heartwarming tale. It starts out as a description of processing.js project for Code Club (which is already a great story) and then morphs into a description of how anyone can contribute to make a codebase better …resulting in a lovely pull request on Github.

Ask About Going Home

Some examples to illustrate the UK Border Agency’s latest campaign.

Galaxy Zoo Quench

This is quite remarkable. Now that the Galaxy Zoo project from Zooniverse has successfully classified all its data (already a remarkable achievement), its volunteers are now collaborating on writing a scientific paper.

There’s something going on here. This isn’t just a “cool” or “cute” link—this is the first stirring of something entirely new that is made possible by network technology.

Reflections on An Event Apart DC 2013

Jason pulls together some of the themes that emerged at An Event Apart DC this week.

A few words on Doug Engelbart

A beautiful eulogy for Doug Engelbart by Bret Viktor, not celebrating the laundry list of his inventions, but celebrating his intent in making the world a better place.

Engelbart had an intent, a goal, a mission. He stated it clearly and in depth. He intended to augment human intellect. He intended to boost collective intelligence and enable knowledge workers to think in powerful new ways, to collectively solve urgent global problems.

2001: A Space Odyssey

A really nice piece on Robert McCall, who was artist-in-residence at NASA and worked as conceptual artist on Kubrick and Clarke’s 2001: A Space Odyssey.

Kyle Bean - Portfolio

Kyle’s new site is looking lovely and responsive (thanks to Josh). But mostly it just gets out of the way so you can take in his truly amazing work.

Antiphonal Geometry · Harmony and proportion in responsive web design

This is the full text of Owen’s talk at the Responsive Day Out. It makes for a terrific read!

Springboard – Coming soon from Clearleft

The latest Clearleft product will be like having an intensive set of discovery, collaboration, and exploration workshops in a box. Perfect for startups and other small businesses short on time or budget.

It starts in Spring but you can register your interest now.

Antiphonal Geometry: harmony and proportion in responsive web design

The slides from Owen’s magnificent talk at the Responsive Day Out …but you really had to be there.

Editorially: Write Better

A collaborative writing tool built by a dream team. I’ve been using it for a while now and it’s very nice indeed.

Metadesign at Hack Farm by James Box

James’s notes from the most recent Hack Farm show that, even without a finished product, there were a lot of benefits.

Rhythm And Proportion In Grids And Type - Vanseo Design

A really nice piece on scale, ratio and rhythms in web design.

Organized Wonder | Curated documentaries, interviews, short films, and other top videos from around the web.

This is like a video version of Huffduffer (without the timeshifting). It’s very nicely done.

Jess & Russ

This is so lovely! The story of Jessica and Russ’s romance, illustrated by fifteen of their friends.

Fictional magazine covers from Blade Runner - a set on Flickr

Magazine covers created by Tom Southwell for background scenes in Blade Runner.

Context-Free Patent Art

This is wonderfully random: illustrations used to illustrate patent applications but without the context.

inspiring toilets

Inspired by the recent .net magazine article on “20 leading web designers’ desks for your inspiration”, here’s a blog dedicated to the place where the real web design magic happens: the designer’s poostation.

Deutsch Doodles

These lovely doodles from Carla give me Fernweh for Germany.

GATHER. A Graphic Novel by Anton Peck — Kickstarter

Anton is a fantastic artist. Therefore, this graphic novel will be fantastic. Therefore, you should back the hell out of it.

A List Apart: Articles: Creating Intrinsic Ratios for Video

This really is a ridiculously smart way of keeping third-party videos scalable in responsive layouts. I’ve just implemented it on this year’s dConstruct site.

Throw away Photoshop and be true to your medium | Government Digital Service

How designing in the browser works for rapid iteration.

Whales | Home

Yet another fantastic citizen science project from Zooniverse: Whale.fm.

You can help marine researchers understand what whales are saying. Listen to the large sound and find the small one that matches it best.

Sly Mongoose: A Responsive Digital Comic Proof-of-Concept

A responsively designed comic. Yeah, you heard me right. Responsive. Comic!

Just keep going — Owltastic — writing about web design by Meagan Fisher

A very honest post from Meagan that I can relate to (and Jessica too, I suspect).

Web Typography for the Lonely

A collection of experiments in typography using canvas, SVG, JavaScript and whatever else it takes.

100 Year Starship Study

Now this looks like a fascinating project …and there’s a symposium happening in Florida at the end of September with Jill Tartar, Stewart Brand and more. I want to go to there.

Explorations in Typography / Mastering the Art of Fine Typesetting

What a great way to sell a book with “explorations” in the title—play around with the font size, leading, alignment (and browser window size).

Archives & Museum Informatics: Museums and the Web 2010: Papers: Cope, A.S., Buckets and Vessels

Here’s one to add to Instapaper or Readability to savour at your leisure: Aaron Straup Cope’s talk at Museums and the Web 2010:

This paper examines the act of association, the art of framing and the participatory nature of robots in creating artifacts and story-telling in projects like Flickr Galleries, the API-based Suggestify project (which provides the ability to suggest locations for other people’s photos) and the increasing number of bespoke (and often paper-based) curatorial productions.

Get Ratio

A handy little tool for quickly generating ratios (like the golden section) from a number.

The Story of the HTML5 Shiv « Paul Irish

This dovetails nicely with my recent post about the spirit of distributed collaboration. Here’s a great little bit of near-history spelunking from Paul, all about styling new HTML5 elements in pesky older versions of Internet Explorer.

In Radiolab We Trust

A great way of supporting the best podcast on the planet: a limited set of prints by five designers, illustrators and artists. Grab yours quick before they’re all gone.

Samantha Warren’s Web Design Blog | Design ~ Web Typography ~ Inspiration

An excellent design technique from Samantha that allows you to nail down a visual vocabulary without using something as wishy-washy as a mood board or as rigid as a fully-blown comp. Brilliant!

The style tile is not a literal translation of what the website is going to be, but a starting point for the designer and the client to have a conversation and establish a common visual language.

F*ck Yeah Headlines

Each weekday I find a headline on a major news site, and illustrate it without reading a word of the story.

100 Little Robots (by) Anton Peck (in) Journal

I love watching an artist at work. Right after watching the accompanying video, I ordered a robot postcard from Anton.

McSweeney’s Internet Tendency: A 12-Year-Old Explains the Information Age’s Facts of Life to Her Mother.

Cute.

Brendan Dawes - FOTB2010 on Vimeo

Brendan giving one of the “inspired sessions” at last year’s Flash On The Beach one evening in the Brighton Dome.

The Web Is a Customer Service Medium (Ftrain.com)

An excellent piece of writing on the fundamental question of the web: Why Wasn’t I Consulted?

New Statesman - Inside the Parliament Square kettle

A well-written account of a disgraceful situation. "We all go down together, horses looming above us, baton blows still coming down on our heads and shoulders. I am genuinely afraid that I might be about to die, and begin to thumb in my parents' mobile numbers on my phone to send them a message of love."

Split Postage

A nifty idea to help you people save on postage by clubbing together to make a single Amazon purchase.

8 BIT WOOD | serving all your wooden pixel needs

We need to make sure that Shaun Inman never discovers this site.

Frank Chimero - How to Have an Idea

Stephen Johnson wrote a book. Frank Chimero did a doodle.

Simon Collison | Colly | Journal | dConstruct workshop

Colly shows the results of his dConstruct workshop: great stuff!

Unicorn Being a Jerk : C. W. Moss

That unicorn is such a jerk.

Frank Chimero — Holiday

Burnout is a bitch.

Evolution and Creativity: Why Humans Triumphed - WSJ.com

Matt Ridley's new book sounds like a corker.

Design Swap - Spreading camaraderie through good design

An exercise in collaboration and perspective: let another designer touch your website while you touch theirs.

Don’t listen to Le Corbusier—or Jakob Nielsen : Cheerful

A beautiful call to arms against engineerism in design. Software cries out for love.

Good Kickoff Meetings

The companion website to Kevin Hoffman's IA Summit talk, this is a hugely valuable resource for an often-overlooked part of the design process: the kick-off meeting.

Axe Cop

A web comic written by a 5 year old (illustrated by his father).

kung fu grippe : Making the Clackity Noise

I want to frame this and mount it on my wall so I will see it every day.

Jonathan Harris . World Building in a Crazy World

I don't agree with everything in these vignettes but they make for an good, thought-provoking read.

Questionable Characters | Home

A beautifully presented site wherein Ben and Frank endeavour to answer your design-related questions.

teoskaffa.com AND THAT'S WASSUP

I don't normally like all-Flash sites and I really don't like sites that mess with my cursor* but this one works really well. * I'm looking at you, Harry Potter Twitter site with the password anti-pattern.

Missed Connections

"Messages in bottles, smoke signals, letters written in the sand; the modern equivalents are the funny, sad, beautiful, hopeful, hopeless, poetic posts on Missed Connections websites. Every day hundreds of strangers reach out to other strangers on the strength of a glance, a smile or a blue hat. Their messages have the lifespan of a butterfly. I'm trying to pin a few of them down."

Incredibles - The Chairs

All the chairs in Pixar's The Incredibles.

Ficly - A better, shorter story

Ficlets is back ...as Ficly. Take that, AOL: this site is just too good to roll over and die.

What’s Golden | Jason Santa Maria

An excellent piece by Stan in which he questions (without rejecting out of hand) applying proportion-based rules to the web, a medium with inherently fluid proportions.

concept ships

An online animated spaceship and experimental aircraft art magazine. Gorgeous.

theunbook.com

An approach to releasing community-driven books that is more like software than traditional book publishing. Think versions instead of editions.

husk.org. chaff. Aggregation and the Edge.

Paul Mison shares his thoughts on moving towards a decentralised web of services rather than silos of data. "Now I'm wondering: is there a space for a piece of user-installable software, like Movable Type or Wordpress, that aggregates their data from sites across the web, and then presents it as a site? If there is, is it even possible to write it in a way that anyone who couldn't have written it themselves can even use it?"

Us Now - Home

A film project about the power of mass collaboration, government and the internet.

Quotes on Design

Like a crowdsourced version of Eno's oblique strategies.

atomictoy - dude-a-day

365 days of hand-drawn exemplars of dudeness.

Spacehack

This looks wonderful: "a directory of ways to participate in space exploration." I'll be keeping my eye on the Elevator:2010 project.

Interview @MarsPhoenix - Universe

An interview with Veronica McGregor, the human being behind the wonderful MarsPhoenix Twitter account.

Designing for hyper-connectivity - SlideShare

This talk that James gave in Bristol last week is chock full of great stuff. Well worth a read/look.

Designing for hyper-connectivity from James Box

OpenID usability is not an oxymoron | FactoryCity

Chris has written an in-depth critique of the state of OpenID, focusing strongly on usability.

- web without sense

A useful collection of frustrations. Find an suitable one to send to a client today.

How to... Solve the meaning of life | Mail Online

The inimitable Dr. Brian Cox gives us a peek into the state of play with the Large Hadron Collider. "Because of its size and ambition, the LHC could inspire an entire generation to rediscover the value of exploration in the way Apollo inspired me …

Star Wars: Collecting | Noriyoshi Ohrai: Star Wars Illustrator

Strikingly different illustrations of the Star Wars pantheon from Japan.

They’re Working on Their Own, Just Side by Side - New York Times

Coworking is on the radar of mainstream media. This article even includes a mention of Brighton & Hove's very own The Werks.

Do's and don'ts with babies :: Hilarious pics

Airtoons for parents.

More regrettable incidents in a life filled with bitter remorse - a photoset on Flickr

Sketchbook pages scanned and uploaded to Flickr.

Flickr: The Commons

Here's a fantastic collaboration with the Library of Congress. We are being asked to collectively tag historic pictures with no known copyright restrictions. Wonderful idea! Are you watching, British Library?

Flight thru Instruments - a photoset on Flickr

A collection of beautiful illustrations scanned from a flight-training manual.

Secret Websites, Coded Messages: The New World of Immersive Games

Reznor had stepped into a new kind of interactive fiction, one where players don't just passively consume the story.

No Ideas But In Things

"No Ideas But In Things is a library of controls, animations, layouts, and displays that might be a source of inspiration for interaction designers. Dan Saffer is the curator. The title comes from a William Carlos Williams poem."

iPhone/iTouch Backgrounds, Set 1 · Journal · AntonPeck.com

Awesome iPhone wallpaper images from the awesome Anton.

Spam One-liners - a photoset on Flickr

When life gives you lemons, make lemonade. When life gives you spam, make pretty pictures.

hyperpeople » Blog Archive » Mob Rules (The Law of Fives)

The text of Mark Pesce's excellent presentation at Web Directions South.

NCSE Resource

To counter the creationists' lists of "scientists who doubt evolution" here's a list of scientists named Steve who support Darwin's theory. (via Steven Pinker's Q&A after a lecture last week)

CSS Eleven | Malarkey Rides Again

Here's the in-depth lowdown on the CSS Eleven supergroup announced by Andy at Web Directions South last week.

si scott design

Beautiful artwork in a minimalist interface. But you'd better have your browser window maximised on a big monitor. *sigh*

Hand Signals

How to interpret those military hand signals they always use in the movies.

Duo Consulting Blog: An Event Apart – Exploring Web Standards & Emerging Best Practices

By far the best round-up of AEA Chicago. "Jeremy Keith looks a bit like Alan Rickman's Severus Snape in Harry Potter."

The Eachday Blog — Die Speech Bubble Logo, Die.

“Attention all startups, it’s a bad idea to hang your ID hat on a speech bubble. Just don’t.”

Unstoppable Robot Ninja

Sidesh0w is dead! Long live the new Ethan! I for one welcome our unstoppable robot ninja overlords.

The National Day of Awesomeness! March 10, 2008

Because everyone needs a chance to be awesome. Add this date to your diary.

Mysql database migration and special characters | Orthogonal Thought

This article is a life-saver for me. I'm constantly having trouble with special characters when I'm backing up databases for local copies of my sites.

Creating Passionate Users: The Asymptotic Twitter Curve

Kathy Sierra doesn't like Twitter. Join us, Kathy... be a lover, not a hater.

design fckr™ keeping track of design stuff so you don't have to...

A new site dedicated to design, both on the Web and off.

Web Directions North » Blog Archive » Web Directions North open for business

Registration is now open for Web Directions North in Vancouver in February. Come for the geeky presentations, stay for the skiing.

----43 BEDS----

This local artist does great things with mackerel. I think I might have to get a piece to hang in the new flat.

Grease Monkey Graphic Novel

Read the first two chapters of Tim Eldred's graphic novel online.

BBC - Radio 4 - 5 Numbers

Simon Singh talks about zero, pi, the golden ratio, the square root of minus one, and infinity.