20 things that drive web developers crazy

20 things that drive web developers crazy

The relationship between visual designer and web developer can be a fraught one. Rafael Mumme, senior client-side developer at New York agency HUGE, takes a wry look at where it can all go horribly wrong...

I'm going to be honest. The life of a web developer is pretty sweet. We get paid to sit around an open plan office all day solving problems that, if we weren't getting paid, we'd probably do anyway. We also work with people who, because they don't quite understand what we do or how we do it, regard us with a certain bootlicking awe. This does no end of good for our enlarged sense of self-importance.

Unfortunately, some of those people are also the same people who tell us what to do. (Will the visual designers please stand up?). And because they don't quite understand what we do, sometimes we have to do things that, quite frankly, make us feel dirty. Not to mention having to navigate PSD files so fiendishly organised that you would think they were created that way on purpose. (But that's okay, because we like solving puzzles too.)

So, visual designers, here's a list of 20 things that drive developers crazy. If you're not doing at least 15, then you're not trying hard enough.

1. Add rounded corners to every single element on the page. While you're at it, add shadows and gradients too.

2. Use the same PSD as a starting point for every project. Hide unused layers, but don't delete them. Make sure your PSD is at least 100MB.

3. Use sIFR on every piece of text. Bonus points if you choose a font that's very similar to Arial.

