Posts Tagged ‘resume’

10 Most Asked Interview Questions: How to Tackle Them

How many of you had stumbled upon an interview question you haven’t prepared yourself for, and your mind drew a blank? Sensing that awkward silence, you blurted out whatever words you could find and desperately made sentences out of them. The interview ended moments later, and as you reflect back on what you had said, you dreadfully realized those words don’t make much logical sense!

interview questions 10 Most Asked Interview Questions: How to Tackle Them
(Image Source: Shutterstock)

Okay, if you are looking for a job now, then you’re in luck. This is a guidance post of ten most common interview questions that you might be asked for your upcoming interviews. If you’re still sending in your resumes to companies, I’ve also posted an earlier entry that you can refer to: 7 Great Ways to Get Your Resume Noticed.

Without further ado, here are the top 10 questions, let’s get started!

10. "Tell me about yourself?"

This is typically the first question the interviewer will ask once you’ve taken your seat. This is the opportunity for the interviewer to assess you as a person through what you say and how you deliver it. As they always say, first impression is at utmost important, so you’ve to make sure you’ve prepared yourself adequately to answer it. Keep it short and succinct, preferably within 2 – 3 minutes.

about yourself 10 Most Asked Interview Questions: How to Tackle Them
(Image Source: Shutterstock)

How should you reply then? Like I said, you should have done your research on what the company expects from the candidates before heading for the interview. Your answer then, is to address how your qualities (e.g. qualifications, personalities and work experience) are relevant to the position in question. Therefore, you should only convey information applicable to what is required for the job, but not irrelevant ones pertaining to your family or personal events, for instance.

9. "What are your weaknesses?"

At first glance, this seems tricky. On one hand, you can’t reveal that you lack what it takes for the job; on the other, it will be an obvious lie if you claim you don’t have any weaknesses. What should you disclose then?

weakness 10 Most Asked Interview Questions: How to Tackle Them
(Image Source: Shutterstock)

If you have thoroughly gone through the company’s profile and such, you will by now understand what qualities are considered strengths, and what are not. Now, there are several ways to answer double-edged questions like this.

With your knowledge of what constitute as weaknesses that are frown upon by the interviewer, you can admit to those which you have that are impertinent to the job requirement. Secondly, you can mask strengths as weaknesses. For instance, you can say you are a very meticulous person who gets picky with details of a project (for this to work though, the job must be one that is particular about specifics). Last but not least, you can confess to past weaknesses but show how you had triumphed over them.

8. "What is your greatest accomplishment?"

Although the interviewer is asking you about your greatest accomplishment, you still have to choose one that is more professionally relevant. This is a good time to illustrate how you can contribute to the company if you are successfully recruited, so it will be to your advantage if you mention an achievement that applies to the position.

accomplishment 10 Most Asked Interview Questions: How to Tackle Them
(Image Source: Shutterstock)

Let’s say you are applying for a position that requires a significant amount of problem solving and troubleshooting. You might want to talk about a time when you resolved a persistent problem that had plagued your company for years. You can explain how you initiated some research and made a useful suggestion that was eventually implemented to all departments. If possible, quantify your results in terms of savings made and increased productivity for instance.

7. "Why did you leave your last job?"

There are various legitimate reasons for leaving a job. Yet, when it comes to interview, try to answer positively rather than complain about what made you unhappy. Talk in relation to your career goals and how the job you are applying provides a better environment for growth than your previous job. As always, angle your reply in such a way that what you had learned in your previous job had enriched you with valuable skills for the current position.

leave job 10 Most Asked Interview Questions: How to Tackle Them
(Image Source: Shutterstock)

Here, the interviewer is trying to gauge how much the job fits to your expectations. You had probably quit your last job because you were unhappy about something. The interviewer wants to make sure that you will be committed to the job and not leave because your expectations are not met again.

6. "Why do you want to work with us?"

More likely than not, the interviewer wishes to see how much you know about the company culture, and whether you can identify with the organization’s values and vision. Every organization has its strong points, and these are the ones that you should highlight in your answer. For example, if the company emphasizes on integrity with customers, then you mention that you would like to be in such a team because you yourself believe in integrity.

work with us 10 Most Asked Interview Questions: How to Tackle Them
(Image Source: Shutterstock)

It doesn’t have to be a lie. In the case that your values are not in line with the ones by the company, ask yourself if you would be happy working there. If you have no issue with that, go ahead. But if you are aware of the company culture and realize that there is some dilemma you might be facing, you ought to think twice. The best policy is to be honest with yourself, and be honest with the interviewer with what is it in the company culture that motivates you.

5. "Why did you apply for this position?"

Even if it’s true to a large extent, don’t give them the vibe that you applied for this job because you were retrenched from your previous company. Or for that matter, don’t give the impression that you are here because you need to make a living. Any company wants someone who is committed to the organization and eventually developed a sense of belonging with it. It doesn’t help claiming that you’re here for the monthly paycheck.

apply position 10 Most Asked Interview Questions: How to Tackle Them
(Image Source: Shutterstock)

In fact, the best way to answer this question is to spend some time examining what you like or would like about your work and the company. It is likely you will find something, such as the culture, work environment, meaning of your work, etc. If you didn’t find anything, then you should seriously consider if this is the right job for you.

Once you know why you want this job, you can then answer them in a manner that’ll relate how well you fit with the position. For example, if you like the customer service work involved because you enjoy communicating with people, bring up that sociable personality of yours. Convince them that you’ll fit in very well here, and you’ll in turn convince the interviewer that you’ll be an asset to the company.

4. "What would you like to be doing five years from now?"

Again, this question is asked to find out whether you are committed to the job. The fact is that there are people who hop from job to job, and that is because they don’t really have a solid plan to follow.

Another reason for popping this question is to see whether you are someone who sets goals in life. It’s undisputable that people who set long-term goals are more reliable than those who don’t. I mean, knowing what you want in life says a lot about your personality, perhaps as a person who can lead and stay motivated.

