TABULAR DATA REPRESENTATION IN MODERN HTML EMAILS

Responsive tables are the most common ways to represent tabular data in HTML emails. Learn about the best practices and the card layout design approach. Email development relies heavily on the use of tables. In our experience it’s best to use them in every aspect of layout and structuring. That is the basis of our[…]

ibs-group-442-1024x683

How Intercom brings play into their design process

An Interview with Stewart Scott-Curran, Director of Brand Design Intercom is the darling of the brand design world. With its playful, raw illustrations and the feel-good animations, it’s no wonder they’ve snagged the eye of users as well as its peers. They not only build quality customer communication products, but their entire team is clearly[…]

toptal-blog-image

Death to Wireframes. Straight to High-Fidelity!

UX design is a fascinating discipline. To do it well, practitioners must be well versed in a wide variety of topics and skills. To practice user-centered design methodology and create easy-to-use, innovative solutions to everyday product design challenges, a UX practitioner’s craft and understanding involves everything from basic drawing through narrative/journey design to cognitive psychology.[…]

Making Custom Properties (CSS Variables) More Dynamic

CSS Custom Properties (perhaps more easily understood as CSS variables) provide us ways to make code more concise, as well as introduce new ways to work with CSS that were not possible before. They can do what preprocessor variables can… but also a lot more. Whether you have been a fan of the declarative nature[…]

0-jwi3r-z3pNrzWpzn

Atomic Design in Practice — Does It Work?

The web continues to evolve further and further away from its document based heritage. Whereas we once thought of fixed-dimension ‘pages’, today we think of ‘systems’ that serve a variety of devices and users. The requirements of a growing ecosystem have necessitated a change in workflow and methodology. One popular approach, is Brad Frost’s Atomic[…]

svg

SVGito: Little Optimizations for SVGs

A web-app with new optimizations for your SVG files—especially those exported from Sketch. Today I’m releasing a free little web-app for optimizing (“cleaning up”) SVG files. It’s called SVGito. If the idea of SVG code or optimization is new to you, take a moment to read this other article explaining how to think about SVG. As[…]

Storyboarding in UX Design

Storyboarding in UX Design

In user experience design we’re familiar with user research techniques like workshops and interviews. We synthesise our research into user stories and process flows. We communicate our thinking and solutions to our teams with artefacts like personas and wireframes. But somewhere in all of this lies the real people for whom we’re designing. In order[…]

Best Sites To Find CSS Snippets & Inspiration

Web developers can save hours of time by reusing codes and finding free snippets online. But this can be tough if you don’t know where to look. So for this post I’ve organized the best sites to browse for totally free CSS3 code snippets. You can find everything from simple buttons to whole webpage layouts[…]