awesome job! Looks great, just forked :) Also I was looking at the upcoming features list, and I think definitely the pdf functionality would be cool (I'm thinking the fpdf lib - know a better one?). Another idea for a feature would be to give this an REST api for xml, json, and you can then just make an appropriate call to it ( /resume.json, /resume.xml, etc). Again nice!!
One minor (and I mean really minor) design thought: in the section near the bottom "Selected Projects", there are grey buttons and blue buttons; in the close proximity of the blue buttons, the grey buttons sort of look like they are inactive or disabled, at first. I put my mouse over them and figured out they were indeed active links, but maybe someone non-technical might not do that.
I'm not criticising, I'm only trying to complement what you've already done.
The buttons show an underline on Safari on OSX when they're hovered over.
I'm working on it now, and will post a link with my fixes later on.
Fantastic work, thanks so much!
Really cute, props on the originality. The general design is good (I loved the skills bars!), but your Experience sections looks a bit too wall-o-text. I can't imagine reading through all that.
If I were you I'd try reducing the word count as much as possible as well as applying a very very subtle background shade for each position to set them apart (or something similar to that).
Thanks for the feedback. I want to have better info on the individual companies by somehow incorporating their logos - I'm considering a modal or a popover at the moment.
The subtle grey background is a good suggestion. I'll experiment with some things, and if you do anything cool on a fork, please put in a pull request!
I like mostly everything I see, but I have one criticism. The bars in the technical section seem arbitrary. It seems that a person viewing this CV wouldn't know quite what to take away from it. To start, I am assuming this is some sort of proficiency. The proficiency of a skill is relative only to the proficiency of the other skills which doesn't tell a person much. Is there some way that you can give the bar a baseline to work from. Something along the lines of 'no experience' -> 'comfortable' -> 'proficient'.
Because they say something meaningful, potentially, namely what you're relatively better or worse at, more or less experienced at. Without committing the sin of telling the world what your objectively absolute rating is in some supposedly global but in actuality undefined frame of reference.
Example: "I'm a 6/10 on Apples and an 8 on Oranges, and Bob over there says he's 9 on Apples and 1 on bananas. Turns out in actuality I'm way better at Apples than Bob, but Bob kicks most people's asses at bananas!"
I disagree, because they're completely arbitrary and a full bar can suggest that you either know everything, or you can't improve any more.
Trying to represent knowledge or skill on a finite scale is a bad idea, I think. If I got this CV in a pile I'd want to see examples to demonstrate that skill in place of this section, not a set of percentages pulled from thin air.
Cool idea. This is something I've wanted to do for a while. I'll have to fork this later for my own use.
Few things I noticed that could be improved. Your technical section isn't very clear on what the graphs mean. Do the bars mean the amount of time you've used that technology, the number of projects you've built with that technology, or your experience? It's creative, but it's hard for me to understand what they mean (especially relative to one another).
I also noticed that you didn't include a print CSS. Yeah, physical resumes are not great, but they won't go away for a while. It would be good to have a print CSS that replicates generally what print resumes looks like. Right now it doesn't look very good. It wouldn't be hard to fix.
On another design note, I think it would look better if the pill links didn't have a blue underline on hover.
I'm sorry but I don't get it. What's interactive about it?
It looks like a fairly regular resume to me except for the fact that it's rendered as HTML, but that's not really something new. Sure, it's actually built dynamically with a few PHP functions, but the way each element is built could be smarter (e.g. you have HTML markup in the function's arguments sometimes which seems to beat the purpose a bit).
I'm not trying to be a downer but I was expecting something different and I feel I'm missing something.
If I were to do something like that, I would probably do it in Markdown with Jekyll. Right now, your index.php mixes a lot of presentation with content and I feel that one benefit of Markdown+Jekyll is that you have a readable Markdown file that can be made into a nice looking static HTML page.
This is a nice start but you're missing a huge opportunity to show off your sites in a visual way. Why do you think outbound links are the best way to represent your work?
I'm planning on tweaking with modals that show logos and descriptions of specific projects and companies. The other option is having logos appear on over of the names.
I really wanted content to be king, so I didn't include the immediate clutter of a bunch of logos and galleries. The modals make it more interactive.
Opinion on whether "Ninja" is awesome or uncool is divided even within HN. See recent discussions on "Product is a byproduct" thread. Now, I am trying to imagine how it might be perceived in conservative working environments like Indian workplaces.
IMO, keep the wording and ditch the Ninjas. Ultimately, "what matters in life is how you see yourself"[1]
There must be a way to highlight which are your best skills, like this OP's resume progressbars?
//There must be a way to highlight which are your best skills, like this OP's resume progressbars?//
In fact, I do have one similar to progress bars. Have a look at the skills section in home page (http://veerasundar.com) where I show a strength bar for each skill.
When I ported the skills section, I just decided not to include the progress bar.. may be I should add it there too.
No. That was a good call on leaving it out. For your layout and font size, the progress bars add no value (in fact it has the opposite effect).
For your layout, I would recommend a colour scheme of four colours, with a certain colour denoting expert and certain colour denoting novice, and others in between. Have legend on the top saying what is what and that will provide the same effect.
Checked your profile some more. You have a good show to back up the profile. Nice.
Since you are also using hResume, why not use http://judy.github.com/ which would do a better job of showcasing your side projects like "twitkural" in a better way?
Thank you! Justifiable contentiousness of the parent organization aside, I am proud of the achievement. In terms of a resume, the Eagle award is unique as the one part of pre-college life that will stay on the resume forever.
Great to see a fellow Wash U student on here - nice work. One thing - is there any way to export it as a pdf?
I know this kind of defeats the purpose, but some people/companies may still want to print these things out, or at least have them on file where they have a static copy (as in it won't change automatically), so having control over what that pdf looks like might be useful.
You raise a good point. If I attempt to print it, Chrome has a terrible time rendering it for print; it's completely unreadable. I think that may just be the custom fonts used. OP should figure that out with a print stylesheet.
First off, I am fifty years old, so I'm fond of traditional phrases like Curriculum Vitae. That being said... I suspect many people may find it a bit stuffy. Also, I don't think that you can have it both ways: If you use old-fashioned words, you should present it on high-quality paper, lovingly typeset. It strikes me as a little out of place on an interactive web site. JM2C, I'm not sure how you could meaningfully A/B test it.
Second, if you are seeking a programming job, a program is obviously a portfolio piece. Am I correct in assuming that were I to hire you for a project, your preferred approach would be to mix HTML with PHP code that in turn embedded HTML in strings?
If that's what you want to suggest, this is the right approach. If you want to present different options, I would put them to work in your résumé even if they might be a little overkill for your needs.
In the U.S. "curriculum vitae" has a specific meaning, which is to convey the research interests, history, and publications of an academic researcher. They are typically several pages long.
This is not a curriculum vitae, and should be called a resume. Particularly since the guy is still in academia where they tend to take their bureaucratic nomenclature very seriously.
I wouldn't say Curriculum Vitae is an old fashioned phrase. In Ireland and the UK I never hear anyone refer to a resumé, they talk about their CV or Curriculum Vitae. I think it depends where you come from.
Cool to see somebody else who was @ startup weekend CoMo. I thought your idea was one of the better ones in terms of actually having a revenue plan. Are you still pursing it?
Thanks! Which team did you compete with? The project is on the backburner at the moment as I'm wrapping up midterms and interviewing for a job. One of the GPs in my VC firm put me in contact with some great tools for getting better margins, so we have the resources to continue pursuing it. It is just not a priority at the moment.
I like the way you outlined your skill levels using progress bars. I've always found it tough to describe how good you are with a certain programming language. Saying "proficient with Java, PHP, etc... doesn't really attest well to your skills.
- It parses via the hResume microformat, although I've never been able to fully test that. Is there a way to do that now?
- It prints quite nicely; there are hidden sections that allow me to move the contact information up top when you're printing it, more like a traditional resume.
- It's responsive. It should look good on any phone, tablet, or traditional display.
Please, please fork it if you like it. You have my full permission. (I mean, just don't copy the content, mmmkay?)
Actually, I'm going to reply myself as I'm looking at it again. I built this when Bootstrap was hot shit; it's now a bit cliche-looking, so to speak. I may play with the styles.
I've also gone back and forth on having a picture or not. That pic is on every other "resume" site out there, like Dice or StackOverflow Careers or LinkedIn.
I'm also not looking for a job currently, but I AM looking to speak at more events, now that I'm doing open source work for a living. I wonder how the structure should change?
>> I've also gone back and forth on having a picture or not.
It gave me a first impression of you, one that was more affable/likable (a better picture of you, that your skills or GPA cannot give). So, in my view, leave it there.
>> but I AM looking to speak at more events, now that I'm doing open source work for a living.
Why don't you search for interesting tech gatherings in and around your areas and offer yourself as a lineup speaker? One example:
I ended liked your presentation aesthetics better than v33ra's resume below, even though both of you seem to be using hResume.
Props for the manner of execution. IMO, it looks relevant, pleasing and marketable. Don't worry too much about how it looks. Yes, there's always going to be some "Haters gonna hate", but I doubt it would be for your CV.
87 comments
[ 4.5 ms ] story [ 152 ms ] thread[1]: http://www.bugsplat.info/resume.html
(Disclaimer: I also built Docverter)
EDIT: I guess you just answered this :) awesome job, it looks amazing!
One minor (and I mean really minor) design thought: in the section near the bottom "Selected Projects", there are grey buttons and blue buttons; in the close proximity of the blue buttons, the grey buttons sort of look like they are inactive or disabled, at first. I put my mouse over them and figured out they were indeed active links, but maybe someone non-technical might not do that.
Edit: Site updated - the buttons are now green.
If I were you I'd try reducing the word count as much as possible as well as applying a very very subtle background shade for each position to set them apart (or something similar to that).
Anyway, awesome stuff.
The subtle grey background is a good suggestion. I'll experiment with some things, and if you do anything cool on a fork, please put in a pull request!
Because they say something meaningful, potentially, namely what you're relatively better or worse at, more or less experienced at. Without committing the sin of telling the world what your objectively absolute rating is in some supposedly global but in actuality undefined frame of reference.
Example: "I'm a 6/10 on Apples and an 8 on Oranges, and Bob over there says he's 9 on Apples and 1 on bananas. Turns out in actuality I'm way better at Apples than Bob, but Bob kicks most people's asses at bananas!"
https://github.com/philipithomas/cv-philipithomas/blob/maste...
Trying to represent knowledge or skill on a finite scale is a bad idea, I think. If I got this CV in a pile I'd want to see examples to demonstrate that skill in place of this section, not a set of percentages pulled from thin air.
For example:
Matlab: built a model to do X in matlab, used very frequenty to do my reports for two years.
Few things I noticed that could be improved. Your technical section isn't very clear on what the graphs mean. Do the bars mean the amount of time you've used that technology, the number of projects you've built with that technology, or your experience? It's creative, but it's hard for me to understand what they mean (especially relative to one another).
I also noticed that you didn't include a print CSS. Yeah, physical resumes are not great, but they won't go away for a while. It would be good to have a print CSS that replicates generally what print resumes looks like. Right now it doesn't look very good. It wouldn't be hard to fix.
On another design note, I think it would look better if the pill links didn't have a blue underline on hover.
It looks like a fairly regular resume to me except for the fact that it's rendered as HTML, but that's not really something new. Sure, it's actually built dynamically with a few PHP functions, but the way each element is built could be smarter (e.g. you have HTML markup in the function's arguments sometimes which seems to beat the purpose a bit).
I'm not trying to be a downer but I was expecting something different and I feel I'm missing something.
If I were to do something like that, I would probably do it in Markdown with Jekyll. Right now, your index.php mixes a lot of presentation with content and I feel that one benefit of Markdown+Jekyll is that you have a readable Markdown file that can be made into a nice looking static HTML page.
I really wanted content to be king, so I didn't include the immediate clutter of a bunch of logos and galleries. The modals make it more interactive.
Sometime back, I designed my resume on similar lines. I used hResume microformats and some CSS goodies too.
Here's the live resume: http://veerasundar.com/resume/ and a blog post explaining the design: http://veerasundar.com/blog/2012/06/redesigning-my-resume-wi...
One (minor?) feedback:
Opinion on whether "Ninja" is awesome or uncool is divided even within HN. See recent discussions on "Product is a byproduct" thread. Now, I am trying to imagine how it might be perceived in conservative working environments like Indian workplaces.
IMO, keep the wording and ditch the Ninjas. Ultimately, "what matters in life is how you see yourself"[1]
There must be a way to highlight which are your best skills, like this OP's resume progressbars?
[1] http://blog.robinleehatcher.com/.a/6a00d8341cb0ee53ef0148c75...
In fact, I do have one similar to progress bars. Have a look at the skills section in home page (http://veerasundar.com) where I show a strength bar for each skill.
When I ported the skills section, I just decided not to include the progress bar.. may be I should add it there too.
No. That was a good call on leaving it out. For your layout and font size, the progress bars add no value (in fact it has the opposite effect).
For your layout, I would recommend a colour scheme of four colours, with a certain colour denoting expert and certain colour denoting novice, and others in between. Have legend on the top saying what is what and that will provide the same effect.
Since you are also using hResume, why not use http://judy.github.com/ which would do a better job of showcasing your side projects like "twitkural" in a better way?
Hmmm... I checked it.. Good landing page, but your "Sample Resume Preview" which is supposed to load this: http://www.cvstash.com/profile/john_doe_EUQ8q3gDV
instead redirects to this: http://www.cvstash.com/resume/default/index//
I would like to see the preview of a Resume, before wanting to actually go ahead and try it, no?
EDITED to add: Even clicking on your name: http://www.cvstash.com/profile/arbie_samong_mfvvK163U leads me to the front page. Looks like I have to sign up before the site decides to show me anything.
EDIT 2:::
I bit the bullet and clicked JOIN NOW, and got this message:
Internal error
Ticket issued: unrecoverable
Man, I am so sorry to be the bearer of one bad news after another......
I'll give it a few hours before checking back. :-)
I know this kind of defeats the purpose, but some people/companies may still want to print these things out, or at least have them on file where they have a static copy (as in it won't change automatically), so having control over what that pdf looks like might be useful.
Just a minor point though, love the design.
Second, if you are seeking a programming job, a program is obviously a portfolio piece. Am I correct in assuming that were I to hire you for a project, your preferred approach would be to mix HTML with PHP code that in turn embedded HTML in strings?
If that's what you want to suggest, this is the right approach. If you want to present different options, I would put them to work in your résumé even if they might be a little overkill for your needs.
This is not a curriculum vitae, and should be called a resume. Particularly since the guy is still in academia where they tend to take their bureaucratic nomenclature very seriously.
Negative for the JavaScript error on the page. You need to load jquery before you load bootstrap.
Also, I'm a huge Cloudflare proponent.
Also, did you see the article I wrote for the business journal about the event? http://www.bizjournals.com/stlouis/blog/BizNext/2012/10/comm...
http://judy.github.com/
- It parses via the hResume microformat, although I've never been able to fully test that. Is there a way to do that now?
- It prints quite nicely; there are hidden sections that allow me to move the contact information up top when you're printing it, more like a traditional resume.
- It's responsive. It should look good on any phone, tablet, or traditional display.
Please, please fork it if you like it. You have my full permission. (I mean, just don't copy the content, mmmkay?)
I've also gone back and forth on having a picture or not. That pic is on every other "resume" site out there, like Dice or StackOverflow Careers or LinkedIn.
I'm also not looking for a job currently, but I AM looking to speak at more events, now that I'm doing open source work for a living. I wonder how the structure should change?
It gave me a first impression of you, one that was more affable/likable (a better picture of you, that your skills or GPA cannot give). So, in my view, leave it there.
>> but I AM looking to speak at more events, now that I'm doing open source work for a living.
Why don't you search for interesting tech gatherings in and around your areas and offer yourself as a lineup speaker? One example:
http://www.meetup.com/find/?keywords=hacker+news+&userFr...
Props for the manner of execution. IMO, it looks relevant, pleasing and marketable. Don't worry too much about how it looks. Yes, there's always going to be some "Haters gonna hate", but I doubt it would be for your CV.