five years from now 10 Most Asked Interview Questions: How to Tackle Them
(Image Source: Shutterstock)

Your reply should assure the interviewer that your career progression goals are in line with the actual advancement route in the company. The interviewer wouldn’t want to disappoint you in the next five years and end up with you resigning. As such, it is crucial that you do your homework on the company’s prospects so that you know what to expect for yourself, and whether it will meet your long-term career objectives.

3. "Why should I hire you?"

This is the part where you link your skills, experience, education and your personality to the job itself. This is why you need to be utterly familiar with the job description as well as the company culture. Remember though, it’s best to back them up with actual examples of say, how you are a good team player.

hire 10 Most Asked Interview Questions: How to Tackle Them
(Image Source: Shutterstock)

It is possible that you may not have as much skills, experience or qualifications as the other candidates. What then, will set you apart from the rest? Energy and passion might. People are attracted to someone who is charismatic, who show immense amount of energy when they talk, and who love what it is that they do. As you explain your compatibility with the job and company, be sure to portray yourself as that motivated, confident and energetic person, ever-ready to commit to the cause of the company.

2. "How much are you expecting for the salary?"

Salary negotiation is a tough and delicate matter. Preferably speaking, you should avoid going into this topic until the later stage of the recruitment when you are being offered the job. That said, some recruiters might be hoping that you’d yield in to this question and be the first to give the number and set the benchmark. The repercussion? You might end up making less than what the position is worth!

salary 10 Most Asked Interview Questions: How to Tackle Them
(Image Source: Shutterstock)

Hence, research on the salary range in your field to have a rough estimate of how much you should be earning. Give a large range rather than a specific amount if you have to answer it. An alternative is to pose the question back at the interviewer by asking what kind of salary does the position warrants. At other times, interviewers might just be testing you to see if money is the only thing that matters. So, do emphasize that your priority lies with the nature of the job and not the salary per se.

Remember that when the job is finally being offered to you, the interviewer would have to quote the salary. That will be the best time to negotiate your way because you will then become the one being sought after, and not the other way round.

1. "Do you have any questions to ask me?"

This is normally the last question posed to you, so it’s your chance to finish the interview elegantly. True enough, your doubts about the job position might already been allayed by this time when the interview is almost done. Nevertheless, you’ve got to say something other than replying that you’ve got nothing to ask. Doing otherwise might leave the impression to the interviewer that you are not exactly keen to get the job.

Unless an employer is interested in recruiting a passive employee, the interviewer is likely to be attracted to proactive candidates who ask intelligent questions. If you must ask, do make sure that they aren’t those with obvious answers that you can get if you have done the research thoroughly. Yes, there’s no such thing as a stupid question, except those that you ask for the sake of asking. Try to incorporate your knowledge of the industry and the company into a question that will address a genuine concern of yours. That way, you get to amaze your interviewer and assess for a final time whether the job aligns with your expectations.

question 10 Most Asked Interview Questions: How to Tackle Them
(Image Source: Shutterstock)

One of the best responses to this question is to find out about your chances of landing this job. Thank the interviewer for the opportunity and express your enthusiasm for the position before asking if there is any reservation for hiring you. This will be your final chance to address any concerns the interviewer might have of employing you. Stay calm and reply objectively rather than taking any criticism personally.

Of course, you are free to ask any questions in your mind. It is, after all, you who is seeking a right job for yourself. Gather as much information about the position and have a feel of what it’s like working there day in, day out. If they offer you the job and it is what you are seeking for, go for it!

7 Great Ways to Get Your Resume Noticed

Getting your resume noticed is the first step towards a successful employment, and it may lay down the path of the rest of the recruitment stages. Sure, your working experience, skills and personalities may very well be the deciding factor as to whether you or the next candidate get employed or not. Yet, if you do not present your qualities in a coherent manner, the recruiter would not be able to objectively assess you as a suitable candidate. Sometimes, recruiters may be carried away by drudgery of work or deadlines and simply missed out a potential employee because the resume doesn’t look very different from the rest of the cohort. It would be such a waste.

man with tie 7 Great Ways to Get Your Resume Noticed
(Image source: Shutterstock)

You need to create a resume that brings out the best of what you possess, and do it in such a way that it looks appealing enough to get their attention. Earlier on, I showcased an entry with some really exceptional resumes that are perhaps more fitting for graphic designing posts: Land Your Dream Job With 25 Innovative Resume Ideas. In this post, however, I’m giving some pointers for those who are more comfortable with the ‘traditional’ kind of resumes where the unspoken rule is to look professional. Even so, there are still ways to tweak and tune your resumes to make it unique and secure you that follow-up interview.

1. Avoid cliche words

After reading one resume after another, the HR personnel would probably get sick of a couple of reused words common among resumes. Words and phrases to describe your past work experiences such as ‘responsible for’, ‘successfully’, ‘developed’, etc, lost their meanings in the pile of seemingly similar resumes.

avoid cliche words 7 Great Ways to Get Your Resume Noticed
(Image source: Shutterstock)

If you wish to stand out and get chosen from that crowd, you’ve got to play around with unfamiliar wordings or phrasings. Do a simple search on the net and you can easily find power verb lists like this one from ResumeEdge.

Also equally important, you need to present evidence on what you label yourself as. Everyone had a different experience as to what leads them to call themselves ‘innovative’ or ‘team player’, for instance. It is these experiences which distinguish each individual candidate. Explain what you meant by being a ‘team player’ that you are. One example would be to say that you willingly sacrifice your interest for the good of the team in a particular project. The more specific you are, the more you can stand out from the rest.

2. Have an ‘adaptable’ resume

As much as possible, don’t send the same resume to every organization which you are applying for. It’s better to modify your resumes in accordance to the job requirements stated for the particular post. In other words, you should have a resume which ‘adapts’ to the situations. Now, how should you do that?

adaptable resume 7 Great Ways to Get Your Resume Noticed
(Image source: Shutterstock)

