Aidan Foster

30 Flips | 1 Magazine | 22 Likes | 5 Followers | @aidanfoster | Keep up with Aidan Foster on Flipboard, a place to see the stories, photos, and updates that matter to you. Flipboard creates a personalized magazine full of everything, from world news to life’s great moments. Download Flipboard for free and search for “Aidan Foster”

Does responsive web design make you more money?

Getting your website mobile-ready is attracting a lot of attention of late. Just yesterday Google rolled out a hefty algorithm change that will put …

Home - 31Three

Knyle Style Sheets

Inspired by TomDoc, KSS attempts to provide a methodology for writing maintainable, documented CSS within a team. Specifically, KSS is a …

Style Guides

Style guides for 9 popular websites

It is always a good learning experience to see how successfully websites have designed their work. This is where style guides come in handy as they …

Web Design

Grunt for People Who Think Things Like Grunt are Weird and Hard

Front-end developers are often told to do certain things:<p><b>Work in as small chunks of CSS and JavaScript</b> as makes sense to you, then concatenate them …

North

<b>Align and Guide Your Project</b><p>North is a set of standards and best practices for developing modern web based properties. Included are standards and …

Web Development

The “Other” Interface: Atomic Design With Sass

We Need To Follow Atomic Design Principles In Our Style Sheets<p>Last month, in a post titled “Atomic Design,” Brad Frost argued that Web development …

Progressive Enhancement

Still alive and kickin.

Web Development

Digital Agency Coaching & Business Training for Freelancers

ABOUT UGURUS<p>UGURUS helps web entrepreneurs through education, resources, and community. Learn more about us and how we can help you build the skills …

Entrepreneurship

Looking Into the Future of Sass

• 27<p>Sass is a CSS preprocessor. This is now common knowledge. First commit in 2007 by Hampton Catlin. Now the most used CSS preprocessor. Sass has come …

JavaScript

CSS Wizardry

MindBEMding – getting your head ’round BEM syntax<p>Written by <b>Harry Roberts</b> on <b>CSS Wizardry</b>.<p>One of the questions I get asked most frequently is<p>what do -- …

A More Flexible Workflow

Learn how we adapted our design process workflow to include more prototyping, better design conversation, and new types of deliverables.

Prototyping

How to Scale and Maintain Legacy CSS with Sass and SMACSS

We’ve been big fans of SMACSS for a long time, however a pure SMACSS approach works best with plain old CSS on a brand new project. On our …

JavaScript

Objects in Space

A style-guide for modular SASS development using SMACSS and BEM.<p><b>First</b> of all — for the non-readers, here is the pattern. Take it. Care for …

Transformer Tabs | CSS-Tricks

By Chris Coyier On November 5, 2013 mobile, responsive<p>Tabs are a simple design pattern in which a row of links are obviously clickable navigation and …

Web Development

Andy Hume — Real-Life Responsive Web Design (SmashingConf 2013, Freiburg)

Responsive design, screens, and shearing layers. — ethanmarcotte.com

Luke Wroblewski wrote a blog entry that’s been rattling around in my head for a couple days now. In it, he raises some concerns he has about …

Web Design

Automating Front-end Workflow

Writing a modern web app these days can sometimes feel like a tedious process; frameworks, boilerplates, abstractions, dependency management, build …

Web Applications

A Complete Guide to the Table Element | CSS-Tricks

By Chris Coyier On September 19, 2013 table<p>The <table> element in HTML is used for displaying tabular data. You can think of it as a way to describe …

jQuery

Progressive enhancement is faster

Progressive enhancement has become a bit of a hot topic recently, most recently with Tom Dale conclusively showing it to be a futile act, but only by …

An agency workflow for Responsive Web Design

I’ve been thinking about workflows for Responsive Web Design quite a bit, particularly since it’s now become our default approach on every new …

embedresponsively.com

<b>HEY!</b> Do you, or someone you love, need to embed long threads of tweets? Try <b>TWETESTORM</b> for free.<p>Select a media source below:<p><b>Great news!</b> The embed …

How To Create High

Small Batteries<p>Mobile phones use radios for all communication, and they have little batteries that need to be carefully managed in order to avoid …

SVG Fallbacks | CSS-Tricks

By Chris Coyier On August 19, 2013 SVG<p><b>UPDATE</b>: Here's a more comprehensive guide to SVG fallbacks we've published.<p>There is a very clever technique by …

Web Development

Viewport Sizes

Mobile Technology

The State Of Responsive Web Design

Most designers like pixel perfection, but “normal”-sized images on high-density devices look pixelated and blurry. Simply serving double-sized images …

Adobe Edge Inspect vs Ghostlab - Andrew "Atlanta" Jones

Adobe Edge Inspect vs Ghostlab May 24, 2013<p><i>NOTE: This article is now over two years old, and I’ve not kept up on either of these apps. So it’s bound</i> …

Sass Style Guide | CSS-Tricks

By Chris Coyier On May 29, 2013<p>With more people than ever writing in Sass, it bears some consideration how we format it. CSS style guides are common, …