Skip to main content
Ryan Orban

Ryan Orban

Subject
10 entries

Web Design

Bookmarks

  1. Displaying Content as a Graph

    An exploration of displaying web content as a graph rather than a hierarchy — examining the advantages of non-linear navigation, the pitfalls of disorienting users, and case studies of sites that have tried it. Advocates for graph structures where meaningful relationships exist between content nodes.

  2. Typewolf: Site of the Day Archive

    Typewolf's Site of the Day archive — curated real-world examples of excellent typography in web design, each tagged with the typefaces used. An invaluable reference for designers who want to see typefaces in context rather than on specimen pages.

  3. Tufte CSS

    Tufte CSS brings Edward Tufte's book typography principles to the web — wide margins for sidenotes, clean serif typography, and minimal chrome. A CSS library for anyone who wants their web writing to read like a well-designed book.

  4. Colourco.de – Find Your Colour Scheme

    Colourco.de — a browser-based color scheme generator that lets you pick harmonious palettes interactively using color theory rules (complementary, analogous, triadic). A clean early example of applying color theory algorithmically in a web tool.

  5. User Experience Trends for Admin Dashboards

    Speckyboy's roundup of UX trends for admin dashboards in 2013 — covering the shift to data-dense responsive designs, flat UI aesthetics replacing skeuomorphism, and the emerging design language for metrics and analytics interfaces.

  6. Flat UI Design — A Showcase

    fltdsgn.com is a showcase gallery of flat UI design work — a 2013 curated collection of the design aesthetic that was displacing skeuomorphism across mobile and web interfaces. A gallery artifact from the peak of the flat design movement.

  7. The Responsive Designer

    Simon Foster's 2012 piece on what it means to be a 'responsive designer' — written two years after Ethan Marcotte coined the term. Captures the moment when responsive web design was shifting from technique to standard practice, driven by mobile's rapid growth.

  8. Customize Twitter Bootstrap to Not Look Bootstrap-y

    A guide to customizing Twitter Bootstrap so your site doesn't look like every other Bootstrap site in 2012. The default Bootstrap aesthetic had become so recognizable that it was a liability for any product that wanted to appear design-forward.

  9. Design Process in the Responsive Age

    Smashing Magazine's UX Design on adapting the design process for the responsive web era — published in May 2012, when responsive design was shifting from novel to expected. The key challenge: designing for an infinite range of screen sizes rather than a fixed canvas.

  10. Just My Type

    Dan Eden's essay on web typography — choosing typefaces, pairing them well, and why type decisions shape the feel of everything on the page. One of those 2012 pieces that helped a generation of web designers think seriously about type.

All bookmarks