First, you need to consider the format of the resume. When you list down your work experience and skills, should you use a functional or reverse chronological style?

A functional resume categorizes your work experience and skills by skill area of job function. For example, if you had worked under a variety of executive posts in the past, you might have amassed a substantial amount of experience in project managements, planning-related tasks and so forth. What you can do is you create headings such as ‘Project Management’ and ‘Planning’, and you list down in bulleted style the different accomplishments you have under the appropriate headings.

We are more accustomed to the reverse chronological style where we simply list down our work experience over the past decade or so, starting with the most recent one. The recruiter can easily read and comprehend how the candidate progressed in his or her career over time, and see what were the competencies gained through each stage of the progression.

reverse chronological resume 7 Great Ways to Get Your Resume Noticed
(Image source: Shutterstock)

As you probably can tell, a functional resume allows the recruiter to easily assess the skill sets you possess, and is especially helpful if they are matched to the job requirements. This will be great for those who are making a career switch because they would have lack relevant work experiences pertaining to the new post. Yet, they will be able to single out specific responsibilities they held in their past jobs that are applicable to this post.

On the other hand, a reverse chronological resume would benefit those who sticking to their career path as they apply for the new post. This is because those previous posts would be deemed related in terms of job scopes to the current post you are applying.

Secondly, the resume should illustrate how you, as a potential employee, can help the organization with your skills and experience. Every organization is different when it comes to their vision, values and culture. You would need to do your research well enough to know how you can contribute to the organization, and sell that through your resume. By selling, I mean you need to know what they look for in a candidate, and show that you have those qualities.

3. Be Concise and Neat

When writing a resume, you can imagine that the person reading it has a really short attention span. If he or she reads for 20 seconds and don’t see any point reading further, your resume will be placed on the ‘rejected’ pile. This is understandable because they need to go through hundreds and hundreds of resumes like yours. This is why you will need to get to the point and captivate the recruiter enough to examine your piece.

neat and concise 7 Great Ways to Get Your Resume Noticed
(Image source: Shutterstock)

Writing on and on with chunks of words wouldn’t help the recruiter assess whether you are the right person for the job. If they need to pick out your skills and experience for you, then you have failed. You will need to help them do that by writing in bulleted style to enhance the readability. There’s no one specific format to follow for bullets, but just keep in mind that the purpose is to organize information about yourself clearly for them.

Given that recruiter has only that limited amount of time for each resume, do remember to keep your resume short. A rule of the thumb is to restrict it to two pages maximum. Well, you may have lots of things to say about yourself, but choose those stuffs which are especially relevant for the job. Pick words wisely, choosing those that strikes a balance between being overly cliché and being informative. When you are doing your editing, you will be surprise by how many words you can actually leave out without compromising your content.

4. Write a Career Summary/Objective

It will be time consuming for any recruiters to read every single resume in its entirety, so most of them would only browse through and pick out the main draw of your resume. Why not help them do that by having a career summary or objective at the beginning? That way, you can score point for consolidating your facts into a neat paragraph for clarity, and you can orientate the recruiter to areas which you wish to highlight.

career summary 7 Great Ways to Get Your Resume Noticed
(Image source: Shutterstock)

Some articles on resume-writing assert that career summary or objective may be outdated because employers are less interested in what you want to achieve in your career than what you can do for them. However, I believe that any job recruitment process involves two parties; the job applicant and the employer. A seasoned employer would recognize the importance of job-fit between the applicant and the job as a good predictor of future performance and company loyalty. A career summary or objective would allow you to voice out your aspirations so that the recruiter can assess whether you would belong in the company.

You can declare your own career goals, but at the same time, try to relate those to how you can contribute to the company. At the same time, highlight your past major achievements to the recruiter such that you can induce him or her to read further and discover more about you. And as always, try to keep it short, concise and straight-to-the-point.

5. Quantify Achievements Wherever Possible

If you are out there trying to catch the eye of the recruiter through your resume, you’ve got to include in details which would separate yourself from the rest of the crowd. You may be in charge of a team for a specific project in your previous company, but you need the numbers to back you up and strengthen your claims.

Instead of simply putting ‘Led a team in research project’, you should also say how many people were in your team, and what the output was in quantifiable amount. Now, the claim become much more complete when you write, ‘Led a team of 5 in research project which cuts down annual operational costs of company by $xxxxx.

You see, there are many people out there who can lead a team, implement programs or whatever. The only way to differentiate yourself is through the results of what it is that you do. Assigning numbers to these accomplishments ultimately translate into what you can value-add to the company you are applying for, and that’s what really appeals to recruiters out there.

6. Explain gaps

One of the things you can be sure that the recruiter would ask you in your interview are those gaps in your resume. If you make it to the interview, that is. To be safe, fill in the gaps for them even in your resume. Briefly explain why you were unemployed for a year or two, and what you did during those times.

If you simply leave the gap unaccounted for in your resume, it might give the recruiter the impression that you have something to hide, or that you didn’t check through your piece. It’s possible that rather than setting up an interview to find out what it was all about, the recruiter might just prematurely conclude that it would be a waste of time to do so. You wouldn’t want to take that chance with your dream company.

7. Integrate keywords of job post

According to CNN, 51% of all resumes are processed via a tracking system that works by detecting keywords. These keywords are chosen based on what the recruiters are looking for in candidates, and are usually found in the job advertisement itself. With the increasing number of online submissions of resumes, turning to such system is an obvious solution for the recruiter to effectively screen out candidates.

job post keyword 7 Great Ways to Get Your Resume Noticed
(Image source: Shutterstock)

As such, you as an applicant should do some research on your own to find out what qualities or skill sets are expected of candidates. Fortunately, this tracking system is likely to be only used at the early stages of screening, so all you need to do is make sure that you enter in the most basic prerequisites of the job.

Bonus: Visual appeals?

I’m sure that when most of you think of resumes, the first few things that come into your mind is that they have to be professional, neat and preferably in no-nonsense black-and-white. But if you are also hoping that yours would be able to be distinct from other resumes, you wonder if colors or visual appeals would make a difference.

