All articles tagged Design & Ux

Thumbnail image for SVG Sprites and Icon Systems Are Super

SVG Sprites and Icon Systems Are Super

I received an email recently asking for assistance with an SVG icon issue. The individual explained that he was working with

a lot

of icons (about 300, which I would say qualifies as a “system”) as images and wondering if …

Thumbnail image for Introducing Flexbox Fridays

Introducing Flexbox Fridays

Flexbox is everywhere right now. Well,

talk

of flexbox is everywhere, not so much its implementation just yet. We have been tinkering with it quite a bit these days and thought it might be handy to share these explorations. Each …

Thumbnail image for Smarter Input Groups with Flexbox

Smarter Input Groups with Flexbox

If you have ever built a form using

Bootstrap

you have undoubtedly worked with

input groups

. Input groups are an excellent way to provide contextual help via iconography or associate specific actions with the appropriate field. However, they can …

Thumbnail image for A Look At SVG

A Look At SVG

Scalable Vector Graphics (SVG) is a language for describing two-dimensional graphics in XML. These graphics can consist of paths, shapes, and/or text that can be scaled and resized without losing image quality like a bitmap would.

While SVG has actually …

Thumbnail image for A Look at CSS Rule Organization

A Look at CSS Rule Organization

CSS preprocessors have given us a handful of tools to re-architect our front-end code. We can keep things DRY with includes and extends or perhaps use nesting for code organization. All of these features allow a CSS rule to grow …

Thumbnail image for Sharing Sketches in a Remote Environment

Sharing Sketches in a Remote Environment

I recently came across

this article from EightShapes

detailing how they are sharing sketches in a remote environment. Lincoln Loop is entirely remote and we’ve run into the same problem, but I’ll admit we haven’t been as MacGyver about solving …