Cooking with Design Systems

Design systems make deciding in the browser much easier if you have the right ingredients.

Investments

Using an investment framework to help evaluate what’s worth doing.

Setting up Windows

The first few days on a Windows machine.

Opening Windows

I’m switching to Windows.

Voting for Trump is Unbiblical

Measuring Trump against the Bible’s criteria for leaders.

Accountability

A 3-step formula for accountability between yourself and those you interact with.

SuperBooked

Announcing SuperBooked, a service that helps you find work with a little help from your friends.

Researching Design Systems

An inventory of the most popular design systems out there.

Apprenticeships

Apprenticeships are a fantastic solution to bridge the gap between opportunity in tech and those in need of change.

Thanks, Mike Davidson

Great writing from Mike really brings me back.

Selling Design Systems

How to convince your boss that a design system is a good idea.

Oil Change & Pizza

Death to “full service.”

Permission Slips

To overcome your fears, you need [permission] to try something different.

Content & Display Patterns

Embracing the difference in pattern types is the key to making a modular design system infinitely more scalable.

Titles are Important

Don’t believe anyone that tells you otherwise.

Interviewing Designers

Some tips on making the right hire.

I don’t have time

That magical phrase that gives you permission to brush off the things you really want to do.

Epicurrence

Epicurrence was the most beautiful, energizing, comfortable, and relaxing uncomfortable experience I’ve had in a long time.

Time for Work

What’s the minimum amount of time we should be working per week?

Switch

Dealing with creative block.

Day One With Android

After nine years of using iOS1 – iOS7 across iPhones 1 – 6, I’m switching to Android to gain a new perspective.

Finished Business(ology)

The time has come for me to step away from Businessology.

Finding Clients

Like magnets and archaelogists.

Pricing

How to start charging for your work.

How to Make a Performance Budget

A tangible way to approximate how your pages should perform.

Brooklyn Beta 2014

Celebrating my favorite industry event ever.

Creative Cloud Libraries

A new Adobe feature for designing systems.

#sketchlive

A live 2-day tour through learning Sketch.

The Businessology Roadshow

Learn about the business of design in person.

Get Comfortable

Some advice about public speaking.

The Easiest Way to Start a Hangout

Use Google Calendar.

Radio Free Europe

An open redesign.

Visual Inventory

A design deliverable for the post-PSD era of responsive design.

On Creative Direction

A primer on creative direction as compared to art direction and design… and what they all mean in a digital context.

The Net Awards 2014

How I’m voting.

How to Get the Work You Want

Advice for anyone.

TechCrunch: A responsive redesign

The story of the new responsive TechCrunch.

The Responsive Mobile Entertainment Weekly Site

New work on a mobile responsive site for Entertainment Weekly.

Now with Responsive!

Two years later, this site is finally responsive.

Progressive Enhancement

Still alive and kickin’.

How to Build an App

Creating an app in public. Maybe.

Prequalifying Clients

Questions, answers, and hidden answers.

SVG Workflow for Designers

Create quick vector assets with really small file sizes.

The Ideas of March

The lack of blogging about the lack of blogging.

Value Pricing

Prepping for the next episode of The Businessology Show.

Leaving Four24

After just over 10 years, I’ve decided to leave my band

The 2012 SuperFriendly Annual Report

A look back at one year in business.

The Post-PSD Era

A problem of expectations.

Design Flexibility

More about the design process in the public story of a new site for Reading Is Fundamental.

Element Collages

An abstract way to document design for Reading Is Fundamental.

Kickoff

The first chapter in the public story of a new site for Reading Is Fundamental.

Circles Conference 2012

Recap of a great event I had the pleasure of speaking at in Dallas, TX.

Responsive Line Breaks

A small trick I use to improve readability for responsive designs.

Object Value Pricing

A barter-style pricing system for web design & dev projects.

Big/Small

A recent dilemma about responsibility.

Hillman Curtis

The world has lost one more great man.

Authenticity

Some speaking advice from Jeremy Keith.

Grok Reads

A list of some great books mentioned in Grok sessions.

Introducing SuperFriendly