Yes, it probably would, but you don’t want yours to stand out for the wrong reasons. In ‘Land Your Dream Job With 25 Innovative Resume Ideas‘, you see lots of really creative and out-of-the-box ideas for resumes, something that you would least expect from resumes. Like I said, if you are going for graphic designing jobs, you might consider those ideas to illustrate your designing capabilities. But if you are eyeing for a position which has little to do with graphics, I suggest you go conservative with visual appeals.

Now, what can you do to make your resume a little different? First of all, you have to remember that visual appeal has the primary purpose of facilitating the recruiter in reading the resume. It should not distract him or her. In fact, it should be used to accentuate keywords. So, bold or italicize your texts in areas which you want to emphasize.

If you do use colors, try to limit the range of colors that you use; it can get too distracting. Personally, I only use a light blue background and dark blue lines to segregate the various headings and sections. I applied them because it easily enables the reader to see where each section begins and ends.

Essentially speaking, stick to the rule of clarity, clarity and more clarity.

Land Your Dream Job With 25 Innovative Resume Ideas

Sending in your resume is usually your first step in making a lasting impression to your dream company, so you’ve got to make sure yours is awesome enough. Your resume isn’t the only one the company is looking at, so a good resume must first stands out from the crowd and be distinctive by its own. Most organizations aren’t really fussy about design and simply wants a black – white, easy-to-read resume. That said, if you are applying for a graphic designing job, your resume is a valuable chance for you to flaunt your creativity and for them to gauge your designing capabilities.

innovative resumes Land Your Dream Job With 25 Innovative Resume Ideas

So, all you graphic designers who are out there busily job-searching, it’s time to put on your thinking cap, let the creative juices flow and imaginations run wild! To aid you in your quest for that ultimate job, we’ve gone hunting for 25 really impressive and original resume ideas that some designers have came up with. We believe these ideas will give you head start and stimulate the genius within each of you to come up with that one-of-a-kind resume!

More: 45 Creative Resumes to Seize Attention.

Jane Doe

An infographic CV lets potential employers easily assess the candidate’s skills and experience. Instead of a wordy resume, Jane Doe organizes hers in clear visual icons, bars and circles. (By Jane Doe)

original Land Your Dream Job With 25 Innovative Resume Ideas

Aditya Wijanarko

A smart mix of stunning red and pale yellow-brown colour resembling envelopes. The typography used in this booklet-like CV is captivating as well. (By Aditya4art)

dearsir1 Land Your Dream Job With 25 Innovative Resume Ideas

Daniel Starr

Clever use of cluttered texts, which are made all the more unique using neat typographies. Black, white and shades of grey, along with the use of red, allows for greater readibility by partitioning sections in an orderly manner. (By Daniel Starr)

danielstarr Land Your Dream Job With 25 Innovative Resume Ideas

Mario Cobos

Creative reference of the CV to the candidate’s mind by using the sketch of the anatomy of supposedly his brain. (By Mario Cobos)

mariocobos Land Your Dream Job With 25 Innovative Resume Ideas

Kim Stassar

This CV beautifully illustrates the flow of various developments and events across the job-seeker’s life. The various colorful ‘bulgings’ of the lines indicate the different kind of skills she acquired during several stages of her life. (By Kim Stassar)

kimstassar Land Your Dream Job With 25 Innovative Resume Ideas

Jonathan Wakuda Fischer

Military booket-style resume pokes fun at the Communist ideology. An original idea for presenting your resume to your future bosses. (By Wakuda)

wakuda1 Land Your Dream Job With 25 Innovative Resume Ideas

Sean A. Metcalf

The creator stylishly transformed the classic qualities of a newspaper into a contemporary piece of CV to impress his employers. An awesome way to showcase to them how ingenious you can be. (By Sean A. Metcalf)

aspiring Land Your Dream Job With 25 Innovative Resume Ideas

Thomas Budd

Tom didn’t only send out his resume, he sent a mini-Tom as the messenger for his resume. (By Thomas Budd)

thomasbudd Land Your Dream Job With 25 Innovative Resume Ideas

Andrew Lyons

A sharp-looking inforgraphic resume with the effective utilization of sleek circular bars to demonstrate skills and experience attained. (By Andrew Lyons)

andrewlyons Land Your Dream Job With 25 Innovative Resume Ideas

Jenn Gerlach

Cartoon-like resumes not only advertise your specialty, but also express your cheerful personality. (By Jenn Gerlach)

jenngeriach Land Your Dream Job With 25 Innovative Resume Ideas

Vincent Donnet

Complexity has its own beauty. This intricate visual chart is aesthetically pleasing with its magnificent multi-layered drawings that showcase the designer’s skills and experience at different periods of his life. (By Vincent Donnet)

vincentdonnet Land Your Dream Job With 25 Innovative Resume Ideas

Mike Wirth

A time-line concept for this resume, using various colors to signify the types of skills acquired over the years. (By Mike Wirth Art)

mikewirth Land Your Dream Job With 25 Innovative Resume Ideas

Ritwik Dey

Akin to the one above, LifeMap is a timeline visualization but has cleaner and neater feel to it. The colors are gradients of yellow, red and brown, which reminds you of a magma underbeneath Earth. (By Ritwikdey)

lifemap Land Your Dream Job With 25 Innovative Resume Ideas

Greig Anderson

Words aren’t enough to serve as evidence of your designing skills. This large piece of foldable poster consist of pages of your portfolio as well as your CV, and yet it’s portable to be brought around. (By Effektive)

CV mailer 18 Land Your Dream Job With 25 Innovative Resume Ideas

Eiric Shriner

Instead of adding your passport-sized photo in your resume, why not add in a drawing of yourself? (By Eshriner)

eiric Land Your Dream Job With 25 Innovative Resume Ideas

Scott Stedman

A circular time-line graph with labelings and line chart to denote achievements and knowledge picked up throughout life till now. (By Powerpointer)

