Design

I’m Ethan Marcotte. I’m a web designer, writer, and speaker. This is my website; I’m real glad you’re here.

For the record: It’s super important for us to keep this site 100% free for you and 100% high quality. To help us do that, we’ve partnered with some of

LukeW Ideation + Design provides resources for mobile and Web product design and strategy including presentations, workshops, articles, books and more on usability, interaction design and visual design.

… a small CSS file that provides better cross-browser consistency in the default styling of HTML elements. It’s a modern, HTML5-ready, alternative to the traditional CSS reset.

Generate Product Screenshots in Realistic Environments

… How to Dynamically Shape Any Image on Your Website

Responsive design all started with this article by Ethan Marcotte. Some people see it as a trend. But it is more than just a trend. It is a new design solution — it helps to resolve the design problems associated with the different resolutions and devices (desktop, laptop, tablet, and mobile). I’m going to share […]

Please note that this article used to have [another layout](http://web.archive.org/web/20130104231015/https://www.smashingmagazine.com/2011/10/07/16-pixels-body-copy-anything-less-costly-mistake) that got lost in space during the migration of content to new servers.

Even the tiniest amount of empirical facts (say, observing 2 users) vastly improves the probability of making correct UI design decisions.

A folding grid for responsive design.

You’ve landed here in search of Paul Jarvis. He used to have a personal brand and website, but now he doesn’t.

«Digital news is broken. Actually, news itself is broken. Almost all news organizations have abandoned reporting in favor of editorial; have cultivated reader opinion in place of responsibility; and have traded ethical standards for misdirection and whatever consensus defines as forgivable. And this is before you even lay eyes on what passes for news design on a monitor or device screen these days. […]»

Truth be told, I am a philistine. When people talk about recycling, I don’t think of saving the planet. In my earlier post, “Lessons Learned: Productivity Tips For Running A Web Design Business,” I wrote about how we can reuse and recycle what we do in the Web industry to save time and money.

Designing websites and related media for kids presents plenty of opportunities for Web designers. Openings are available at many businesses and schools, as well as through parents and kids themselves, giving designers many ways to find work on electronic and print projects that appeal to kids. The types of work range from interface designs for video games to websites for birthday parties.

Resize is a Safari Extension that lets you resize Safari window to any size with just a single click, full customizable.

A simple, useful and beautiful browser window resize app for Web designers and developers.

compile Compass/Sass easily without resorting to command line interface — Compass.app helps designers compile stylesheets easily without resorting to command line interface. It is written in Java and works in Windows/Linux/Mac OS X.

… is a stylesheet authoring framework that makes your stylesheets and markup easier to build and maintain. With compass, you write your stylesheets in Sass instead of CSS.

My personal blog with thoughts on front end developement.

The input form is an essential element of almost any website or application these days. Input is a core method of interaction, and in many cases it represents the hard conversion point between success and failure. With the amount time and effort we put into bringing users to our sign-up and contact forms, it’s surprising that we tend not to spend a proportional amount of time on the forms themselves.

A resource containing hundreds of web icons, for use on personal and commercial websites through a drag and drop interface.

Create high converting landing pages with this guide. From content to layout, you'll find everything you need to design the best landing page design. Learn more!