Bootstrap is a product of Twitter. If you want your team to work like Twitter’s team, then by all means use Bootstrap. Pick up their design language. Their tool chain. Their decisions. Don’t be surprised when it feels off every time you use it. It will.
The same goes for Material Design. Foundation. These are all products built by other teams to work for their process. Their structure.
Finding the right tool is not what I am advocating for. Making it is.
This is useful if you’re making the switch to HTTPS: choose your web server software and version to generate a configuration file.
Here’s an interesting approach to making comments more meaningful:
Instead of blindly publishing whatever people submit, we first ask them to rate the quality and civility on 3 randomly-selected comments, as well as their own. It’s a bit more work for the commenter, but the end result is a community built on trust and respect, not harassment and abuse.
A superb illustration of why playing the numbers game and dismissing even a small percentage of your potential audience could be disastrous.
Dividing the world in two.
Hillary, legendary for being the first to scale Mount Everest with teammate Tenzing Norgay, was on board, and Armstrong was, too, saying he was curious to see what the North Pole looked like from ground level, as he’d only seen it from the moon. Astronaut problems.
A beautiful bit of design fiction.
Marc and I have chatted before about the challenges involved in arranging the flow of talks at a conference. It’s great that he’s sharing his thoughts here.
Sounds like a cute idea, right?
In fact it’s the best thing you’re ever likely to read on Peruvian ursine immigration.
A vision of humanity’s exploration of our solar system.
Continuous partial City And The City, courtesy of James.
Those of us who reside on the “right” side of fixed, physical borders seem to cross the electromagnetic border every day, whether overtly, by entering the right passwords and credit card numbers, or covertly, as when using VPNs to watch TV programs viewable only in other territories. Those on the “wrong” side are subjected to a different but analogous battery of tests, intensifying at the physical border but often carried out far from it, in networked enclaves or foreign transit zones or aboard floating teleconference platforms in international waters.
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.
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.
Wonderfully creative use of CSS gradients, borders, box-shadows, and generated content.
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.
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.
Lovely little graphics inspired by New York architecture.
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.
Some examples to illustrate the UK Border Agency’s latest campaign.
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.
Jason pulls together some of the themes that emerged at An Event Apart DC this week.
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.
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’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.
This is the full text of Owen’s talk at the Responsive Day Out. It makes for a terrific read!
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.
The slides from Owen’s magnificent talk at the Responsive Day Out …but you really had to be there.
A collaborative writing tool built by a dream team. I’ve been using it for a while now and it’s very nice indeed.
James’s notes from the most recent Hack Farm show that, even without a finished product, there were a lot of benefits.
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.
This is so lovely! The story of Jessica and Russ’s romance, illustrated by fifteen of their friends.
Magazine covers created by Tom Southwell for background scenes in Blade Runner.
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.
Anton is a fantastic artist. Therefore, this graphic novel will be fantastic. Therefore, you should back the hell out of it.
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.
How designing in the browser works for rapid iteration.
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.
A responsively designed comic. Yeah, you heard me right. Responsive. Comic!
A very honest post from Meagan that I can relate to (and Jessica too, I suspect).
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.
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).
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.
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.
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.
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.
Each weekday I find a headline on a major news site, and illustrate it without reading a word of the story.
I love watching an artist at work. Right after watching the accompanying video, I ordered a robot postcard from Anton.
Brendan giving one of the “inspired sessions” at last year’s Flash On The Beach one evening in the Brighton Dome.
An excellent piece of writing on the fundamental question of the web: Why Wasn’t I Consulted?
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.
We need to make sure that Shaun Inman never discovers this site.
Stephen Johnson wrote a book. Frank Chimero did a doodle.
Colly shows the results of his dConstruct workshop: great stuff!
That unicorn is such a jerk.
Burnout is a bitch.
Matt Ridley's new book sounds like a corker.
An exercise in collaboration and perspective: let another designer touch your website while you touch theirs.
A beautiful call to arms against engineerism in design. Software cries out for love.
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).
I want to frame this and mount it on my wall so I will see it every day.
I don't agree with everything in these vignettes but they make for an good, thought-provoking read.
A beautifully presented site wherein Ben and Frank endeavour to answer your design-related questions.
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."
All the chairs in Pixar's The Incredibles.
Ficlets is back ...as Ficly. Take that, AOL: this site is just too good to roll over and die.
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.
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?"
A film project about the power of mass collaboration, government and the internet.
Like a crowdsourced version of Eno's oblique strategies.
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.
An interview with Veronica McGregor, the human being behind the wonderful MarsPhoenix Twitter account.
This talk that James gave in Bristol last week is chock full of great stuff. Well worth a read/look.
Chris has written an in-depth critique of the state of OpenID, focusing strongly on usability.
A useful collection of frustrations. Find an suitable one to send to a client today.
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 â€¦
Strikingly different illustrations of the Star Wars pantheon from Japan.
Coworking is on the radar of mainstream media. This article even includes a mention of Brighton & Hove's very own The Werks.
Airtoons for parents.
Sketchbook pages scanned and uploaded to Flickr.
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?
A collection of beautiful illustrations scanned from a flight-training manual.
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 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."