scottstedman Land Your Dream Job With 25 Innovative Resume Ideas

Robbie Bautista

Attractive typography, pie chart and a cutesy drawing of the creator himself. Pretty much what it takes to lighten up the mood of the recruiter and capture his or her attention. (By Pyrotensive)

robbiebautista Land Your Dream Job With 25 Innovative Resume Ideas

Robin Pirez

This CV is not only well-classified into discrete sections to facilitate the person reading it, it’s also delightfully designed with adorable icons and drawings. (By SteamRobin)

steamrobin Land Your Dream Job With 25 Innovative Resume Ideas

Phil Lagettie

Applying as a photograph, there’s no better way to express your passion for photography than to design a resume inspired by a camera. (By Rkaponm)

photographer Land Your Dream Job With 25 Innovative Resume Ideas

Francis Homo

Similarly, a silhouette can be included in your CV, especially in companies which discourage the inclusion of your portrait photo. In any case, it’s a brilliant attempt to make yours stand out. (By Darthkix)

francishomo Land Your Dream Job With 25 Innovative Resume Ideas

Landin Hollis

An adorable drawing for your resume makes it looks like something out of a comic strip. (By L Hollis Photography)

landinhollis Land Your Dream Job With 25 Innovative Resume Ideas

Ayesha Malik

An elaborate yet elegant design for a CV,with soothing light blue background and charming small fonts to further sweeten the deal. (By Ayeshaflavord)

artnouveau Land Your Dream Job With 25 Innovative Resume Ideas

Gloria Edith Escalera Manzano

Wow, this girl seems to be sailing against all odds in the sea that is her life, earning all sorts of experience and skills. It’s a nice employment of the metaphor to a CV. (By Arbrenoir)

arbrenoir Land Your Dream Job With 25 Innovative Resume Ideas

Olaf Takens

An amusing comic drawing of the job-seeker attempting to pull up his employment and educational history like a PC plug. Such resume would definitely brightens up the recruiter. (By TakoII)

curriculum Land Your Dream Job With 25 Innovative Resume Ideas

Adam Balazy

Many word-based resumes are cluttered, but not this one. Words are nicely spaced, so you don’t get the overwhelming feeling from seeing too many words at one go. On top of that, you see a pleasing colorful illustration on the right to fill up the empty spaces. (By Balazy)

adambalazycv Land Your Dream Job With 25 Innovative Resume Ideas

(bellefoong)

50 Free Tools and Apps for Web Designers and Developers

Over the past year or so I have bookmarked hundreds of various tools and resources covering all aspects of web & mobile development – There are tools that will improve your work-flow, resources that will clean and validate code, apps that will allow you to collaborate with any number of colleagues, bookmarklets that let you create mockups within your browser, productivity checklists, sites that will track and keep a watchful eye on your sites… and on … and on.

So, having all of these amazing bookmarks, I thought I would share my 50 favorites with you.

I have split the article into the following sub-categories for easier browsing: General Web Development Tools, Web Typography Apps, Browser Tools, Web Site Analysis Apps and, finally, Productivity Apps & Tools.
The apps also don’t include frameworks, Javascript plugins nor template tools, they are all strictly small tools that can help with your development productivity.

Compiling an article about my favorite free web development apps from the past year or so, as you can imagine, was not an easy task, and the chances are that I may have missed a few, so why don’t you tell us about your favorite free development apps within the comment section below. You never know we might collate enough for a part 2 of this post!

ProCSSor – Advanced CSS Prettifier

ProCSSor - Advanced CSS Prettifier
ProCSSor is a useful tool that will 'prettify' and format CSS files on the fly.
ProCSSor – Advanced CSS Prettifier →

ScriptSrc.net

ScriptSrc.net
Tired of hunting down the script tag for the latest version of your Javascript Library of choice? ScriptSrc allows you to copy the latest library (jQuery, MooTools, YUI…) script tags.
ScriptSrc.net →

HTMLform.com

HTMLform.com
With HTMLform.com all you have to do is design your HTML form and you will get a Zip file that can be very easy installed in your website, with everything needed to make it work: a form that can be embedded in any webpage, a small but very potent database to suit your needs, a tool for checking data online and a button for exporting to CSV and Excel formats.
HTMLform.com →

Spritebox

Spritebox
Spritebox is a WYSIWYG tool to quickly and easily create CSS classes and IDs from a single sprite image.
Spritebox →

HTML Purifier

HTML Purifier
HTML Purifier is a standards-compliant HTML filter library written in PHP. It will not only remove all malicious code (better known as XSS) with a thoroughly audited, secure yet permissive whitelist, it will also make sure your documents are standards compliant.
HTML Purifier →

Tiny Fluid Grid

Tiny Fluid Grid
Tiny Fluid Grid is a super-simple CSS grid framework generator, inspired by the 1kb Grid, that ships with an index.html with demo code, and the grid.css containing the CSS for the grid you created.
Tiny Fluid Grid →

TABLEIZER!

TABLEIZER!
TABLEIZER! is a quick tool for creating HTML tables from spreadsheet data.
TABLEIZER! →

Try Ruby! (in your browser)

Try Ruby! (in your browser)
If you haven't as yet tried Ruby, with Try Ruby! you can take the quick and painless Ruby tutorial and then test your knowledge directly in your browser.
Try Ruby! (in your browser) →

Plupload

Plupload
Plupload allows you to upload files using HTML5 Gears, Silverlight, Flash, BrowserPlus or normal forms, providing some unique features such as upload progress, image resizing and batch uploads.
Plupload →

Favigen: Favicon Generator

Favigen: Favicon Generator
Favigen: Favicon Generator →

Super Conversion Button

Super Conversion Button
A call-to-action is one of the most important parts of any web page, displaying the primary action you want people to take. With this simple tool you can create a beautiful, effective call-to-action button in seconds
Super Conversion Button →

Subfolio

Subfolio
Subfolio is made for creative types to share their work online with speed and elegance – publicly or privately. It’s good for freelancers, studios, agencies, enterprise or even the classroom.
Subfolio →

