6 Professional Looking CV/Resume Web Templates

The Envato Team launched recently a new sub-category on Themeforest specifically for CVs/Resumes optimized for web. It’s becoming more and more common for potential customers to request a link to your personal website/CV page rather than a sheet of paper. More and more recruiters are browsing online for prospective applicants instead of advertising their position and calling for applicants. Whether you are a freelancer or you’re looking for a job, these beautiful designed HTML templates will broaden your chance of getting more clients.

1) Clean CV / Resume Html Template + 4 Bonuses!

The download package includes:

  • 2 CV / Resume HTML + CSS Template Layouts
  • Print ready CSS stylesheet besides the regular one
  • An awesome AJAX Contact Form
  • PNG and PSD Source Files
  • Bonus folder with Envelope, CV, Business card, Letter in .indd format + jpg previews
  • Extensive step-by-step documentation on customizing each section of the template

Buy Now | Live Preview | View Screenshots

View more awesome resume web templates…

Create pretty CSS3 scaleable buttons

Ashley Ford from PaperMashup is sharing a nice tutorial about creating a set of pretty CSS3 buttons that are both cross browser compliant and degrade gracefully for non CSS3 compliant browsers. Currently, compatible CSS3 browsers are Safari, Chrome and FireFox 3+. It is worth noting that if you’re using Internet Explorer you’re not going to see all the effects as Microsoft’s browser still doesn’t support CSS3.

A button is customized by adding a chain of CSS classes. This way you can set the color and size. The button uses an overlay background image. This is useful for the gradient effect. For IE6 you’ll need to use a PNG transparency hack to make a 24 bit PNG’s render correctly. Another thing to notice is the way colors are defined. All are set using RGBA which brings much more flexibility when rendering shadows.

All-in-One CSS/HTML/JavaScript Front-End Framework: Easy

The main goal of Easy’s framework is to provide a solid base for all of your front-end projects. This CSS/HTML/JavaScript framework is meant to reduce the amount of time spent on setting up the basic master HTML template by reusing the same coding techniques. Easy includes all 3 layers of front-end: structural, presentational and interactive. That makes it the true all-in-one solution for your next front-end project.

Easy is not just a CSS framework designed for building layouts. It includes built-in (JQuery powered) interactive functions and a library of preformatted and precoded CSS/HTML content blocks that you can simply paste into your master template.

Main features include:

  • Rock-solid base HTML structure
  • Predefined basic CSS styles for both screen and print
  • Built-in set of interactive functions (no JavaScript code needed)
  • Library of HTML content blocks that can be easily used and reused
  • Basic file organization and possibility of expanding the library with your own code

Easy is rock-solid, true all-in-one front-end solution that you can easily use as it is or customize to fit your own needs.

Enhance your Website Design with Sexy Buttons: Simply-Buttons v2

Do you need clean, crisp and consistent buttons to improve your website’s design? Simply-Buttons v2 is a choice to consider. You can use only CSS to stylish the buttons or the JavaScript component that uses the sliding doors technique to enhance the look of the buttons. Both the look and the feel of the buttons is customizable (ex: by creating your own CSS file).


Features include:

  • Buttons size to fit text.
  • Support for 3 states: Inactive, Active, and Hover.
  • They look and behave the same way in every browser and operating system.
  • The do not need the javascript to work, they work with just the CSS
  • Customizable buttons to suit your design

eCSStender: Simplify the design process by authoring modern CSS


If you are looking for a way to take control of your CSS, then eCSStender is a choice to consider. It’s time to say hello to lean and mean CSS and forget about the browser-specific properties and hacks cluttering your files.

The following extensions are currently available or are in development:

  • CSS3 Selectors
  • @font-face support
  • CSS rotation (currently bundled with eCSStender as an example)
  • CSS3 border-radius (currently bundled with eCSStender as an example)
  • CSS3 Columns

Extensions built with eCSStender greatly simplify the design process because you can author modern CSS using advanced selectors, properties such as border-radius, or custom font faces and rest assured that your design will work… even in IE6.

Change the way you Write and Manage your CSS using CSScaffold

CSScaffold is a new type of CSS, built with PHP, that changes the way you write and manage your CSS. It speeds up your development time by doing the hard work for you. Scaffold is different to other CSS frameworks, like Blueprint and 960.gs, but it’s power lies in it’s ability to extend the CSS language. It offers you the possibility to generate the CSS found in other CSS frameworks dynamically, like grid classes to quickly build layouts. The framework uses .htaccess files to automatically pass any CSS file through Scaffold first for processing and caching. You just have to drop the files onto your server (keep the framework in your CSS directory) and you’re ready to go with the CSS you’ve already written.

Features include:

  • Written like CSS (it is not necessary to learn a new language to use it)
  • Usage of constants within the CSS document
  • Use mixins like in SASS and Compass
  • Nest selectors to tidy up your code
  • Optimize, compress and gzip
  • Generate test suites for typography, layouts and form styles
  • Plugin architecture that lets you extend the language the way you want

xCSS: A Lightweight Open Source Object Oriented CSS Framework

xCSS is an open source lightweight framework that bases on CSS to empower a straight forward and object-oriented workflow when developing complex styles cascades. This framework is very useful to cut out development time by: having an intuitive overview of the overall CSS structure, using variables, re-using style existing cascades, nesting selector declarations, extending objects and many other handy features. xCSS seemly integrated into any existing workflow. An advantage is that the CSS overhead is getting reduced while your (X)HTML attributes remain semantic.


xCSS compiles on the fly (your natural CSS workflow remains the same) and it easily configurable (you can setup the file hierarchy and miscellaneous output settings in one single xCSS config file).

Introduction to HTML5: The New Hypertext Markup Language Format

Brad Neuberg, an internationally recognized software inventor, engineer, and open source consultant, has putted together an educational “Introduction to HTML 5 video (timing 45:55) that goes over many aspects of this new standard that has been said to become a game-changer in Web application development. Some of the things that are mentioned by Brad include:

  • Web vector graphics with the Canvas tag and Scalable Vector Graphics (SVG)
  • The Geolocation API
  • HTML 5 Video
  • The HTML 5 Database and Application Cache
  • Web workers

Read more from this entry…

Improve the Default Look of Your Form Elements

jqTransform is a JQuery Styling Plugin released by DFC Engineering, that allows you to skin form elements. The plugin is released under the GPL license and it is compatible with IE 6+, Safari 2+, and Firefox 2+. You can easily customize the form via CSS.


NiceForms is a non-intrusive JavaScript method that allows you to completely customize your web forms.


Features include:

  • Fully scalable form fields and buttons
  • Customize the look of the forms by creating your own theme
  • Buttons are automatically expanded to accommodate the amount of text present
  • Supports Keyboard-only navigation

Starting with the basic XHTML code for a web form, Niceforms parses the DOM tree, gets all the input fields, hides them, and positions their new graphical appearance in place. All this is done while preserving the date transfer and selection features of the regular form. Everything is done via javascript.

Baseline CSS Framework: A “Real” Baseline Grid on the Web

Baseline is a free to use CSS (Designer) Framework useful to easily develop a website with a pleasing grid and good typography. Baseline starts with several files to reset the default browser behavior. It builds a basic typographic layout (includes style for HTML forms & new HTML 5 elements) and a simple grid system. A nice feature of this designer framework is the fact that is uses the font metrics to line up headlines, paragraphs, form labels and any other major elements on the page baseline, creating a harmonious layout.


Baseline can be used in many different ways. Use the reset.css and base.css file as a starting point, include the type.css for typographic control or include all files to have a complete foundation to start your web project.