05 · 05

10 Free Professional HTML and CSS CV/Resume Templates

There are quite literally hundreds upon hundreds of free CV or resume templates readily available to download out in the deep recesses of the web, available in every conceivable format and covering every possible profession. These templates are OK, they are professional enough, but there are two things that these templates lack – originality and creativity – not one will present you in a way that sets you apart from the rest, something that all potential recruiters will be looking for first.

All of the HTML and CSS templates below all look good and professional as is, but with a little bit of personalized creative styling, they will have the chance to look amazing and original, allowing you to present yourself to your future employer in a manner that is not only professional but, more importantly, will allow your creative flair to come to the fore-front.

Resumé Template by Jonno Riekwel

Resumé Template by Jonno Riekwel

One Page Résumé Site by CSS Tricks

One Page Résumé Site by CSS Tricks

Sample Resume Template by Things That Are Brown

Sample Resume Template by Things That Are Brown

Free HTML Resume Template by Roger Byrne

Free HTML Resume Template by Roger Byrne

5 Blank HTML Resume Templates by Terrill Dent

Sans Serif, Single Column

Sans Serif, Single Column

Serif, Single Column Template

Serif, single column

Sans Serif, two column

Sans Serif, two column

Serif, Two Column Template

Serif, two column

Sans Serif, Three Column, Repeated Background Template

Sans Serif, three column, repeated background

Blank HTML Resume Template by Alex King

Blank HTML Resume Template by Alex King

Curriculum Vitae Template by webadmin.ufl.de

Curriculum Vitae Template by webadmin.ufl.de

You might also like…

15 Useful CSS3 and HTML5 Templates and Frameworks »
30 Brand New Quality Wordpress Themes »
15 CSS3 Navigation and Menu Tutorials and Techniques »
20 CSS3 Tutorials and Techniques for Creating Buttons »
24 CSS (in some cases with jQuery) Navigation and Menu Tutorials »
22 CSS Button Styling Tutorials and Techniques »
CSS References, Tutorials, Cheat Sheets, Conversion Tables and Short Codes »
50 Useful Tools and Generators for Easy CSS Development »

05 · 05

Google Search Gets a Major Overhaul [PICS]

After months of testing and speculation, Google is finally releasing the next edition of Google search to the public, complete with a left-hand menu bar and even an update to the well-known Google logo.

The new version of Google (Google

) has some major differences, but the changes can be broken down into three groups: design changes, the addition of a left-hand navigation panel and a more “unified” search experience.

The product that is launching today has been the result of countless experiments Google has run, many of which our readers have noticed. I spoke with Patrick Riley, the technical lead for Google Web Search, about those experiments and how they ended up in this edition of Google Search (Google search

).

Design Changes: Simplicity Is Bliss

The first thing most people will notice are the design changes to the home page, search results page and the Google logo.

Here’s what it looks like:

The focus on simplicity hasn’t changed — in fact, that’s why Google created a new edition of the logo, which removes most of the shadow, some of the gradient and even the “TM” symbol at the end.

As Patrick Riley told me, the intention is to go for a cleaner and simpler look across the board. The new Google logo will roll out on Search starting today and will eventually replace all of the other logos on Google’s other properties.

The search results page has also been cleaned up. The traditional blue box that encompasses the search box at the bottom of the search engine results pages (SERPs) has been removed. The underlines under the numbers and several of the links have also disappeared.

Left-Hand Navigation

The design changes aren’t the biggest ones rolling out today, however; it’s the left-hand navigation that is going to be most obvious to users.

Whenever you perform a search with the new interface, the left-hand navigation you see above will appear. The top left should be self-explanatory; it lists the types of searches you can make, such as image search, shopping search and books search.

What you may not realize at first glance is that this is a dynamic sidebar; Google has designed it to change based on the type of search you’re making. If you’re looking for breaking news, Blog (blog

) and News (news

) search is more likely to pop up, while if you search for clothes or shoes, Shopping Search is likely to appear in the list.

Below that section are the query related search tools — things such as related searches, Wonder Wheel, and timeline. Again, this section is dynamic and changes based on the type of search you are making.

Overall, the system is designed to help users refine search results by adapting to their search needs. However, the changes are also meant to “unify” the search experience — when you click on any of the menu items, it doesn’t take you to a completely different looking search results page. The left-hand menu will stay put as you search, which should make it easier for users to navigate the page.

The Experiments Are Not Done

While the new version of Google Search has officially launched, Riley told me that it isn’t the end of the experimentation or of changes to Google’s best-known product. He pointed to the countless iterations of Google over the years, as well as some different designs that the company tested out. Google will continue to run most of its search experiments as it rolls this version to the rest of the world.

What do you think of the new Google design? Are you a fan of the new left-hand nav? Let us know in the comments.

05 · 04

Internet Explorer Loses Ground to Chrome, Firefox and Safari

Internet Explorer Losing Ground Each month, the news gets worse for Microsoft's Internet Explorer. The BBC reports that the latest numbers from several measurement firms show the Web browser continuing to lose market share to competitors like Mozilla, Apple and Google.