4. Never use the same dimensions on elements. Give each a different font size and colour (for black, use #000000, #111111, #121212 ...).

5. Use a lot of breakout images with transparency. Web developers love graphics breaking out of boxes and columns. Bonus points if you add text wrapping around images.

6. Add a modal window. At least half the site should happen in a modal window.

7. Add a Facebook Connect button. It's just a button. How hard can it be to implement?

8. Hide important PSD layers. Later, tell the developer that they missed a hidden element.

9. Create buttons with rollover, active and clicked states. Then don't tell anyone you've done this. Create a separate file for them and send it on at the last minute. We love surprises.

10. Tell the developer about some fancy functionality you read about somewhere on a blog. Then tell them to build it, because, if you saw it somewhere, clearly it's possible.

11. Add a carousel. Oh yeah, and make sure it's a full-screen carousel.

12. Use Lorem Ipsum instead of real copy. And make sure the reserved space is not big enough for real copy.

13. Randomly merge PSD layers. Why not? (But don't merge too many. It'll take you further away from the magic 100MB target).

14. Name all your files 'final', plus a date and a random letter (final-2010-12-01a.psd, final- 2010-12-01r.psd, final-2010-12-02b.psd).

15. Don't worry about making changes once everything is signed off. When we're done with a page, send another, completely different version of it. And tell us that those changes are necessary and essential for user experience.

16. Don't name or organise your PSD layers and folders.

17. If you're designing a form, forget about error and success states. We'll squeeze that stuff in somewhere. We love guessing your intentions.

18. When you're designing a website, don't invite any developers for brainstorming or design meetings. Make sure we're the last ones to see the layout. Show it to the client first, so it will be too late to introduce even a modicum of sanity into your work.

19. We should hang out more, so during QA don't use bug tracking software. Come sit with us for an entire day and point out changes you want made over our shoulders. Use the opportunity for some impromptu design updates as well.

20. And finally, this is the most important thing: don't learn anything about HTML, CSS, JavaScript or browser issues. The less you know about it, the more important we seem.

This article originally appeared in issue 205 of .net magazine - the world's best-selling magazine for web designers and developers.

39 comments

Comment: 1

Complete round-up! Whew! Straight to the balls! Thank you very much for this list. Made me laugh and cry at the same time!

Comment: 2

Great article, very funny but true all the same. I cant help feel that there's a some what bitter undertone to this, and rightly so. As a designer and developer combined I've quickly learned some fundamental lessons when creating visuals in Photoshop, however even now when its me that's got to build the site its so easy to add a rounded corner here and there or add a fancy typeface somewhere and not think about the extra work I'm making for myself. I think carrying out extra work for the sake of good design is more than worth it, however its important for designers to have at least a basic understanding of what their designs mean for the poor old developer who has to built it.

Comment: 3

Well... not agree with all points.. good article, though

Comment: 4

You forgot these:

- Remember, we don't need wireframes, just send us the homepage design... we'll take it from there!
- Everything should be draggable, why? Because it looks nice!
- No need to have a consistent design, let's have horizontal and vertical menus for different sections of the site!
- Leave the design of the footer until the end, no-one really sees it anyway!
- Why is the header on the article page 5 pixels taller than the homepage? and the menu text is 2px larger? Never mind lets run with that...

Comment: 5

The difference between developers and designers is that developers are passive aggressive complainers

Comment: 6

I get #15 a LOT. It's probably my biggest peeve of being a developer.

That and people assuming that all I have to do is upload a PSD to a server for a website to go live...

Comment: 7

So according to Zach's explanation, designers, must be..."active praisers"?

I've received many things from designers, "praise" tend to be few and far between.

So maybe we need to rethink the "passive aggressive" analogy and come up with something more fitting for both sides?

Excellent article by-the-way. Top-notch.

Comment: 8

haha it's really funny.. HappyCloud. They dont really understand the process. My manager gave me a form, he thought is just copy and paste into it==oh my god..

Comment: 9

You talking to me from the soul!

Comment: 10

Thanks for the checklist! As a visual designer I'm never sure, by the completion of a project, if I manage to hit all the buttons. This will be a real time saver.

Comment: 11

These are all issues that any designer can identify with, but a web developer deals with drastically different issues. There IS a very big distinction between the two...

Designers and developers are NOT the same role in the web process.

Comment: 12

My main thought was - wow... your designers actually give you any form of layered PSD files! Despite various attempts, we only ever get pdfs, or if we're lucky .ai files. We even used to get Quark files ffs...

Comment: 13

I'm a web developer and at least 15 of those points happened to me. Still great article, made me lough. Maybe in the end this article will be read by those who create the design.

Comment: 14

Luckily my freelance designer works really closely with me, so I don't tend to get these issues from him, but at my normal office, the designers have no idea about even the most basic html or css, I spend half my life going backwards and forwards explaining why they need to stop changing things at the point of pages going live!

Comment: 15

Very complete list. I've given up on point 1 and just use CSS3. They get square corners on IE8 and below and that's the end of it.

Oh, one more.

21. Use the layer effect "multiply" to lazily remove the white background of an image I need to clip out.

Comment: 16

The thing about these list while slightly amusing is they are totally inproductive. We should be encouraging hybrid training between designers and developers, and team work. These kinds of articles just breed frustration and angst. I have to say one of the things I have to work on most with my developers as a team lead is to get them to be more receptive and think about UI / UX. And I've found our relationship to improve 100 fold with the designers since.

Comment: 17

All of your points are why I specialize in line of business apps, business intelligence, knowledge worker and reporting systems. They just need to look nice and neat, easy on the eye, make efficient use of screen real estate. And I get all the benefit of "bootlicking awe" without having to ever deal with designers and artistes.

Comment: 18

Wow, interesting new and dangerously powerful use of terms. I like the term bootlicking awe.

Lorem Ipsum - another kudos...

Very good sarcastic writing.

Were you having one-of-those-days and pounded this one out in a fit of fury? I can almost feel the level of disgust. Again, very well done.

Comment: 19

Nice! As a web design and development duo let's just say that my husband and I have learned a LOT from each other...and we are better for it!

Thanks for the laugh! :)

Comment: 20

Good one!

Funny and true...
Not only for web developers but developers in genneral.

Comment: 21

I'm a web designer in a small agence of web developper. I think all the points are true, but I think that communication could help. As developper, you could write a bullet list like this and give it to the design agence. As web designer, we must talk to the developper and ask about the constraints of web. If there's something missing, developper must ask to designer. If we have communication and respect, we will make cool project.

Comment: 22

@mbrouillard: i agree . But most of us are freelancers and while making a design or coding it one doesn't even know who will code it , its always the middle man (or client) who has all those crazy ideas (do this do that ) and frankly most of the times they don't know anything about the web!

Comment: 23