jsFiddle

jsFiddle
JsFiddle is a playground for web developers, a tool which may be used in many ways. One can use it as an online editor for snippets build from HTML, CSS and JavaScript. The code can then be shared with others, embedded on a blog, etc.
jsFiddle →

A/B Split Testing Calculator

A/B Split Testing Calculator
A/B Split Testing Calculator →

Frame Box – Lightweight online tool for creating mockups

Frame Box - Lightweight online tool for creating mockups
Frame Box does not have an extensive list of features (like the web based apps above). You can drag and drop, re-size and copy/paste the UI units, but its main focus, and why we like it so much, is that it allows you to create your mockup/prototype very, very quickly
Frame Box – Lightweight online tool for creating mockups →

App Inventor for Android

App Inventor for Android
To use the Android App Inventor, you do not need to be a professional developer, instead of writing code, you visually design the way the app looks and use blocks to specify the app's behavior.
App Inventor for Android →

HTML-Ipsum

HTML-Ipsum
HTML Ipsum is a great tool that gives you lorem ipsum snippets with HTML markup to help test your CSS.
HTML-Ipsum →

CSS3 Button Maker

CSS3 Button Maker
CSS3 Button Maker →

CSS3 Click Chart by Impressive Webs

CSS3 Click Chart by Impressive Webs
Each examples on the CSS3 Click Chart visually displays the CSS3 feature, with a clickable heading that opens a box at the bottom of the page for information on that particular feature.
CSS3 Click Chart by Impressive Webs →

CSS3 Generator

CSS3 Generator
CSS3 Generator is a useful tool that generates the CSS3 properties for the likes of @fontface, border-radius, multi-column
CSS3 Generator →

CSS3 Menu

CSS3 Menu
You can build a cool rounded navigation menu, with no images and no Javascript, and effectively make use of the new CSS3 properties border-radius and animation. This menu works perfectly well with Firefox, Opera, Chrome and Safari. The drop-down also works on non-CSS3 compatible browsers such as IE7+, but the rounded corners and shadow will not be rendered.
CSS3 Menu →

0to255

0to255
0to255 is a simple tool that helps web designers find lighter and darker colors based on any color.
0to255 →

Wordmark

Wordmark
Wordmark is a tool that allows you to preview any word with the fonts already installed on your computer.
Wordmark →

Awesome Fontstacks

Awesome Fontstacks
With Awesome Fontstacks you can create bundles of matching, free web fonts, with fail-safe font stacks to back them up.
Awesome Fontstacks →

Google Font Directory

Google Font Directory
With the Google Font Directory you can browse all available fonts, learn about the font designers who created them, and then copy the code required to use them directly on your web page.
Google Font Directory →

Fillerati – Faux Latin is a Dead Language

Fillerati - Faux Latin is a Dead Language
If you are tired of using Lorem Ipsum, then Fillerati is for you. You can choose text from the authors Jules Verne, H.G. Wells, Lewis Carroll, L. Frank Baum, Edgar Rice Burroughs or Lewis Carroll.
Fillerati – Faux Latin is a Dead Language →

Wirify: The Web as Wireframes

Wirify: The Web as Wireframes
Wirify is a simple bookmarklet that will turn any web page into a wireframe mockup with only one click.
Wirify: The Web as Wireframes →

maki

maki
Just drag the maki bookmarklet to your toolbar, go to a page where you're working on the HTML/CSS, and click the bookmark. You'll then be directed to a version of your site where you can upload the mock-up image, adjust the transparency of the overlay, and reload your changes seamlessly.
maki →

Browize – Online Browser Resizer

Browize - Online Browser Resizer
Browize – Online Browser Resizer →

The HTML5 Test

The HTML5 Test
The HTML5 test – how well does your browser support HTML5? This tool will let you know.
The HTML5 Test →

Support Details

Support Details
Support Details →

resizeMyBrowser

resizeMyBrowser
resizeMyBrowser →

iPad Peek

iPad Peek
iPad Peek is a handy app that allows you to view how any website will be rendered on the iPad.
iPad Peek →

Moniitor BETA

Moniitor BETA
Moniitor is a FREE website stat monitoring tool, it will allow you to monitor multiple sites and check for stats such as Pagerank, Alexa Rank, Feedburner Subscribers, Twitter mentions and more…
Moniitor BETA →

Uptime Robot

Uptime Robot
Uptime Robot monitors your websites by pinging your site every 5 minutes and alerts you if your sites are down.
Uptime Robot →

WooRank

WooRank
WooRank →

Clue

Clue
Clue is a tiny app, from ZURB, that allows you to test your web pages so that you can find out exactly what parts are memorable and will potentially stick in the minds of your users.
Clue →

Wridea.com

Wridea.com
Wridea is a free tool that stores your ideas, allows you to manage and organize them, collaborate with your friends and colleagues over your ideas, etc. It provides you with all necessary tools and services for organizing your ideas.
Wridea.com →

Domainr

Domainr
When you want a short URL or something big, Domainr will find it, fast and helps you explore the entire domain name space beyond the ubiquitous—and crowded—.com, .net and .org. Inspired by jish.nu, burri.to and del.icio.us.
Domainr →

Thoughtboxes

Thoughtboxes
Thoughtboxes is a simple tool that helps to organize your thoughts so you can make things happen.
Thoughtboxes →

Create Free Privacy Policy

Create Free Privacy Policy
With GeneratePrivacyPolicy.com you can create professional privacy policies agreements tailored specifically to your website or your business.
Create Free Privacy Policy →

Recurse

Recurse
Recurse is a simple solution to show clients your spiffy new design. By emulating a website with multiple flat images clients will have a better idea of what the composition will look like ‘in the wild’.
Recurse →

Launchlist

Launchlist
Launchlist is cool tool to help and encourage web designers and developers to check their work before exposing it to the world at large by going through an essential list of web development requirements. When you click 'Submit Report' you will be either given a 'Go For Launch' or, if issues found, 'Not Advisable'.
Launchlist →