Today’s my birthday. This year, I got myself a new house, a new (old) city, and my very own design studio.

Farewell, Big Spaceship

Today is my last day at Big Spaceship.

Sketchbooks

Celebrating rituals that encourage new beginnings.

What I Loved About Brooklyn Beta

Hands down the best industry event I’ve ever attended.

You, the Conference Organizer

Plan your dream conference.

Typefaces I Used This Month

Be adventurous and experiment with new faces, but don’t forget about the classics.

Photoshop Clusters

An idea for configuring Photoshop.

Why I Love the Netflix Redesign

Netflix should be applauded for their bold redesign.

Now I Have RSS

Happy?

Five

Wow. After five long years, it feels great to have a new site.

Webmaster of Your Own Domain

I get domain renewals email almost weekly. Sadly, those domains slip quietly into oblivion.

Mark

After finishing the excellent HTML5 for Web Designers by Jeremy Keith and A Book Apart, I decided to dive in head first.

Design Swap

After months of procrastination, my design swap is finally live!

FullCodePress

I recently participated in FullCodePress, an event that challenged 3 teams to build a website for a non-profit organization in 24 hours.

Blueless

Imagine that the world’s most popular monitor makers decided to revolutionize crt monitors. From now on, monitors would ship without the color Blue.

Adobe vs. Apple

I’m ready to speak plainly about Apple’s stance toward Flash.

Life/Design

Two weeks ago, I had the pleasure of having lunch with Dave Dawson, a new friend of mine. As we talked about the industry, I shared my philosophy about staying inspired as a designer.

Enhanced

When properly progressively enhancing a page, you’ll often have the need to modify your layout to accommodate the new features. Here’s a little technique I’ve been using to handle this.

YouTube & Vimeo Photoshop Templates

A quick Photoshop template I created for YouTube and Vimeo videos.

URL ABC

Go to the address bar in your favorite browser, and type one letter. Start with “a”, end with “z.”

Typedia

Three years ago, we decided to build Wikipedia for typefaces. Today, it’s live. We’re calling it Typedia.

Cogs & Spaceships

Tomorrow is my last day at Happy Cog.

Curating

Even as the web grows larger, most web presences have no such curator position, no one who really oversees and evaluates the important of content and what should be presented front and center.

Mozilla Makeover

The Mozilla Foundation has engaged us to redesign mozilla.org. This process is a unique one; for the first time, we’re employing a design by community scenario, where our designs are open to the scrutiny of the public.

MICA

Over the last year, I’ve had the chance to participate in a wonderful project: the website redesign for the Maryland Institute College of Art. To date, it’s been one of my favorite projects ever.

Plans

These are tough times, and it’s not always clear on how to deal with it.

A Stronger, Faster Wheel

I love reusable solutions. But, sometimes, they just don’t cut it.

Subversion Client Roundup

I drank the Subversion Kool-Aid; I’m sold. But I’m not a developer. I’m a designer, and I use svn like one.

Strike

I passed a homeless man on the street today. He asked me to buy him some chips; I ignored him.

I Want to Be a Blessing

I’ll never forget some of the last words he said to me. “I want to be a blessing.”

Housing Prevents AIDS. Housing Saves Lives.

Every once in a while, you get to be involved in something amazing.

In Your Dreams

What have you always wanted to work on?

Speaking of Speaking…

I’ve been really privileged to be invited to speak at a few upcoming events. If you haven’t gotten enough of me yet, here’s where you can find me for the last half of this year…

The Dark Knight

As a movie, The Dark Knight was spectacular. As a sequel, it was fantastic. As a work of art, Heath Ledger’s finest performance. But as a Batman story, it was a let-down.

Flash Cache

Having trouble seeing the most current version every time you update a Flash movie? Here’s a quick tip to help you get over that.

Down in Front

A local college has made the mistake of hiring me to teach a web design class.

Holy Matrimony

My wedding was probably the most memorable day of my life. I’m writing about it so that, years later, I can still look back on this and remember how great it was for my wife and me.

Just Married

Sorry I haven’t been writing much lately. Been busy!

The Tyranny of a Blank Page

