Webdesigninformer.com

Adactio Go to the source

I’ve published the transcript of a talk I gave at An Event Apart in 2010 . It’s mostly about interaction design, with a couple of diversions into progressive enhancement and personality in products. It’s called Paranormal Interactivity . I had a lot of fun with this talk. It’s interspersed with videos from The Hitchhiker’s Guide To The Galaxy , Alan Partridge , and Super Mario , with special guest appearances from the existentialist chalkboard and Poshy’s upper back torso . If you don’t feel like reading it , you can always watch the video or listen to the audio . … Read the rest here

Adactio Go to the source

At last November’s Build conference I gave a talk on digital preservation called All Our Yesterdays : Our communication methods have improved over time, from stone tablets, papyrus, and vellum through to the printing press and the World Wide Web. But while the web has democratised publishing, allowing anyone to share ideas with a global audience, it doesn’t appear to be the best medium for preserving our cultural resources: websites and documents disappear down the digital memory hole every day. This presentation will look at the scale of the problem and propose methods for tackling our collective data loss. The video is now on vimeo . The audio has been huffduffed … Read the rest here

Snook Go to the source

From my presentation at StarTech , here are my slides. Fake it ’til you make it shows some code and examples on how to make a web app look more like a native mobile application. This can provide a way to build quick prototypes or to build using familiar technologies. … Read the rest here

Adactio Go to the source

I spoke at the DIBI conference back in June . It was a really good event, despite its annoying two-track format. My talk was entitled One Web : The range of devices accessing the web is increasing. We are faced with a choice in how we deal with this diversity. We can either fracture the web by designing a multitude of device-specific silos, or we can embrace the flexibility of the web and create experiences that can adapt to any device or browser… Read the rest here

Eric Meyer Go to the source

For very little reason other than I was curious to see what resulted, I’ve compiled a list of various CSS modules’ version histories, and then used CSS to turn it into a set of timelines . It’s kind of a low-cost way to visualize the life cycle of and energy going into various CSS modules. I’ll warn you up front that as of this writing the user interaction is not ideal, and in some places the presentation suffers from too much content overlap. This happens in timelines where lots of drafts were released in a short period of time. … Read the rest here

Jason Santa Maria Go to the source

This year marks my site’s tenth birthday online, so I’m celebrating with a new design edition. This is number five! I noticed something with my last site a little while ago. The custom designed articles I was posting (and that I loved to post) were keeping me from writing more regularly. It had nothing to do with the time involved to design those article, I usually kept things simple and got to be pretty fast at it, but more the presentation that bugged me. In order to post something, I felt it couldn’t be short or just a quip on a topic, it had to be substantial. I fell into a design trap I unknowingly set for myself. … Read the rest here

Adactio Go to the source

If you were at An Event Apart in Boston and you want to follow up on some of the things I mentioned in my talk, here are some links: Stock and Flow by Robin Sloan. Archive Fever by Matt Ogle. This Place Is Not A Place Of Honor on Damn Interesting. The 10,000 Year Clock by The Long Now Foundation. Carl Sagan And Ann Druyan’s Ultimate Mix Tape by Radiolab. Small Pieces, Loosely Joined by David Weinberger. … Read the rest here

Eric Meyer Go to the source

I just shipped off the last of my drafts for CSS Pocket Reference, 4th Edition to my editor. In the process of writing the entries, I set up an ad-hoc test suite and made determinations about what to document and what to cut. That’s what you do with a book, particularly a book that’s meant to fit into a pocket. My general guide was to cut anything that isn’t supported in any rendering engine, though in a few cases I decided to cut properties that were supported by a lone browser but had no apparent prospects of being supported by anyone else, ever. For fun, and also to give fans of this or that property a chance to petition for re-inclusion, here are the properties and modules I cut… Read the rest here

Andy Budd Go to the source

I’ve been coming to SXSW for 7 years and I’ve seen it change from a small and intimate event to the tech sector’s equivalent of Glastonbury. Back then bloggers were king and CSS2.1 was the hot technology of the day. Today the conference has gone from 2,500 people to an astonishing 25,000. Blogging is considered old hat, and the new tech superstars are the start-up founders, the professional publishers and the best selling authors. … Read the rest here

Eric Meyer Go to the source

A few changes for beta 2 of the updated reset, presented here: /* http://meyerweb.com/eric/tools/css/reset/ v2.0b2 | 201101 NOTE: THIS IS A BETA VERSION (see previous line) USE WITH CAUTION AND TEST WITH ABANDON */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ”; content: none; } table { border-collapse: collapse; border-spacing: 0; } First, the small changes: adding embed , output , and ruby to the first rule. I went back and forth on these quite a bit, which is why they weren’t in the first cut. However, none of them seem to be replaced so they’re in. Others, such as command , are replaced and so stay out for the same reason that form inputs are left out. ( img is a special case.) The HTML5 element I’m still stuck on is datalist , which seems sort of replaced but then again maybe not. I’m really close to including it on the same grounds that I include canvas , but it’s hard to know if that’s a good idea… Read the rest here

Cameron Moll Go to the source

My thoughts regarding Instagram as Flickr

Cameron Moll Go to the source

Adactio Go to the source

I mentioned in my last post that I was looking for volunteers to help transcribe the video of my talk at Fronteers 2010 . I didn

Cameron Moll Go to the source

David McCandless: The Beauty of Data Visualization : This 18-minute TED talk is worth watching. I

Cameron Moll Go to the source

Good vs. Great Design (Video) : Video from my presentation,

Cameron Moll Go to the source

Stanford University: iPhone Application Development (iTunes) : If you

Cameron Moll Go to the source

The Declaration of Independence, Rendered with CSS3 and @font-face : The markup is fairly clean, but still somewhat presentational. On the whole, however, this is nicely executed. … Read the rest here

Cameron Moll Go to the source

The Cure for Creative Blocks? Leave Your Desk. : Jocelyn K. Glei, writing for The 99 Percent: Though we are more likely than ever to be tethered to others by our iPhones and Blackberries, it

Cameron Moll Go to the source

Flickr Realigns its Photo Page : Not a drastic overhaul, but it needn

Hicksdesign Go to the source

I’ll be doing a 5 minute microslot on CSS filters at the next Oxford Geek Night on July 21st. CSS filters is the practice of linking to your stylesheets in different ways in order to control how different browsers and their versions get your CSS . It’s something I get quite a lot of questions about when people look at my source code, so I thought I’d explain it via a presentation! The OGN microslot is the ideal format for it. If you live nearish to Oxford, and haven’t been to Geek Night yet, do come and see what you’re missing. It’s a free event (sponsored by local gents/superstars Torchbox ) in the Jericho Tavern in Oxford… Read the rest here