TitanPad

TitanPad
TitanPad is the simplest of tools that allows you to collaborate on a document simultaneously. You can either create a 'public' pad or you can create a 'private' pad for your team with a custom URL.
TitanPad →

CeeVee

CeeVee
Not only specific for developers, CeeVee allows you to create a themed professional resume, giving you the option to make it either public or private.
CeeVee →

Billable

Billable
If you don't likes the tedious task of invoicing, then you will love Billable. It really doesn't get any simpler than this.
Billable →

Bounce

Bounce
Bounce is a tiny app that allows anyone to give feedback on the design of any given webpage.
Bounce →

TinEye Reverse Image Search

TinEye Reverse Image Search
TinEye is a reverse image search engine. It finds out where an image came from, how it is being used, if modified versions of the image exist, or if there is a higher resolution version.
TinEye Reverse Image Search →

CopyPasteCharacter.com

CopyPasteCharacter.com
CopyPasteCharacter is a very useful tool for copying & pasting those impossible to remember HTML entities.
CopyPasteCharacter.com →

NounProject

NounProject
The Noun Project collects, organizes and adds to the highly recognizable symbols that form the world's visual language. The symbols can be downloaded completely free.
NounProject →

You might also like…

A Review of Web Design Trends from 2010 →
The Trend of Minimalist Graphic Design →
How To Control Flow Within Your Web Designs →
Accessibility Principles for the Modern Designer →
Professional Structure and Documentation in Web Design →
Clear Your Mind to Focus on What Matters →
What the Future of Cloud Computing means for Web Designers →
Beginners Guide to Using the Power of Color in Web Design →
Understanding and the Meaning of Color Within Design →


CSS3 Button Tutorials and Techniques Revisited

Once upon a time when a web design required a nice, functional and scalable button it would have had to have been firstly designed in Photoshop, implemented with the sliding doors technique, and you may have had to spice things up with a little Javascript. With CSS3 everything is changing – everything is easier and certainly better.

As well as button tutorials and techniques we have also showcased some CSS3 tools and generators, you will find these at the bottom of the post.

Throughout this Christmas week we are taking a look at the most popular and most resourceful articles that we have published in the past year.
I promise that by next week normal service will resume with even higher quality articles, with even more resourceful posts and, of course, some highly inspirational posts. I can hardly wait !
Hope you have all had a great Christmas!

This article was originally published on February the 15th 2010 and entitled 20 CSS3 Tutorials and Techiques for Creating Buttons.

Pretty CSS3 Buttons

CSS3 Buttons
The Objective of this tutorial is to create a set of button styles that are cross browser compliant, can degrade gracefully for non CSS3 compliant browsers and are are entirely scalable, meaning that you can make it a variety of sizes and colors with ease.
This tutorial lends its self heavily from the Super Awesome Buttons tutorial from Zurb, with some insightful and useful alterations and additions.
Downloads and Docs »Demo »

CSS3 Button That Degrades Nicely

CSS3 Buttons
There was a time where creating a nice looking, scalable button required heavy use of images, the sliding doors technique and even some Javascript.
As it stands a lot of the modern browsers support the CSS we would like to use to create a nice looking button. Firefox, Safari and Opera all have support for rounder corners, box shadows and text shadows.
What used to take six steps and lots of extra mark-up, images and CSS, now only takes three steps and some simple CSS3.
Downloads and Docs »Demo »

Dynamic Buttons With CSS3

CSS3 Buttons
The example in this tutorial demonstrate how to create nice looking, dynamic buttons that are fully scalable using the CSS3 properties border-radius, box-shadow and RGBa.
By using RGBa color values, the button and text shadows will always blend well with any color you choose for your button, no matter if you want the button to be green, red or blue – The code will always remain the same.
Downloads and Docs »Demo »

A Sexy Button Using CSS

CSS3 Buttons
Downloads and Docs »Demo »

Roll Your Own Google Buttons

CSS3 Buttons
Google has a new focus on webkit-specific properties thanks to their new Chrome browser, which uses a branch of the same rendering engine Safari uses.
The buttons use the -webkit-gradient function, which takes in arguments for the gradient start and stop points as well as color and then creates what the browser basically considers an image. That means you can use gradients anywhere you would use images, including backgrounds and even borders (with border-image).
Downloads and Docs »Demo »

Cool Overlapped Menu using Sprites

CSS3 Buttons
Here you can learn how to create a cool overlapped pure CSS menu/button using CSS sprites. CSS sprites can be termed as a method for reducing the number of image requests to a web page by combining multiple images into a single image, and display the desired segment using CSS background-image and background-position properties.
The photoshop source is also available for download, so that you can customize it as per your need.
Downloads and Docs »Demo »

Sexy Buttons

CSS3 Buttons
Sexy Buttons is a HTML/CSS-based framework for creating 'sexy' web site buttons. These stylish, attention getting buttons can be used for calls to action wherever user interaction is desired and can be used with either the <button> or <a> elements.
The entire 1000 icons from the Silk Icons set and the 450+ Silk Companion Icons set are included with the Sexy Buttons download.
Downloads and Docs »Demo »

Radioactive Buttons with CSS Animations and RGBa

CSS3 Buttons
Using CSS animations in Safari, you're able to turn an otherwise ordinary button into a glowing, radioactive mess of awesome.
To make it work, you first have to specify all your button styles and then you add the shadows. Now, in the animation, you switch from a box-shadow that matches the background color to the color of the button to give it the glowing effect – And then you add in some animation. Awesome!
Downloads and Docs »Demo »

Super Awesome Buttons

CSS3 Buttons
This is another tutorial lending itself from the perfectly titled the super awesome buttons, from Zurb. This time the developer has extended them to improve the cross browser compatibility, added a nicer design for when the buttons get clicked and finally removed the necessity to set to different background colors for different states of the buttons.
Downloads and Docs »Demo »

CSS3 Buttons from CSSPlay

