- Periodic Table of the Elements - Josh Duck
- Angelina Fabbro: Inspector Web and the Mystery of the Shadow DOM -- JSConf EU 2012 - YouTube
- ❍ IcoMoon
- Early sketches from the web's finest — LayerVault Blog
- xdissent/ievms · GitHub Microsoft provides virtual machine disk images to facilitate website testing in multiple versions of IE, regardless of the host operating system. Unfortunately, setting these virtual machines up without Microsoft's VirtualPC can be extremely difficult. The ievms scripts aim to facilitate that process using VirtualBox on Linux or OS X. With a single command, you can have IE6, IE7, IE8 and IE9 running in separate virtual machines.
- The Useless Web
- ÜberConference - Free Visual Conference Calls
- UX Stage Click through prototyping app for iPhone.
- the Interactive - Stories of everyday interaction
If you can, give to the Red Cross to provide support to Hurricane Sandy victims, and help elect a president who will keep FEMA in tact.
- All The Cheat Sheets That A Web Developer Needs | Top Design Magazine - Web Design and Digital Content
- Competing on easy by Jason Fried of 37signals "[T]he part of easy I like is when you take an existing problem, study it until it becomes clear, toss out everything that makes it blurry, and carefully polish what’s left over."
- If the government can do it…. (a love letter to Gov.uk) | disambiguity
- Ethiopian kids hack OLPCs in 5 months with zero instruction | DVICE
- Clear For Mac Coming Next Week with iCloud Sync, Updated iPhone App
- Optimal Workshop Interactive infographic by Andrew Mayfield quantifying value of UX design and making the world a better place.
- Why Design: Sam Hecht and Kim Colin "We need contrast and tension to be able to create." I love how these designers talk about these factors of their design environment and the balance that comes out of tension. I think about these ideas in terms of my workspace, and try to seek out the same sense of interior and exterior space, quiet solitude inside and energy outside, detail and larger context, closeness and vastness. It reminds of what Bruce Springsteen said about keeping 2 opposing ideas in your head at one time.
- The Four Quadrants of Time Management « Alex Czartoryski's Blog The Four Quadrants of Time is a time management matrix popularized by Stephen Covey in his book The 7 Habits of Highly Effective People. It is a way to help one understand and manage how you spend your time by assigning Urgency and Importance to the things you do.
- SVG Fallback, Vertical Rhythm, CSS Project Structure | Smashing Coding
- Soulver | Acqualia Zen spreadsheets.
- Getting Started with Responsive Web Design - A Dummies Guide
This is a rather long link drop because I've been doin stuff.
- Skeleton: Beautiful Boilerplate for Responsive, Mobile-Friendly Development Skeleton is a small collection of CSS files that can help you rapidly develop sites that look beautiful at any size, be it a 17" laptop screen or an iPhone.
- A Former iPhone UI Designer Defends Apple's Fake-Leather Design Philosophy | Co.Design: business + innovation + design The other side to minimalism and a reason to learn the word "Skeuomorphism."
- American Red Cross Bicycles for Volunteers With the holiday season coming soon, I'm looking for great gifts for people that don't want to receive things (I'm one of those), but who would love that the gift be given towards something that helps improve the state of the world. For a cyclist, I think a gift of a bike for a Red Cross volunteer is a fantastic idea. Maybe the pedaler in your life would agree?
- Mona Lisa with pure CSS · CodePen
- Creative Market Buy and sell handcrafted, mousemade design content.
- 16 Pixels: For Body Copy. Anything Less Is A Costly Mistake | Smashing Magazine | Smashing Magazine
- Ergonomic Adjustable Desks | Height Adjustable Work Table Commercial grade adjustable standing workstations.
- Buddha 9 To 5: The Eightfold Path to Enlightening Your Workplace and Improving Your Bottom Line: Nancy Spears: 9781598690538: Amazon.com: Books Curious to know what this is about.
- The Flat Design Era — LayerVault Blog LayerVault talks about embracing flatness and taking stand against the beveled and gradiated aesthetic of real world surfaces in design for the screen.
- Endless Icons | Free icons and creative stuff | Page 2 Min Kim's showcase of icons.
- Some advice from Jeff Bezos by Jason Fried of 37signals Jeff Bezos: [P]eople who were right a lot of the time were people who often changed their minds. What trait signified someone who was wrong a lot of the time? Someone obsessed with details that only support one point of view. If someone can’t climb out of the details, and see the bigger picture from multiple angles, they’re often wrong most of the time.
- How do our favorite tech companies make money?
- Getting sprightly with SASS | Erskine Labs Using SASS/SCSS for sprites.
- Makisu ~ CSS 3D Dropdown Concept People want to make CSS act like Flash I guess.
- CSS3 structural pseudo-class selector tester Helps you understand how the nth-child, nth-last-child, nth-of-type and nth-last-of-type CSS3 selectors work. Uses the native browser algorithm, so you're out of luck if you're on IE.
- phpconsole.com - A new way to work with PHP and JS
- Simple Grid A lightweight responsive design grid-only framework.
- Stripe: Payments for developers
- Gephi: Open source graph visualization and manipulation software "Like Photoshop for data." Gephi is an interactive visualization and exploration platform for all kinds of networks and complex systems, dynamic and hierarchical graphs. Runs on Windows, Linux and Mac OS X. Gephi is open-source and free.
- Retinafy your web sites and apps — ebook by Thomas Fuchs Thomas Fuchs' ebook on how and why to target and use high resolution graphics for retina displays.
- Easy retina-ready images using SCSS - (37signals) How to retinafy images and bundle the normal and retina rule into single stylesheet using @import image-2x with SCSS.
- adobe/source-code-pro · GitHub Fixed width font for terminal, editors, web displayed code.
- Pixelivery Pixel State Tees
- Coding Horror: Todon't "If you can't wake up every day and, using your 100% original equipment God-given organic brain, come up with the three most important things you need to do that day – then you should seriously work on fixing that. I don't mean install another app, or read more productivity blogs and books. You have to figure out what's important to you and what motivates you; ask yourself why that stuff isn't gnawing at you enough to make you get it done. Fix that."
- Irving Harper talking about paper as a versatile medium From Herman Miller's Why Design series.
- Adobe Edge Web Fonts Library Adobe teams up with Typekit to provide a free web font service served by Typekit. The free Adobe and Google Web fonts will be available on the service, including Source Sans and Source Code.
I gave a talk at Asbury Agile 2012 and have published my presentation deck and speaking notes as a zine-like mini book in a new section of this site. My friends on Instagram have seen me teasing out this talk for a few months now, and I'm happy to get the ideas out because this is something I've been thinking about ever since I started this site.
This is the perspective of someone who is starting over and taking the beginners path. Check it out.
The IA Issue of ASIS&T Journal is out, edited by Thomas Haller. Here's a listing of articles in this issue.
- Information Architecture in the Age of Complexity, by Andrea Resmini
- The Architecture of Information, by Martyn Dade-Robertson
- Optimizing Websites in the Post Panda World, by Marianne Sweeny
- A Metaphor for Content Strategy, by Carrie Hane Dennison
- How to Start Sketchnoting, by Veronica Erb
- A Conversation with Eric Reiss, Author of Usable Usability: Simple Steps for Making Stuff Better, by Thom Haller
Have been busy getting settled on the West coast, so starting back up again and a very short list of links.
- Starter League Want to be the Unicorn? Do it the now. Learn how to code, design, & ship web apps from the pros.
- Experience Maps: Understanding Cross-Channel Experiences For Gamers / nForm / Blog Gene Smith's Experience Maps example.
- Anatomy of an Experience Map From Chris Risdon's article on Adaptive Path, that I missed.
- daneden/Baseline.js Baseline.js is a simple jQuery plugin for restoring baselines thrown off by odd image sizes.
- Learnable Programming Bret Victor on designing a programming system for understanding programs.
I'm spending my final full week as a Brooklynite and feeling the bitter sweet pain of saying goodbye, while looking hopefully towards the next chapter of my life. After 19 years as a New Yorker, I'm heading with my family to live in Marin County, CA.
New York is a city that I've loved from childhood, and the only place I could see myself living as a young adult. With my head full of every cliché dream, I believed it was the place I needed to live to find myself. When I moved here I thought I would work in the art world, where I spent the first few years hustling, but I discovered my path was to lead elsewhere. I've thrived in this inspiring city for a long time, and drew energy from this place. It's helped make me who I am today.
I spent a short time in the first few years living in Manhattan at Times Square and the East Village. The rest of my days were spent primarily in Brooklyn at Cobble Hill, Boerum Hill, Sunset Park, and in the last 9 years, Park Slope. If you know me, you know I've considered myself a Brooklynite more than a New Yorker. There's an energy, creativity, diversity, and much more relaxed sense of being I've found in Brooklyn that is wonderful. But nothing lasts, and although I thought I'd live the rest of my days residing in Brooklyn, the pull to the outdoors became too strong. With 2 sons that need to bust out, break free from living in boxes, and restraining their boyish need to bounce and scream to be quiet for neighbors, the timing just feels right.
Many of the designers I've come to know, respect and admire have been my neighbors here. This town introduced me to some incredibly smart people who have influenced me, from the original group of IAs that met in Victor Lombardi's IA Salon over 10 years ago, to the more recent impromptu gatherings Lou Rosenfeld, Yoni Knoll, and I have put together with our BK/UX peeps. I've had a good run, and I've met so many incredible people here who I hope to never lose as friends. I hope none of you hold it against me for leaving to the left coast, and I thank you for your friendship.
So it's with a little sadness that I say goodbye to New York, and with hopeful anticipation that I'm welcomed to the Bay Area. If you're in San Francisco, know that I plan to spend a lot of time exploring in your beautiful city, and that I'm always looking for like-minded UXers to have coffee with. I've owed a few people a coffee date for years now.
See you on the other side.
The 2012-2013 conference calendar is lining up and I've been starting to track the upcoming events as tickets start to go on sale. I've omitted those that are already sold out. Here's what's looking interesting on my radar, listed in date order. Am sure I'm missing quite a few. This is a good start.
- Lean UX Denver
Denver, CO, Sep 20-21, 2012
Kitchener, Ontario, Sep 22–23, 2012
- Euro IA Summit
Rome, Italy, Sep 28-29, 2012
- UXcamp Ottawa
Ottawa, Canada, Oct 13-14, 2012
- Remix South
Atlanta, GA, Oct 19-20, 2012
- UXPA User Focus
Chevy Chase, MD, Oct 19, 2012
- UX Brighton
Brighton, UK, Nov 2, 2012
- User Interface 17
Boston, MA, Nov. 5–7, 2012
- MobX: Mobile Experience Design
Berlin, Germany, Nov 16-17, 2012
- MEDlove: Human-centered healthcare experience design
Berlin, Germany, Nov 23, 2012
Munich, Germany, Nov 23, 2012
- Interaction 13
Toronto, Canada, Jan 27-31, 2013
- SXSW Interactive
Austin, TX, Mar 8-12, 2013
- IA Summit
Baltimore, MD, Apr 3-7, 2013
- UX London
London, England, Apr 10-12, 2013
- RE:DESIGN/UX Design
Menlo Park, California, Apr 29–30, 2013
Seattle, WA, March 4-6 2013
- The 99U
New York, NY, May 2–3, 2013
Lisbon, Portugal, May 15-17, 2013
- The Cooper Journal: The best interface is no interface
- Matt Swanson - Move your feet The secret to improving your running—you have to start moving your feet. AKA just do it and start now.
- Responsive Web Above The Fold | CSS-Tricks Great article about taking vertical placement into consideration when doing responsive design, with techniques for detecting height and adjusting vertical space.
- Usable yet Useless: Why Every Business Needs Product Discovery Great discovery and "right design" article in ALA. "We’ve long accepted that for a product to be useful, it needs to have acceptable levels of both utility (“whether it provides the features you need”) and usability (“how easy & pleasant these features are to use”). Yet far too often, we seem to ignore the former in favor of the latter, ending up with lots of easy and pleasant applications that have no reason to exist."
- Revolutionary User Interfaces Great timeline with key user interface designs in history. Uses Timeline JS.
- The f/60 Lens Kitchen Timer I use a pomodoro occasionally as my 25 minute timer when I need to get it done. I like the red, but maybe a fake f/60 lens would look better.
- 28 Days Later Font | dafont.com Nothing says 2012 like an end of days, virus inspired font.
- puxxle: Pixel art decals My son should be making these.
- Dale Carnegie's How to Win Friends and Influence People in bullet point format Summarized as bullet point lists, but you should read it for real.
- The New Evernote Smart Notebook by Moleskine | Evernote Blogcast This could get me to start using Evernote again and carry a Moleskine rather than make my own.
- More Words In case you ever need to do something like find more words that end in "okes" for instance.
- Fbootstrapp by Clemens Krack, based on Bootstrap, from Twitter Facebook iFrame App templates for Twitter Bootstrap
Left to its own devices, the mob will augment, accessorize, spam, degrade and noisify whatever they have access to, until it loses beauty and function and becomes something else.
It seems democratic and non-elitist to set it and forget it and let the users take over. But the tools we use (Wikipedia) and the brands we covet (Nike or Ducati) resolutely refuse to become democracies.
Note: @brennen takes issue with the Wikipedia example when it comes to feature selection, and convinced me that it's not the best example to make. Although I think maybe the point is that Mediawiki implementation on Wikipedia is controlled, but whether or not the decisions about what is used in Wikipedia is democratic or not, I don't know.
Light drop this week because I was out camping for most of it. Little tidbit about the Link Drop name. I like it because it reminds me of a record needle drop.
- Keeping the goal in sight while designing component flows - (Ryan Singer) Ryan Singer looks at a product component that fails to deliver on satisfying a user's core need, and reminds not to design and reviewing components in isolation. Every build and iteration requires review and circling back to evaluate the component in terms of the need identified in the use case scenario. Put into action, he says:
How do we integrate the components back into a context for review? Ask the question: “What is the user trying to do here?” The job the user has in mind is the best integration point because the user’s mind doesn’t tidily follow the boundaries of implementation.
- Why Does Interaction Design Matter? Let's Look At The Evolving Subway Experience | Co.Design: business + innovation + design Robert Fabricant looks at the ways interaction design has had an impact on the MTA/NYC subway system from the Metrocard kiosks and turnstiles, to the signage and app ecosystem that enable better wayfinding and information use in what can be an overwhelmingly complex system to navigate. Also touches on the IXDA awards.
- Everything in its Right Pace This is a terrific essay on considering the pace of delivery of information in web products, and how in a world of constant delivery, sometimes a slower pace, selective or scant data delivery, and better signal to noise is more appropriate and valuable in a given context.
- Visually Reinforce Your Credit Card Fields (89% Get it Wrong) - Articles - Baymard Institute "It’s fortunately a relatively simple procedure to lift the perceived security of sensitive fields in your form – simply encapsulate the fields with a border or background and place your security badge nearby."
- Apple Literally Designs Its Products Around a Kitchen Table "Longtime Apple industrial designer Chris Stringer testified that the company has a small team of 15 or 16 people that fashion all of the company’s products. The group meets frequently, literally sitting around a kitchen table, to debate all products under development. “We’ll sit there with our sketch books and trade ideas,” Stringer said, appearing as the first witness in the Apple vs. Samsung trial. “That’s where the really hard, brutal honest criticism comes in.”
From there, the group puts the sketches into a computer-aided design program and, if warranted, creates a physical model. “Our role is to imagine products that don’t exist and guide them to life,” Stringer said. There could be 50 designs for a single button, he added. “We’re a pretty maniacal group of people,” he said."
Hannah Donovan's essay in A List Apart considers the issue of pace of delivery of information in web products. In a world where information is streamed constantly to us if we allow it, sometimes a slower pace, selective or scant data delivery, and better signal to noise is more appropriate and valuable. Context, medium, and place of use are important factors for determining delivery and pace.
I've been interested in the slow movement in recent years, as it relates to sustainable living, slow design, slow food, and the 1K Movement. In the summer of 2011, I was fortunate enough to experience a very special meal on a very small farm/restaurant in Italy's Le Marche region. All the food and drink prepared is grown on the farm or sourced hyper-locally, from meat and vegetables, to wine—everything within 1 kilometer. It was the most profound eating experience of my life. Little bits and pieces of that day have made me think about how my approach to work and life have become more and more connected to each other, and how much of an impact one's production and consumption decisions have on the world.
From a design and lifestyle perspective, I like to reference this summary of the philosophy of the Slow Movement by Professor Guttorm Fløistad, found on Wikipedia:
The only thing for certain is that everything changes. The rate of change increases. If you want to hang on you better speed up. That is the message of today. It could however be useful to remind everyone that our basic needs never change. The need to be seen and appreciated! It is the need to belong. The need for nearness and care, and for a little love! This is given only through slowness in human relations. In order to master changes, we have to recover slowness, reflection and togetherness. There we will find real renewal.
It's a bit touchy-feely, and lives entirely in the center of Maslow's Heirarchy of Needs. But the idea of taking a holistic approach to fulfilling needs in all things, provides the basis for actually satisfying them in other ways up the triangle. Specifically, I'm thinking of the idea of fulfilling the needs for esteem and self-actualization as one example. In a scenario where speed and volume has become the norm, how has that situation impacted our lives?
I like how Donovan tells the story of learning from the experience at Last.fm to imagine This is My Jam, a product that goes the other way, and focuses on the quality and value of the experience, using pace as the point of pivot. I like this approach. I have mostly stopped consuming from the firehose, and seek out the products that deliver a signal that I get more value from, more satisfaction, or that fulfill my basic needs with less fluff and noise. The decision to work with a product and team that follows those ideals is important to me as well.
Beth Meredith and Eric Storm summarize the concept of Slow Design.
Slow Design is a democratic and holistic design approach for creating appropriately tailored solutions for the long-term well being of people and the planet. To this end, Slow Design seeks out positive synergies between the elements in a system, celebrates diversity and regionalism, and cultivates meaningful relationships that add richness to life.
The Slow Movement is not just a lifestyle choice, but as designers, we can choose to have an impact on the world based on these ideals.