It would be great if you could also add WHY each of these things is annoying. If you don't explain what the flow-on effect is, a designer is probably never going to learn to care!

Comment: 25

Did you make Jorge read your article? You should do that.

Comment: 26

Also, with regards to #13...I love it when those merged layers were at one point font layers. Bonus points. Spending my precious development time guessing letter-spacing and line-height is a personal favorite.

Comment: 27

This is why designers should really know a great deal of at least the core basics of web development and what it takes/the steps to developing a website

Comment: 28

If developers had to know half as much about design, as designers are required to know about development then maybe I could agree with you and concede that you have a right to moan. However, over the past 12 years that I have been working as a designer, my job has become further and further removed from the actual 'creative bit' that I and most other designers sign up for as a job, so I think we have the right to receive a bit of slack when it comes to a few disorganised photoshop files (although I agree that not merging layers is bit of no-brainer). While I'm at it though, what would you have us use instead of Lorem Ipsum? It's a method of layout that's been used for hundreds of years and has served me very well in the digital world.

I can only assume that either you are a frustrated wannabe designer and actually hate your job of number crunching and not getting the credit from clients that usually falls on the designers. However, you should also remember that 99 percent of the time, it's the designer who the clients turn to when they have problems with technical bugs or cross-browser errors - it's designers who are usually the ones who have to 'pick up the pieces'

Comment: 29

Want to know what my boyfriend (who's a developer) said in response to this article?

"Pfft. That guy should learn how to code like a real man. Rounded corners are easy. So are shadows and gradients."

On one hand I found some of the authors comments helpful, but then some of it is just purely whiny. Yeah, I don't enjoy adding gradients to a design I'm working on, but if it's what a client wants then suck it up and do what you're being paid to do.

Comment: 30

I some how beg to differ th web designer's life is equally tough like a coder rafael!

Comment: 31

As someone who started out in design and now does development, I found this list very amusing and have even been guilty of some of it in the past.

Now as a developer, the one that drives me the craziest is #10

"Hey, I saw it on a website so SURELY you are smart enough to reproduce that right?"

I just reply with "Hey, I saw the latest web awards site, SURELY your designs can be that good too right?"

Comment: 32

Being a "visual designer" and a front-end developer. I find this article quite whingy, no offence. I see many of these as small pet peeves, which can be kept under the hat and dealt with.
Rather than make a list like this & hope designers read it and sympathise. It's often best to tackle the problem yourself and educate your fellow designer in the work place that certain processes would help and certain actions impede progress. If the designers you work with are worth their salt, they'll take it all on-board. If not, by all means, get it off your chest.

Lets not assist in creating an even bigger gap between designer & developer. Hard enough as it is to keep the two together in one room, without people boasting about their apparent superior intelligence.

Comment: 33

Oh Man .. I feel your angst.

I've been on both sides of the fence in this business, and I swear by all that bytes .. what you say is spot-on .. to the letter.

The "over the shoulder" and the "hidden unknown", "saved layers" really brought back some memories ..

Excellent write .. Bravo .. Bravo :)

Comment: 34

Designers should learn how to design in the browser. That means learning to think conceptually, breaking up designs in templates and components and getting to know at least basic HTML and CSS.
It's 2012, time to get rid of graphic designers who still think a screen is a piece of digital paper.

Comment: 35

If you can't do both, you shouldn't be in the web field, bottom line.

Comment: 37

A common goal among experienced web developers is to develop and deploy applications that are flexible and easily maintainable. An important consideration in reaching this goal is the separation of business logic from presentation logic. Developers use web template systems (with varying degrees of success) to maintain this separation. web design company, web design

Comment: 38

21. Make sure to add a modal form that must appear on every page, infact you know what, make it two for a good measure and don't forget 17. that is always fun <3

22. Make your design as vague and incomplete as possible, web developers love to do your work too!

Comment: 39

some of these designers... You're lucky to get a psd, sometimes all I get is a screenshot
July issue on sale now!

The Week in Web Design

Sign up to our 'Week in Web Design' newsletter!

Hosting Directory
.net digital edition
Treat yourself to our geeky merchandise!
site stat collection