Science Hack Day: Serious Fun in the Making
It’s impossible to predict the creations that will spring forth when people gather in the spirit of participation, collaboration, and benign anarchy at the next Science Hack Day, but the results are certain to be inspired, and inspiring.
Beautiful visualisations of science and nature.
Made with love by a designer with a molecular biology degree.
Keep ’em Separated — ericportis.com
I share the concerns expressed here about the “sizes” attribute that’s part of the new turbo-powered img element (or “the picture element and its associates”, if you prefer). Putting style or layout information into HTML smells bad.
This is a concern that Matt Wilcox has raised:
Change the design and those breakpoints are likely to be wrong. So you’ll need to change all of the client-side mark-up that references images.
I can give you a current use-case: right here on adactio.com, you can change the stylesheet …so I can’t embed breakpoints or sizes into my img elements because—quite rightly—there’s a separation between the structural HTML layer and the presentational CSS layer.
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.
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.
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
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.
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.
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."
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.
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.
"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.
An online animated spaceship and experimental aircraft art magazine. Gorgeous.
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.
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.
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.
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*
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.