CSS3 Buttons
This demonstration, from Stu Nicholls of CSSPlay, will work in Firefox, Safari and Google Chrome and shows how to style buttons using just the border radius, drop shadows and gradient fills.
No graphics have been used in the demo and no extra markup. If you wanted to be adventurous you could also add a hover state change of gradient fill to give an illumination effect.
Downloads and Docs »Demo »

Shiny Happy Buttons

CSS3 Buttons
In this tutorial you will build buttons that use no images, neither in your HTML nor your CSS. There will be no sliding doors and no image replacement techniques. Just straight up, CSS, CSS3 and a bit of experimental CSS. The finished button will be compatible with pretty much any browser (though with some progressive enhancement for those who keep up with the latest browsers).
Downloads and Docs »Demo »

CSS Sprite-Slide Button

CSS3 ButtonsThere are lots of tutorials on sliding doors button and lots on the sprite technique, but never a combination of both.This button combines the wonderful sprite technique with the sliding doors technique to make a beautiful button that not only loads in a snap but also looks great and scales to your text.
Downloads and Docs »Demo »

CSS3 Box-Shadow Button with Inset Values (Aqua Button)

CSS3 ButtonsThere’re plenty of tutorials that describe how to create a sexy aqua button with Photoshop, but none that will show you how to create the button using only CSS, more specifically CSS3 (-webkit-gradient, text-shadow and RGBa).
Downloads and Docs »Demo »

Simple Button with CSS Image Sprites

CSS3 Buttons
The button you’ll be creating in this tutorial takes on traditional styling using subtle gradients and outlines to give the impression of a rounded, three dimensional object. You will learn how to built this simple using CSS image sprites, starting right at the beginning in Photoshop and finishing with the complete coded example.
Downloads and Docs »Demo »

Beautiful Buttons with CSS Gradients

CSS3 Buttons
Using a CSS-based method means you don’t have to regenerate images every time you change text, pages will load much faster and it allows text to be easily localized. In this case it also makes the page better from an accessibility standpoint – the text contained in the <a href> can add context.
In this demo you'll be shown a simple use for the new gradient capabilities and learn how to build a nice-looking embossed and beveled button using gradients and existing CSS properties.
Downloads and Docs »Demo »

Fancy Buttons Are Here!

CSS3 Buttons

Downloads and Docs »Demo »

Better Button and Nav Interactions

CSS3 Buttons
The iPhone user controls are responsive, like tactile objects in your hand. The panels slide and the icons glow when you touch them. It gives the illusion of tighter control over the app. Switching to a touchscreen-less web browser, interactions feel stiff and unsatisfying and lack of response creates a feeling of distance been the user and the interface.
In this well described tutorial the button you will build has a distinct :hover and :active states so that it depresses when clicked. The text also bumps down 1 pixel and the text-shadow changes to give it a 2-dimensional feel. Now that CSS3 is gaining wider support, most of this styling and behavior can be done pretty easily.
Downloads and Docs »Demo »

Nice 3D Ribbons Only Using CSS3

CSS3 Buttons
Yes, it is possible to create a simple and nice (3D) layout with some CSS3 properties, only using code and without the help of any graphic editor.
You will be using box-shadow to create a drop-shadow with RGBa, border-radius and the transform property for the single items of the list to make a nice 3D effect.
Downloads and Docs »Demo »

Super Awesome Buttons with CSS3 and RGBA

CSS3 Buttons
Super Awesome Buttons are certainly the Daddy of all the CSS3 buttons above. It was back in April 2009 that ZURB first published this tutorial, and set a high bench-mark for all to follow.
They may look like images, but loading speed and maintainability demonstrate that they are certainly not.
It's a simple button that is made possible by a transparent PNG overlay (for the gradient), border, border-radius, box-shadow, and text-shadow.
Yes, they are so awesome!
Downloads and Docs »Demo »

CSS3 Gradient Generator

CSS3 Buttons
The CSS3 Gradient Generator was created as showcase of the power of CSS based gradients as well as a tool for developers and designers to generate a gradient in CSS.
CSS gradients generate an image result, meaning the result of a CSS gradient can be used anywhere an image can be used, be it a background-image, mask,border, or list item bullet.
CSS3 Gradient Generator »

CSS3 Generators and Tools from Westciv

CSS3 Buttons
Developers from Westciv offer free to use CSS3 generators, that will not only help with your buttons but with almost every aspect of CSS3.
The tools are:
Linear and Radial Gradients »
Explore CSS gradients (both linear and radial) (an experimental feature in Safari 4, and a proposed addition to CSS3).

Shadows (Text and Box) »
CSS now lets you create drop shadows on text, and on the box of an element. Explore CSS3 transforms (supported in Opera 9, Firefox 3.5 and Safari 1.2 and higher), and box-shadows (supported in Firefox 3.5 and Safari 3.1).

CSS Transforms »
You can rotate, scale, skew, and otherwise transform HTML elements with CSS 3. Explore CSS3 CSS Transforms (supported in Opera 10.5, Firefox 3.5 and Safari 4 and higher).

CSS Text Stroke »
You can stroke text with experimental CSS text-stroke, supported in Safari 4.

You might also like…

15 jQuery Plugins for Better Web Page Element Layouts »
10 jQuery Plugins for Easier Google Map Installation »
25 Tutorials and Resources for Learning jQuery UI »
Creating a Web Development Environment using Google Chrome Extensions »
CSS References, Tutorials, Cheat Sheets, Conversion Tables and Short Codes »
The Blueprint CSS Framework – Tutorials, How-to Guides and Tools »
50 Essential Web Typography Tutorials, Tips, Guides and Best Practices »
50 Useful Tools and Generators for Easy CSS Development »
20+ Resources and Tutorials for Creative Forms using CSS »
24 CSS (in some cases with jQuery) Navigation and Menu Tutorials »
22 CSS Button Styling Tutorials and Techniques »
15 Amazing jQuery Image Gallery/Slideshow Plugins and Tutorials »