Whether on a computer or my sketchbook, an empty canvas is difficult to face.

Ahhhh-stin

It’s that time of year again, when dreams of barbecue and geeking out can happen in the same 6-block radius. It’s SXSW!

Figaro

Hiring a good designer is like hiring someone to cut your hair.

Sum

I get a lot of email about it, especially from aspiring designers, so I’d like to talk about the process of building a website from start to finish.

Design by Comfort

Even now, as the title of designer graces my business card, this inferiority complex hasn’t completely dissipated, but I have found a few tricks to quell it.

Fogbugz

I’ve had the pleasure of helping the Fog Creek team redesign the FogBugz site.

Tweet

I finally caved and joined twitter, but I’m not sure how much longer I’ll keep it up.

The Mutant Abbracroym Dilemma

How would you most semantically mark up the word “MySQL”?

What’s Next?

What would you like for me to write about?

Pick Me

This year is especially exciting for me, as I’ve finally decided to man up and submit a panel idea to SXSW.

Turkey

Good friend and aspiring dancer Kevin Cornell is featured in “The Comic Issue” of Philadelphia’s citypaper. Go vote for his cartoon!

State (S)election

Every once in a while, I have to build something that sucks. It’s usually nothing more than a bore. Here’s hoping you don’t have to.

Mile Marking

Is blogging the same as online journaling? Hardly. But where does that leave online journaling?

Hi Phone

Goodbye weekend.

An Apology to the Scored or My Life without IMAP

As you may or may not have seen, I took this site down last week while I switched hosts. Now it’s back up.

Cameo

This week was great for my ego.

Launch Pad

Here’s the #1 tip I give people when they ask me how to jump-start their web careers.

Soft Serve

I’ve recently gotten a lot of email, asking about specifying font sizes in css. Here’s my attempt to answer that, or at least give you the low-down on my approach.

Aftermath

I’m a little late to the SXSW round-up, but I have to get it out: I’m actually a bit depressed that it’s over.

Introducing swfIR

Over a year in the works, I’m proud to announce the unveiling of a project that has been very close to me.

Comhaltas Ceoltóirí Éireann

It’s a big month for Happy Cog. First, we launched our new site. Now we’ve launched a brand new project that we can be proud of.

The Agency Formerly (and Currently) Known as Happy Cog

Today, the Happy Cog site gets a long overdue refresh.

Fixed. Fluid. Elastic.

Just wanted to settle a quick misconception about the terminology concerning certain css layouts.

Flash Photography

I’ve recently (again) become enamored with photography portfolios, especially those done with Flash.

I Love My Job

Did I mention that I love my job?

Flash Course 4: Smarter Current States

A couple of quick tips as to how you can enhance a barebones Flash navigation into a “You are here” roadmap.

The Future of Slice and Dice

The designer for a new website build was kind enough to pre-cut all of the images. And therein lay the problem.

Think Pink

I’ve never considered myself very active in social issues, but this is one I’d like to bring to the forefront.

Happy Cog Philadelphia

Well, the secret is out: I’ve left the old digs and have been working for a new boss. Today marks the official grand opening of Happy Cog Philadelphia.

Sleuthing

A midnight mystery for you all: which one of these sites is the original and which is the imposter?

Typobituaries

Certain fonts should be retired. Here are some that just don’t make the cut.

The Overwhelmed Bookshelf

My bookshelf has given up on me. My brain will soon follow.

Grandpa

My grandfather was a strong man.

Done!

After 4 long years, as of June 17, 2006, school is finally over with!

Calling All Developers: We need a Switcheroo

There’s still one thing we can’t test for backward and forward compatibility: the Flash player.

Senior Project

This weekend marks the culmination of 20 weeks worth of work, namely my senior project for the digital media program at Drexel University.

Well Educated CSS

Few designers take advantage of the <body> tag. Like most tags, it can receive id and class attributes.

IE Sandwich Hack

While trying to debug some CSS on a site we were working on, Pixelworthy partners-in-crime Michael and Mark helped me to devise a new way to handle ie. I call it the IE Sandwich Hack.

