BDConf | Article Tags | Web Design

BDConf › Articles › Web Design

How to Pair Fonts and Overcome Your Type Anxiety

Bethany Heck is the Executive Design Director of Audience Engagement, Video & Data at Vox Media, as well as the designer behind the beautifully designed Eephus League baseball scorebooks. In this interview she talks about her latest project, The Font Review Journal which aims at helping designers make better font choices.

On Link Underlines

In general, I recommend underlining links in body content. In the absence of a better style appropriate for a specific site, this is the way to go.

Dropdown alternatives for better (mobile) forms

Using dropdown menus in forms might seem a no-brainer: they don’t take much space on the UI, they automatically validate the input, all browsers and platforms support them, they’re easy and cheap to implement, and the users know them well enough.

Sticky Sidebar – jQuery

Sticky Sidebar is jQuery plugin for making intelligent and high performance sticky sidebar, works with sidebar if it’s bigger or smaller than viewport, has resize sensor to re-calculate its dimensions automatically when size of sidebar or its container is changed, supports multiply sidebars in once and compatible with Firefox, Chrome, Safari, and IE9+. Source can […]

Building Animated SVG Banners

SVG, or Scalable Vector Graphic, an XML-based structure that defines the shapes, lines, and colors of an image in such a way that it can be viewed at any size and still retain a crisp look. SVG is not well suited to display photography images, but it is excellent for drawings, text, and shapes. It […]

Fluent Design System from Microsoft

An eloquent design system for a complex world. Now’s the time for bold, scalable, universal design. This is a transformation. A step into the future of sensory experiences. The world is at our fingertips – join Microsoft in building a design evolution.

Design technique: Progressive Disclosure

Dieter Rams 10 Principles are a great way to describe “Good Design.” But what are the underlying techniques that help us achieve these principles? There are plenty of techniques that make designs more effective. But few actually line up with Dieter Rams Principles. Effective design often celebrates discovery and exploration. Company’s measure screen time and […]

Stop talking, start listening

Good designers are good listeners. They start by understanding, not solving. I recently found myself in a meeting with a designer who just started working on a design problem I had spent the last three months working on. I wanted to share some of the insights I gained, but I didn’t get the chance.

Mental Models I Find Repeatedly Useful

A mental model is just a concept you can use to help try to explain things (e.g. Hanlon’s Razor — “never attribute to malice that which is adequately explained by carelessness.”). There are tens of thousands of mental models, and every discipline has their own set that you can learn through coursework, mentorship, or first-hand experience.

Are you a UX practitioner?

UXDPV is an interactive chart inspired by research in UX Design practice verticals by Nathaniel Davis. UX design practice verticals represent a group of eight interrelated areas of practice. Each practice is represented as a vertical that contains six area of interests. Each area of interest builds on the one before it—starting from the bottom. UXDPV […]

Astrum

Astrum is a lightweight pattern library designed to be included with any web project. It’s non-opinionated and doesn’t expect you to write your markup or code in any particular way.

Wireframing: The Hands-On Guide

We’re going to show you the techniques to reap the most benefits from this early design foundation, including a step-by-step guide to building yours.