All articles tagged Design & Ux

Thumbnail image for The 4-Point Guide to Winning Nonprofit Web Design

The 4-Point Guide to Winning Nonprofit Web Design

Your nonprofit organization’s website is the most crucial avenue for engaging your audiences and driving your mission-critical actions. In this eBook, you will learn about the unspoken expectations of your online audience and discover the four most essential elements to …
Thumbnail image for 3 Nonprofit Website Design Elements that Increase Donations

3 Nonprofit Website Design Elements that Increase Donations

Nonprofit organizations (NPOs) do some of the most critical social and environmental work today, fostering civic engagement and leadership, driving economic growth, and strengthening communities. Every person in the US, and many throughout the world, benefit from the work of …
Thumbnail image for Documenting Django Design Systems with Storybook

Documenting Django Design Systems with Storybook

Our clients come to us with a variety of existing internal teams. Sometimes we work with UI designers or brand-focused graphic designers who deliver pixel-perfect mockups. Other times the stakeholders will describe what their goals are, and we’ll be responsible …
Thumbnail image for User-Generated Themes with Django and CSS Variables

User-Generated Themes with Django and CSS Variables

Consider a “white labeled” app where a CMS admin can customize the design of their public-facing dashboard. The developer is tasked with saving a handful of user-populated values to the database. Colors, fonts, and perhaps a background image or two …
Thumbnail image for Linting SCSS with sass-lint

Linting SCSS with sass-lint

Linting SCSS with sass-lint Complex projects always require multiple developers and design heavy web sites are no exception. Sass/SCSS is still our language of choice when writing CSS, both for its wide support and flexibility. The latter can be a …
Thumbnail image for Getting Started with Element Queries

Getting Started with Element Queries

Element queries provide styling opportunities specific to an element’s dimensions. You could consider them the holy grail of responsive web design, allowing authors to determine an element’s look and feel regardless on where it’s placed. If given ample space you …
Thumbnail image for Loop Letters | Tracy Osborn

Loop Letters | Tracy Osborn

The following is the second installment of our Loop Letters series, an interview with Tracy Osborn. Tracy is the author of Hello Web App, a book to help designers and non-programmers get up and running with Python and Django. Tracy …
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 …