Graphic Noise

Indecent Exposure

In honor of the first ever annual naked day, my site has decided to slip into something more comfortable.

Flash Course 3: ActionScript

Understanding the concept of Actionscript can make you a dangerous designer or developer, especially if you understand and practice the separation of content, presentation, and behavior.

Flash Course 2: The Timeline

The timeline is one of the most basic tools in Flash. There are instances where timeline animation is more appropriate than programmed animation.

South by Southworthy

The gang is super excited about SXSW. For some of us, it’s the very first time over to the cool kids’ table. Others are seasoned veterans. But we’re all stoked.

Flash Course 1: Intro to Flash

Let’s examine some practical and appropriate applications of Flash.

Four Things

Four…

The Christmas Type

In wrapping my Christmas presents this year, I realized that I never picked up any tags to write names on, so I decided to improvise.

About FACE

While FACE certainly a testament to the great things that the technology can now do, I’m not so sure that promotion for the use of FACE is such a great idea.

A Prelude Apart

In preparation for an event apart, I’ve got some stuff to share with the class.

The Amazon Circular

My online world is colliding with real life. I just received a circular from Amazon in the mail this morning.

Swept Under the Rug

I’ve been meaning to get to it for a while, and I’ve finally had the time to make some changes under the hood of this site.

Pipe Down

Some sites contain different approaches to what I would typically do, and, more importantly, arguably go against what could be considered best practices. One of the most common examples is the use of the vertical bar, or the pipe.

Too Much, Too Fast

I’m taking a class called “Digital Storytelling & Cultural Production.” I have to say that it looks like a very promising (but busy) upcoming couple of weeks.

A Better Beta

The Firefox I once knew and loved is lost to me. Please come home, Firefox.

Fix Your Face

Short of being a lesson in kerning, here’s a little tip in making your typography look just a little bit better.

Always and for Never

Some rules on the way to ultimate success in life.

A Man of Many Faces

There’s one thing that I’m most eager to do: organize my jumbled typeface collection.

The Trouble with Free

Well, it’s no Mike Davidson contest, but here’s your chance to benefit from my misfortune and get your very own iTunes free download.

The Art of Voicemail

To all message-leavers: please consider the following points when faced with leaving a message on a person’s voicemail.

Listed Apart

There have been a lot of mixed reactions about every portion of the new A List Apart, most prominently the design, followed by the markup, information architecture, and content.

I Blogged Your Girlfriend

Graphic tees are about as popular as bad teeth. They’re all around us, and you can’t ever miss them. I will admit, they do appeal to the designer in me.

CoMAD

Drexel University’s design college, the College of Media Arts & Design or CoMAD, has long been in need of a modern website to represent the excellent instruction that goes on everyday.

Using Your Powers for Evil

I have a confession to make: in the past, I have used my powers for evil. It’s not something I’m proud of, but I won’t deny it.

Featured!

The kind folks over at CSS-Mania have deemed my site worthy of their gallery.

Ensuring Safe Blogging

According to today’s Metro (a free newspaper distributed at train stations), here’s how you can ensure safe blogging.

I’m Back

After almost 3 months of apparently disappearing, you can finally see why.

First Grade Typesetters

Think back to the first time you were introduced to the alphabet. Remember that chart that was hanging over the chalkboard that you always used for reference?

What Typeface are You?

Fontshop just published their I Am gallery. You’re encouraged to design and upload a 150×150 GIF or JPEG with the subject matter of which typeface embodies you.

A Musical Baton

Unexpectedly thrown into a form of virtual chain mail, here’s my response to Stan’s nomination.

Programming Like a Designer, Part 2

A play-by-play of my 2-column setup.

Electronic Ink Jobs

Electronic Ink, a user-centered design firm in Philadelphia, is looking for a few good people.

Programming Like a Designer, Part 1

The term “programming” may cause you to cringe, especially if you’re comfortable inside your usual design tools, but it can effectively take your designs to the next level.

Getting Started

Pretend that I’ve already given you the typical welcome speech.

Trackbacks

Atomic Design—where science and design collide

Medium

Collective #295

Codrops

