I cannot design or code a responsive website

I cannot design or code a responsive website

Don't listen to the voices in your head, advises frontend developer Nick Jones. Here he explains how he got stuck creating his personal site and learned to trust his instincts instead

There's this fallacy of a right way and a wrong way to design and code. If you spend enough time looking for it or reading about it, you'll end up paralysed. It happened to me. But in early 2012, five years after the launch of the iPhone, I decided it was time to suck it up and create a modern website for myself. What follows are my doubts about making narrowdesign.com.

Responsive?

(INTERNAL DIALOGUE) You know nothing about 'responsive web design'. You have no business making a responsive site for yourself or anyone else. It’s too new and untested. You aren't capable of pulling it off. You’re not even a real programmer. In the event that you do pull it off, you’ll immediately wish you hadn’t. Something new will replace it by this time next year. You’ll look stupid for jumping on the bandwagon with every SEO expert and web guru who now drop its name. Remember what happened with microsites?

Plus, the responsive web design community, is full of elitist thugs. They are mean-spirited, sarcastic trolls. They wear astronaut helmets to confuse you and link to projects on GitHub that are written in code they alone understand. They do it to make you feel inferior. You are inferior. You’re not a real web designer. You can’t even make your own shit. Flash doesn’t count. WordPress is a copout. HTML5 boilerplate is fine, if you’re lazy and incompetent. They WILL call you out. They will expose you as a fraud. They’re going to laugh at you and publicly ridicule you. Your work will be spotlighted on their ever-expanding WTFWEBDESIGN Tumblr network. Stick to the safety of what you know. Leave RWD to people who actually understand it.

Parallax?

Oh, you want to make a scrolly 'parallax' site? Do you even know what that word means? Look it up, it’s not what you think it is. Ian Coyle did it a year and a half ago and thousands have copied his code to make their own, less interesting versions. You’ll be in the 'two years behind' club. Don’t get lumped in with them.

Design?

Content and layout are all that matters. Anything else is a gimmick. Too bad your work isn’t good enough to stand on its own. Don’t do fullscreen images or it’ll highlight how weak your design skills are. No amount of frivolous motion will mask the fact that you're bad at design. Your Flash roots are showing. Tuck them away and take a fucking typography course.

Type?

Your ability to pick a font pairing is pathetic. Adobe Garamond? Really? It makes real designers sick. Don’t use it. Ever. Design students may make fun of you if you use Comic Sans but REAL designers will DEFINITELY make fun of you if you use Adobe Garamond. They will call you out. This is the web. They call everybody out.

Dribbble?

Uppercase, tracked out, condensed gothic headlines are so tired. Are you trying to look like every kid on Dribbble who wants to be a print designer but was born after print’s death? They’re six months into this industry and they’re already better than you. Have you seen what they do with 256x256 iOS icons? They don’t type the name of the app in an uppercase gothic font like you always do. They make something that actually looks cool. Maybe you should hire one of them to design your site.

Skeumorphism?

Don’t think you can get all 'skeumorphic' either. Don't try making the digital world look like a bad version of the real world. Real digital designers will tear your leather-bound paper textures to bits. It’s a crutch for designers who are uncomfortable designing interfaces for the screen. It’s already dead. Don’t do it. Even APPLE gets mocked for it by designers who know what GOOD design is. Microsoft is going to eat their lunch now that they figured design out in Metro. Try to be more like Microsoft.

Code?

You can’t just up and switch from ActionScript to JavaScript. ActionScript isn’t a real language and its principles are not applicable to standards-based websites. There’s no GUI so you’d have to learn CSS from a dead stop. None of the interesting parts of CSS3 are even supported yet. Wait another year for the browsers to catch up. Your markup is a disaster. What are you going to do, use tables? There’s not a chance that any code you write will validate. When it doesn’t, real programmers will call you on it. "It's experimental" won't fly with them. Anybody can make something experimental. If you’re going to make stuff bounce around the page, just go back to Flash.

Tastemakers?

