Archive for the 'Pattern Libraries' topic

Brad Frost – Building Design Systems from Atomic Elements Live!

Have you seen style tiles, element collages, or pattern libraries? These are just a few examples of how designers are reacting to the explosion of devices and interface sizes. After all, thinking about the parts of a “page”—not just the sum of those parts—helps us create smart, scalable, maintainable designs for all those newfangled technologies.

Brad Frost – Creating Responsive Interfaces

Frameworks and design patterns are no strangers in the world of web design. As responsive web design becomes common practice, making sure these templates work across every imaginable screen and device is trickier. There have been attempts to break down page elements in separate modules, but you often never see it fully assembled.

UIEtips: Atomic Design

It’s quite common for designers to develop design systems and libraries of patterns. A designer can save a considerable amount of time if they develop a reliable design system. One that goes beyond colors, fonts, grid etc but rather focuses more on how the various elements and parts become a whole. In today’s UIEtips, we […]

Adopting Pre-Made Design Patterns Doesn’t Help With The Toughest Parts

A well-built design pattern library is an extremely valuable tool for highly productive design teams. It ensures the designs they create feel like they were built by the same folks. It helps everyone on the team understand how things get put together. When combined with a component library, it can shorten development time by using […]

Nathan Curtis – Start Full Screen: Organize, Communicate, and Annotate HTML Prototypes

Nathan discusses how the team at EightShapes brought their modular philosophy to creating rich interactive prototypes using HTML, CSS, and JavaScript. He explains how, through modular thinking, they were able to write scripts that chunked aspects of their designs to repurpose and reuse across multiple pages.

UIEtips: How to Create a UX Design Library

During a podcast recording, back in 2010, Nathan Curtis of EightShapes set me on the right path regarding UX design libraries. As we were talking, I had suggested that a UX Design Library was a snapshot of what the team felt the future of the design would be like. “Oh, no!” Nathan exclaimed. “I strongly […]

Socially-Transmitted Functionality

Pull-to-Refresh is all the rage in mobile apps. Take something like the Twitter client. In the timeline, if you want to see if any new messages have been posted, you pull down on the list with your thumb, then release. The gesture signals the app to check with Twitter’s servers to see if anything new […]

UI16 Spotlight: Mobile Web Design with Luke Wroblewski

[Here's another introduction to one of the folks speaking at the User Interface 16 Conference in November.] Right now, few things are hotter topics that mobile in the design world. With the burst of smartphone and tablet technology, the mobile design landscape has just exploded. With this new landscape comes a new way of thinking […]

Materials from the Web App Masters 2011 Tour Are Now Available

If you weren’t able to attend this year’s Web App Masters Tour, we have the next best thing for you and your organization: Web App Masters 2011 OnDemand. This is your opportunity to hear all 12 Masters from the Tour give their 75-minute presentations. The OnDemand collection consists of 15 hours of audio recordings, Q&A […]

UI16 Spotlight: Simplifying Complex Applications with Hagan Rivers

[We've built this year's User Interface 16 Conference around eight important challenges facing today's UX Professionals. This is the first in a series of posts where I discuss my thoughts on those challenges and how I came to pick the expert who will be your guide at UI16. Enjoy! – Jared] What happens over time […]