Smashing Newsletter #177

Smashing Magazine

Performance Budget

Sitespeed.io

How to target class within html table via media query?

Stack Overflow

Kiss My Classname: A Counterpoint

John Polacek

Issue #248

Responsive Design Weekly

Some Thursday Reads

CSS Tricks

Cooking with Design Systems

Adactio

What is Lean UX?

O’Reilly Ideas

Issue #114

Product Design Weekly

studio.zeldman is people

studio.zeldman

Is there room for deconstructionist design in technology any longer?

LinkedIn

Issue #246

Responsive Design Weekly

Streamline Your Design Efforts

All You Can Learn Blog

10 Ideas Worth Sharing This Week

Josh Spector

Smashing Magazine Case Study

Sara Soueidan

Becoming a Better Designer

Anton Sten

The Tactical Deployment Of Fun

Clutch

When to DIY and When to Delegate Small-Business Tasks

Bluehost

Review: Pricing Design

Baty.net

Zep

Clutch

What I Read in 2016

Tim Kadlec

Before dive into React

Henrique Alves

Insisting on Core Development Principles

A List Apart

Episode 243: Rapidfire 79

Shop Talk Show

A Few Of Our Favorites: October

A Book Apart

Presenting Design

Sparkbox

Progressively Enhanced React Website

Sparkbox

How To Win Approval For Your Work

Creative Bloq

How to Invoice Clients and Get Paid Every Time

Freelance Advocate

Teamwork is harder than you think

Stacking Bricks Podcast

7 Tips to Calculate Your Freelance Rate

Shopify

On Design Systems: Sell The Output, Not The Workflow

Smashing Magazine

Designing the Unseen

Prototypr

Step into my studio and get a behind the scenes look on a project

Verse

Content & Display Patterns with Expressive CSS

John Polacek

Quipsology No. 29

Under Consideration

Responsive Web Design: Patterns & Principles

dirtystylus

Of Patterns And Power: Web Standards Then & Now

Zeldman.com

Issue #196

CSS Weekly

99U Local Series Curates Creative Talks For You And You And You

Geekadelphia

Style Guides with Jeremy Keith

StyleGuides.io

How to Get Hired: Advice From Creative Directors

Tutsplus

Getting Small with Modular Design as QA

WebDevStudios

A Good Primer on Pricing

Reddit

Designers Should Get Out Of Photoshop

Technically Philly

Responsive Web Design with Adobe Photoshop

Amazon

Web Developer Reading List: Clients, Contracts and Portfolios

The New Code

Studio Visit: Getting Tacos with Dan Mall of SuperFriendly

The Philadelphia Egotist

5 Tips for Positioning and Pricing Your Work

Gumroad

Pricing the Web

A List Apart

Adobe and Mobile

Subtraction.com

Updates to the Photoshop and Lightroom Family of Products

Adobe

Why Every Media Website Redesign Looks the Same

Mashable

Using Element Collages to Improve the Design Process

WSOL

Responsive Web Design is Hard/Easy

Your Majesty

AEA Resources: Hot Links From An Event Apart Boston

An Event Apart

Interview: Shane Mielke

Interactive Design Archive

Inside the TechCrunch Redesign with Dan Mall

Typecast

Responsive Design Weekly #79

Responsive Design Weekly

Responsive Web Design: 6 Experts, 4 Questions

Creative Bloq

Here’s an App to Help You Find a Local “Find”

NY Times

NoChains Wants To Help You To Find The Best Cuisine In NYC

TechCrunch

Responsive Interview with Daniel Mall

Responsive Design Newsletter

No Project Managers! A Q&A with Jay Fanelli of Full Stop and United Pixelworkers

Brett Harned

Dan Mall on The Businessology Show

Creative Bloq

What We Learned in 2012

A List Apart

50 iPad Apps Budding Designers Should Download Now

Gizmodo UK

An Interview with Dan Mall

The Industry

20 Leading Web Designers’ Desks For Your Inspiration

Creative Bloq

Dan Mall on The Great Discontent

The Great Discontent

Dan Mall on The Pastry Box

The Pastry Box