A Case for Responsive Résumés

by Andrew Hoffman

34 Reader Comments

Back to the Article
  1. I find the easiest place to upload / host a resume is on the Public folder in Dropbox. Just have your URL redirect to your HTML file’s public link. You get free, sizable storage space. You can also easily host and link to all your other projects on there.

    Copy & paste the code below to embed this comment.
  2. Don’t forget about the print stylesheet! I created a responsive resume a few months ago, I no longer send PDFs or anything just a URL. I haven’t received any complaints from potential employers yet, and they can access it anywhere.

    http://www.chrismorata.com/resume/

    Copy & paste the code below to embed this comment.
  3. Excellent idea, though honestly, I don’t think I would have the guts to submit an application without a PDF version. We were in hire mode here where I work, and someone submitted just a cover letter. I assumed he had forgotten the resume at first, until I realized he purposely left it off. Not a great first impression.

    Copy & paste the code below to embed this comment.
  4. Must be something in air as I released my responsive CV/resume as a freebie last week! – http://www.thomashardy.me.uk/free-responsive-html-css3-cv-template

    Copy & paste the code below to embed this comment.
  5. I just did this a couple months ago for a recent job search. Got great feedback as none of the companies had seen something like it before. http://hiremike.heroku.com

    Copy & paste the code below to embed this comment.
  6. Made a responsive resume, got an immediate interview and was hired for a dream job at Pardot. It’s worth it.

    Here’s what I did: “cliffseal.com/resume”:http://cliffseal.com/resume

    Copy & paste the code below to embed this comment.
  7. some of the more massive “creative” agencies out there are so boggled down by bureaucracy that you MUST submit a PDF (or god forbid, a DOC) resume. 

    Their loss.

    Copy & paste the code below to embed this comment.
  8. Just thought you should know, even though I’m probably the only one left who uses FF. :-)

    Copy & paste the code below to embed this comment.
  9. Since a lot of developers look to ALA for support, perhaps it would be better if the CSS example followed the best practice of listing the non-prefixed property last:

    .date-ranges {
        -o-transition:all .3s ease;
      -moz-transition:all .3s ease;
      -webkit-transition:all .3s ease; 
      transition:all .3s ease;
    }

    Copy & paste the code below to embed this comment.
  10. It worked just fine for me using Firefox 10.0.5.

    Copy & paste the code below to embed this comment.
  11. I disagree with the first three points.

    An HTML resume, just like any other needs to be updated. If you’re working with an agency, they’re going to have your resume in their system so that all of the agents have ready access to it. They’re not going to go check your website every time to see if it’s been updated. If you’re working with an agency, you should still tell them every time you make an update.

    Saying that a PDF is “stiff and unresponsive” isn’t fair. PDF and HTML resumes have a common purpose but they just do it differently. It’s like comparing a Monet to Avatar – both forms of art but different mediums.

    If editing a PDF is a painful experience, then I don’t want you on my team. You don’t actually edit a PDF, you export your Word document to that format. It takes about three clicks.

    Personally, I expect a resume to be attached with the cover letter. If I like what I read, then I will be happy to click your link and excited to see you back up your words with a stellar web version.

    Copy & paste the code below to embed this comment.
  12. Most companies that I’ve applied to in the last half decade or more that are large enough to have an HR department, or HR person, has specific requirements for resume submission. For example, while many accept PDF, Word and Text, I’ve seen some don’t accept PDF.

    If applying to a job that doesn’t have those requirements this is the ideal way for an individual to keep an updated resume available for public consumption. If however one is applying to a job via an online application process/site, it’s quite likely that some less creative-feeling format will be required. Though I generally dislike Word, I keep my resume in that format because of the utility.

    Copy & paste the code below to embed this comment.
  13. I was actually experimenting with this very idea a long time ago when I was writing too many versions of my resume. Something else fun to add to the project is the use of contentEditable. I added that to the body tag and now a recruiter can view the page, change whatever they like and print it out. Here’s my proof-of-concept: http://jacopotarantino.com/demo/webres/ . Feel free to contact me with questions or for collaboration.

    Copy & paste the code below to embed this comment.
  14. Great article! I did this back about a year or so ago: “http://www.davidpaulellenwood.com/resume.html”:http://www.davidpaulellenwood.com/resume.html.

    Copy & paste the code below to embed this comment.
  15. @chrismorata Including a print stylesheet here makes a lot of sense. I, too, haven’t received any complaint from agencies or employers using this method of application. In fact, some of the more hip companies I’ve dealt with seemed to applaud the effort.

    Copy & paste the code below to embed this comment.
  16. @Thomas Hardy I’m happy that many, such as yourself, are stepping forward with long-since completed response résumés. My feeling was that a good handful of us were already creating responsive résumés, but that few had documented the experience for others to share.

    Copy & paste the code below to embed this comment.
  17. @designingsean Let’s be bold. It’s a short life.

    Copy & paste the code below to embed this comment.
  18. I whole-heartedly agree with the article as I recently upgraded my cv in a similar way, but @chrismorata is right – you have to look at printed stylesheets. But more than this you can also tailor them for “print to pdf” as many companies only take pdfs. My own personal style was to add on a qr code link to the online version that only appears in the printed version.

    However the most important lesson I learnt: remove all text/box shadows before making a pdf as otherwise you get nasty black rectangles all over!

    cv: http://philingrey.com/cv/
    print to pdf version: http://philingrey.com/cv/cv.pdf
    source: http://github.com/pci/cv/

    Copy & paste the code below to embed this comment.
  19. Must be a version thing—works fine on Firefox 12 for Mac, not on Firefox 10.0.3 for Windows (guess which one is my work machine?)

    Copy & paste the code below to embed this comment.
  20. Have a look at “this”:http://tinyurl.com/dyqo9do for FF10 responsive issues. The Google Shortcuts plugin (or some other plugin) may be the cause.

    Copy & paste the code below to embed this comment.
  21. FF 13.0 on Win Vista here, no problems. Just for kicks I checked it with FF 3.5.3 on Ubuntu 8 and FF 8.0.1 on Win XP, no problems either.

    Copy & paste the code below to embed this comment.
  22. I’m not sure if I completely agree with the reasons why we should build responsive resumés. It feels somehow like the first pageflip sites to present print magazines on the web. I found it way more important to think about how to actually bring your message to life. This is only technology, folks.

    And yes, it works.
    Landed my dream job at adidas with a (responsive) digital resumé.
    http://towardsfocus.com/journal/florianisallin/

    Copy & paste the code below to embed this comment.
  23. I agree with some of the others who said it’s a good idea, but with weak reasoning. I think it’s important to try to think about what we can do online that we can’t do with a basic PDF while still retaining the benefits of a PDF.

    I’m working on “a short blog series”:http://tfiaa.com/2012/06/thoughts-on-a-case-for-responsive-resumes/ about it.

    Copy & paste the code below to embed this comment.
  24. A responsive resumé will trigger response from the right kind of people.

    Copy & paste the code below to embed this comment.
  25. Recently I completed a responsive folding grid framework so I applied it to my resume.

    “My Responsive Resume”:http://resume.randallelliott.com

    The framework’s grid is abstracted from the mark-up living only in the CSS and LESS files. It’s based on things I like and leverages work by Joni Korpi, The Goldilocks Approach, The Semantic Grid System and time-tested design geometry like the Golden means and Fibonacci sequence.

    Copy & paste the code below to embed this comment.
  26. @Randall That’s a sweet-looking résumé right there.

    Copy & paste the code below to embed this comment.
  27. Kudos to dpellenwood and Randall for actually including a global background for their pages – this ALA demo did not.

    FYI I tried for years to maintain and market-shop an online H/XHTML resume and typically got cross-eyed looks. Even today in my market region (deep-south USA) I get constant requests for my “most recent resume in Word format”. Unbelievable that they don’t even seem to know what to do with an .odt :|

    Now, I am game to try it again but rather doubt I will get respect without the .doc

    Copy & paste the code below to embed this comment.
  28. This utterance should become a thing of the past if we have anything to say about it. I’m currently in talks with Linkedin to give users the ability to supply a URL-based résumé on their profile pages.

    Copy & paste the code below to embed this comment.
  29. Responsive HTML5 resume can be made better by using frameworks such as zurb’s foundation and twitter bootstrap. These boilerplates are very convenient. Let you have a try!

    Copy & paste the code below to embed this comment.
  30. You can add a link to your responsive resume in your LinkedIn profile. In the profile, there is a place to list 3 websites. Use one of those for your html resume. Be sure to rename the label, and there you have it.

    Copy & paste the code below to embed this comment.
  31. Thanks for the cool idea, and a great way to make your resume be an example of work abilities. Going to give it a go when I redo my site!

    However, I disagree that editing PDFs is hard. Open InDesign, make change, export.

    Heck, I think you can even export the text out of InDesign into HTML. Your PDF and webpage do have to sync, and you will still need a PDF (or gasp, .DOC) for those HR depts who don’t grok ye olde interwebs.

    Copy & paste the code below to embed this comment.
  32. However, I disagree that editing PDFs is hard. Open InDesign, make change, export.

    @byaparentdesign Don’t forget step one: paying “700 dollars”:http://www.adobe.com/products/indesign/buying-guide.html for inDesign. Not everyone can afford that and HTML is free.

    Copy & paste the code below to embed this comment.
  33. As many times in life, thought of this idea without other input, but once i got about halfway done, a friend showed me this link, so I thought I would include my interactive resume as well for others to view and allow for feedback.

    Hers the url: www.specialorange.org/resume
    Here

    Copy & paste the code below to embed this comment.
  34. Super late to the party here, but I found this article after your Accessibility article!

    I made a tool called txti, and one of the ideas for usage was being able to create mobile-ready resumes that are super quick to load. You can edit using Markdown syntax on literally any device and make a custom url: http://txti.es

    Copy & paste the code below to embed this comment.