creative-ui-designs

Inspirational UI Design Ideas for Your Next Website Project

The web has moved a long way from its traditional roots. Where once it was perfectly fine to provide a basic text-only website, now it’s practically expected that your sites convey not only information, but provide a modern, crisp and exciting user experience. To that end, it’s up to you as the designer or developer[…]

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[…]

What the Style UI Pattern Board?

One of the most interesting things about working in an agency is the number of windows we get to look through into other industries. We soak up as much context surrounding our client’s business, what matters to them and to their customers, so we can deliver the appropriate solutions for their project. Through all of[…]

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[…]

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[…]

college-study-web-development-2

Is a college education necessary to become a great web developer?

These days, many people are thinking about getting into web development. The job prospect for web developers is better than that of almost any other profession, with expected growth rates of over 20% over the next 5 years. Salaries are equally attractive: the median hourly wage for web developers in the US is almost $35/hr,[…]

Performance Testing—Tools And Waterfall Diagrams

Not all performance improvements are equal. If your CSS file loads in 100ms, but your images take 20 seconds to load, it makes more sense to focus on the images before trying to squeeze extra performance out of an already performant CSS file. In order to know where to spend your time to get the[…]