If you don’t know the rules and who you need to impress, how can you expect to make something that people will respond positively to? You can’t. So don’t even try. Read a book about it. Take a couple of Lynda courses. There are lots of opinion pieces like this one. Keep reading those. Don't start making anything yet. You'll do it all wrong. Don't discuss it with informed people or you'll sound stupid. Your opinions are not valid. You don’t know what you’re talking about and you have bad taste.

If these thoughts had won, if I had let them consume me, I’d still have the Flash site I had for the last five years. I read a little of @beep's book until I got the general idea. I still wasn't prepared to code my own responsive site. I didn’t know how to do it right, so first I did it wrong. After I had done it wrong a few times, things started to work. It’s not perfect, but it works. I still don't know the right way to do anything but I don't worry about that anymore. Now I just hack and hack and trust that I'll arrive at a solution. Sometimes it even makes sense.

By ignoring my doubts and trusting my instinct, I made myself vulnerable to attack. The attacks never came. They only ever existed inside my head. It turns out, the guys I was afraid would laugh at my new site, were the first to give respect. Most of my fears were a waste of energy.

So are yours. What if you shut out all the noise and just got started?

29 comments

Comment: 1

This is exactly what I needed to hear. I've said almost all of this to myself. Sometimes it can feel like you're alone in these thoughts and that you'll never be good enough. Thank you.

Comment: 2

I liked all of this except for the part about code. Actionscript isn't a real language? It's better structured and more of a "real" language than javascript is. And plenty of good CSS3 bits can be used.

Comment: 3

Amen bro :) i think its easy for all us to think that we know nothing and everyone out there knows what they are doing.

Comment: 4

And after a year, when all the interesting bits of CSS3 have been implemented, and are actually cross-browser, RWD is up to notch, people know what those are, and you're pretty good at design / typesetting / visual layout, user experience, then...

Then you will be called out for not being ballsy, for not creating content when all of this was new. You will be mocked for playing it safe, and obviously the times have flown past you, and it's time to learn The Next Markup Language of the internet (CoffeeScript, anyone?). You're late. Again. All the cool kids have moved past what you're doing now, and you get to play with used toys. Sorry, go back to the corner and cry.

Comment: 5

It's sad, but pretty much every one of these thoughts have came into my mind :(

Comment: 6

Some of the best advice I have ever gotten was to spend just enough time looking at other's work for inspiration but don't get obsessed with it because you'll always feel like you'll never 'measure up' to your own criticism let alone what you perceive others will say.

This is one of my favorite articles along this same line: http://www.getfinch.com/2010/07/what_would_jason_santa_maria_do/

Comment: 7

Very nice written, I'm gonna print it and hang over my desk

Comment: 8

Its like you've been picking my brain! Looking at all the great work out there can be very intimidating, makes me feel so far behind at times. Funny thing is, I get that same feeling looking at your website :)....great work (the site itself as well as the work featured on it) !

Comment: 9

What a terrible site, the meta viewport is all wrong, you've used max-width when you should have put min-width and don't even get me started on the.......

I'm of course kidding.

The best thing anyone can do, yes I mean you too, is build stuff! Try it, find what works and what doesn't. Blog about what doesn't, why it didn't and what you did to fix it.

There's no right and wrong (well there is, but you know what I mean) it's just a matter of getting started and trying (what the hell did Yoda know anyway)

Comment: 10

oh, and by "yes I mean you too" I mean you the reader, not Nick the writer..... he's already done his bit.

Comment: 11

Thank you for this! It's interesting that almost everything I know how to do has been through trial and error, testing myself, failing, then figuring it out why and fixing it. But the more I learn, the more cautious I am to take this same route. Guess it's not just me.

Comment: 12

Haha I laughed at the GitHub and Tumblr parts ! Can totally relate.

Comment: 13

You know whats funny is, lately ive been rebuilding and updating my site and LMAO......unbelievable how often some of these thoughts pop up to mind. Not that it ever stops me but, in the end, i you've truly lost when you stop trying. GREAT article.

Comment: 14

