Tags: photoshop

Some thoughts on “designing in the browser” | The Haystack

An important clarification from Stephen:

You don’t actually design in the browser

When I speak of designing in the browser, I mean creating browser-based design mockups/comps (I use the terms interchangeably), as opposed to static comps (like the PSDs we’re all used to). So it’s not the design. It’s the visualization of the design—the one you present to stakeholders.


Personally, I think it’s as crazy to start in the browser as it is to start with Photoshop—both have worldviews and constraints that will affect your thinking. Start with paper.

On File Formats, Very Briefly, by Paul Ford · The Manual

A history lesson and a love letter to the early web, taking in HTML, Photoshop, and the web standards movement.

Those were long years, the years of drop-shadows. Everything was jumping just slightly off the screen. For a stretch it seemed that drop-shadows and thin vertical columns of text would define the web. That was before we learned that the web is really a medium to display slideshows, as many slideshows as possible, with banner ads.

Using Photoshop in Responsive Workflows - Web Standards Sherpa

A nice summation by Dan of when it makes sense to use a graphic design tool like Photoshop and when it makes sense to use a web browser.

“The Post-PSD Era: A problem of expectations,” an article by Dan Mall

I really like Dan’s take on using Photoshop (or Fireworks) as part of today’s web design process. The problem is not with the tool; the problem is with the expectations set by showing comps to clients.

By default, presenting a full comp says to your client, “This is how everyone will see your site.” In our multi-device world, we’re quickly moving towards, “This is how some people will see your site,” but we’re not doing a great job of communicating that.

Internet! - Imgur

The Old Aesthetic.

Mocking Up Is Hard To Do

This seems like an eminently sensible thing to do when building responsive sites: ditch mock-ups entirely. The reasons and the workflow outlined here make a lot of sense.

Sci-Fi Airshow :: Home

I want to go to there!

This is what Photoshop is for. Be sure to watch the slideshow.

Responsive Summit: The One Tool | Mark Boulton

Mark talks about the tools web designers use and the tools web designers want. The upshot: use whatever you’re most comfortable with.

Visual Idiot · Photoshop Simulator

An incredibly realistic Photoshop simulator built in the browser—it feels exactly like using the desktop version.


Funny but creepy. Freepy.

Where men meets moustaches meets hair meets moustaches meets hair meets MOUSTAIR.


I know this is probably inappropriate (comedy is tragedy plus time) but I am getting quiet a giggle out of this. I know, I know: too soon.


Cruel in a subtle sort of way: re-posting slightly tweaked Facebook photos of one poor guy.


Cheeses Christ!

Mule Design Studio’s Blog: Why We Don’t Deliver Photoshop Files

Yes, yes, yes: "A PSD is a painting of a website.” We don’t spend weeks or months understanding a client’s complex needs and issues to make them paintings.

Make Photoshop Faster

Two little tips courtesy of Dan.

Time to stop showing clients static design visuals | For A Beautiful Web

Andy makes a great case for presenting clients with designs in HTML/CSS rather than flat, fixed, non-interactive graphics.

Total Makeover Retouching

Now your child can look like a denizen of the uncanny valley with just a little Photoshop magic.

veerleman at nafta

This is just plain creepy.

Monster mashup

Horror through the ages in art, with a little help from Photoshop on Worth 1000.

Glenn Feron - The Art of Retouching

Airbrushing with Photoshop.