Depending on who you ask, as of April, the various versions of Internet Explorer comprises anywhere from 51.42-percent (according to StatCounter) to 70-percent (says Nielsen) of the browser market. According to Conceivably Tech, that's the lowest mark for Microsoft since the release of Internet Explorer 4 back in 1999. Of course, Google Chrome, Safari, Firefox and Opera are gaining traction with users. According to data from Net Applications, Chrome beat out Safari with double-digit growth rate since its release, and now accounts for 6.73-percent of the market. Google's browser still trails Firefox, which makes up about 24.59-percent of the market.

What's the cause for the continual drop? It could be the string of recent security flaws in Microsoft's browser, or it could be the regular upgrades offered by other browsers like Firefox. Either way, Microsoft better hope IE 9 is all that it's cracked up to be

Is anyone surprised by this??? I'm not...actually I am happy.

05 · 04

10 examples of futuristic CSS3 techniques

Pure CSS speech bubbles

In a design, bubbles can be great to illustrate a quote. In this article, talented designer Nicolas Gallagher will show you what he built with CSS3: Text bubbles, with no Javascript or images.

Source: http://nicolasgallagher.com/demo/pure-css-speech-bubbles/bubbles.html

Super Awesome Buttons with CSS3 and RGBA

CSS has always been great to enhance buttons; but using CSS3, the RGBa property, and of course a lot of creativity, you can create modern and clean buttons. The folks at Zurb will show you how in this great tutorial. Note that I enjoyed that technique so much that I used it on my own comment form!

Source: http://www.zurb.com/article/266/super-awesome-buttons-with-css3-and-rgba

Classy photo frame using CSS3

As I recently said on my other blog Cats Who Blog, images are very important in blogging, and in the Internet media in general.
In order to enhance your images and give them a unique look and feel, the box-shadow CSS3 property is a must. Here is the code used in the example below:


Source: http://www.change.org/actions/view/tell_the_senate_protect_polar_bears_from_global_warming

Easily Turn Your Images Into Polaroids with CSS3

Although this technique can be considered as experimental only (It doesn’t work on IE, as you can expect…), I have to admit that I was surprised to see that this demo only uses CSS3 and no Javascript at all.
The tutorial will show you how to use CSS3 to transform a simple image into a Polaroid.

Source: http://www.zurb.com/article/305/easily-turn-your-images-into-polaroids-wi

Fancy web form with field hints using only CSS3

Web forms are very important because this is the main way for your visitor to get in touch with you. But styling web forms isn’t easy, and in most web sites, forms are boring and quite ugly.
The following post will show you how to use CSS3 to create a stylish web form with field hints. And no, it does not require any Javascript.

Source: http://www.skyrocketlabs.com/articles/css3-web-form-hints.php

CSS3 Drop down Menu

Ah, drop down menus. Those are extremely popular and every designer or developer had to work with at least one in his career. So what about using the power of CSS3 to enhance drop downs? In this article, talented web designer Nick La will show you how to proceed. And I must say that the result is absolutely fantastic.

Source: http://www.webdesignerwall.com/tutorials/css3-dropdown-menu/

CSS 3 selectors explained

CSS3 has lots of exiting properties, such as box-shadow and border-radius. But CSS3 also introduces new selectors, which can definitely make your life easier.
Although there’s nothing hard with these new selectors, it is important to learn what new selectors are available and how they work, so you can use them in your websites. The following tutorial is simple to follow and extremely efficient; a must read for anyone who works with cascading style-sheets!

Source: http://www.456bereastreet.com/archive/200601/css_3_selectors_explained/

Recreate Mac OSX interface using CSS3

Wow! This one totally rocks. As you can see in the screenshot below, the folks from CSS3.info had fun recreating Mac OSX user interface using CSS3 and some jQuery. Unfortunately, the method they used is not detailed, but you can still view the source and learn by the example.

Source: http://www.css3.info/wp-content/uploads/2007/08/colormoduletest.html

Letterpress Text Effect Using Photoshop and CSS

Typography is definitely something that can either make a design great, or totally ruin it. CSS3 introduced some really interesting properties to enhance the texts and titles of your designs.
In this post, you’ll learn how to create a “Letterpress” effect using CSS3 and Photoshop.

Source: http://acrisdesign.com/2010/03/letterpress-text-effect-using-photoshop-and-css/

Creating a Polaroid photo viewer with CSS3 and jQuery

Seems that Polaroid’s are popular again: After the Zurb example I shown you earlier, here is another really cool way to create a gallery, using CSS3 and jQuery. The tutorial is easy to follow and the result is quite nice.

Source: http://www.marcofolio.net/webdesign/creating_a_polaroid_photo_viewer_with_css3_and_jquery.html

05 · 04

ChoiceVendor Brings Yelp-Like Reviews to Businesses

Media_httpcdnmashable_oqfof

My company is a verified vendor. We would like a review when you have a change. http://www.choicevendor.com/vendor/the-everyday-web-expert/

Kyle Reddoch

I am an aspiring Web Developer, Android Fanatic, Family Man, and all around Web Geek! I also do Freelance Development work.

About

My Journey through the Interwebs!