What a great, refreshing piece... really enjoyed it! I too leaned on flash for far too long and have had to battle many of these same thoughts. Happy to say I'm in a much better place now and in fact am beginning to wonder if I'm spending too much time in text editors and not enough back in the design software.. it's all impossible to keep up with, but these are good problems to have! We're very lucky, all of us in this industry. If you're reading this post, chances are you won't ever really "struggle" to find work in the ways that some of our peers in dying industries are. So be easier on yourselves!

Comment: 15

Awesome article Nick! I must say I love your user interface and the transitions give a nice "app" feel. Where did you get your JavaScript chops? I'm looking to brush up on my skills. Cheers!

Comment: 16

Sometimes it is really tough to overpower the inner voice. It took me over three years and several tries to finish my own website. The excitement always passed away in a couple of days, together with some next version of the layout. But the point is that finally I was able to use all the gathered inspiration and experience, including responsive web techniques. As long as I remember - there was no public discussion about such topics three years ago, was it?

Comment: 17

This is just brilliant. Absolutely hilarious, nearly wet myself at this: "They are mean-spirited, sarcastic trolls. They wear astronaut helmets to confuse you..." And your points are absolutely bang on. The online world can be an intimidating and ruthless place to cut your teeth. I work in SEO and I worry every time I write something that I'll be ridiculed by the current elite - but frankly I'll never learn anything if I don't try to contribute. I posted my latest article on inbound.org and every time I saw an ambiguous negative post from a "thought leader" on Twitter, I thought "shit... are they talking about me??" It's just paranoia when stepping out of the comfort zone and putting your head above the parapet. I think I'll soon realise I'm not far behind.

Great job once again, funniest thing I've read in ages

Comment: 18

Github part really got me. I don't even know how they use it. :)

Comment: 19

Looove your take on skeumorphism, and couldn't agree more! "It’s a crutch for designers who are uncomfortable designing interfaces for the screen. It’s already dead. Don’t do it."

Comment: 20

Great article. It's a 'disease' amongst designers that most of the time we can be own own worst enemy or critic. It's not necessarily a bad thing because it makes you really care about what you are doing. However, sometimes it's just a real pain in the ass and gets in the way of what's important... making things.

Comment: 21

Man i love that post. This is the great part of our jobs, we can explore and try out new things all the time without the need to ask for permission.

It's actually true for 99% of my tasks that I won't get it right the first time and it's all learning by doing.

Comment: 22

Hi Nick,

Great perspective!

“By ignoring my doubts and trusting my instinct, I made myself vulnerable to attack. The attacks never came. They only ever existed inside my head. It turns out, the guys I was afraid would laugh at my new site, were the first to give respect. Most of my fears were a waste of energy.”

Frankly speaking these lines made my day.
Sometimes we are so consumed by our mental chatter that we tend to perceive world around us in a negative way which often affects our creativity.

I loved narrowdesign.com.

Keep up the good work.

Comment: 23

Have you read 'The War of Art' by Steven Pressfield. Your talking about resistance. Our own internal enemy.

Read the book.

Comment: 24

Looove your take on skeumorphism, and couldn't agree more! "It’s a crutch for designers who are uncomfortable designing interfaces for the screen. It’s already dead. Don’t do it." http://www.mesos4u.com

Comment: 26

it's a very interesting article!
frankly speaking , as a designer sometimes may be we can't control our minds because of our instinct become priority!

www.legabox.com

Comment: 27

Je ne pouvais pas quitter votre site avant de suggérer que je extrêmement aimé les informations standard qui offre une personne à vos invités. Je ne suis pas sûr que les choses que je pourrais avoir entrepris sans les conseils fournis par vous au sujet d'un tel domaine.

coque iphone 5

Comment: 28

LOL
At least now I know I am not the only one who feels that way about the "Responsive Web Design Gurus".

Comment: 29

Woah! These are just the words that I wanted to hear! I was a bit confused lately about how to move on from basic web development to the more advanced stuff. I was really afraid I might not catch up with what the other developers are doing nowadays. I've been away from this field for so long.. now, this article just inspired me to get back on track and start studying JavaScript and HTML5! Thanks for this wonderful post!! :)
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