In my first usability test, I met a dear old woman who didn’t know how uses a mouse. She lifted it up and pointed it at the screen, encouraging the cursor in verbal tones! At the test’s conclusion I got completely nothing. But I quickly learned the importance of laying down very exact criteria for recruitment of participants.

If you have run such a usability test in the past, you know how tough it is to conduct. It may not be rocket science, but there are certain difficulties involved which make a huge difference. I will share some lessons that I learned, in this article, which ought to help you prevent your usability test from becoming an exasperating experience for both you and your test participant.

Learning through one’s mistakes they say is the finest way to realize things. But all of us don’t get that opportunity. I will discuss some guidelines that I learned in my career path which ought to assist you in quickly improving your usability testing talents and so avoid the occupational hazards.

Ask Specific Questions About Design Usability In Your Test Script

When you begin another test of usability, don’t suppose that all you require is to select the key website areas and ask users to finish those tasks. You could discover some helpful insights by using this technique. But it shouldn’t surprise you that when you present your findings to the project stakeholders you have to face a barrage of questions for which you have no answers.

In Short…

Talk to the folks you have to report to; ask them what are the key questions they have to research for answers. If you have a host of questions, line them up in priority before you work your way forward and answer them in the best way possible. If the questions are vague or if you are not sure why they have been asked, get some clarification. More you comprehend why the questions are being asked, the better prepared you will be in answering them.

Make Participants Behave Naturally

When participants appear for a test, they’re generally unsure about what to anticipate. They’re likely to be nervous as if a camera was poking into their faces and someone was looking searchingly at them. Don’t be amazed if they seek guidance at the start. If you exert too much control at the beginning, you’ll give them the feeling that they have to get your permission before doing anything.

In Short…

Persuade users to act naturally by starting the test with an expansive task that allows them to explore in any way they would like to. I normally make use of previously prepared test queries to reveal an actual hassle they face in the perspective of the test and then I allow them to answer in as natural a way as possible. I was once testing an online realty website. Thus, in the first assignment, I asked them to hunt for a residence in the place where they would like to purchase — with a fixed budget. This helped us to get a true scrutiny of how they use the website and also set the context for upcoming test tasks.

Give Users Freedom To Do The Task Their Way

In days gone by I used to give a task and when users began to go off the track I’d pull them in and tell them to make another attempt. I was very controlling and was at times losing my relationship with the participants.

In Short…

Always give your users room to roam freely about the website and even go off the track a bit before you haul them back to the task’s purpose. You could feel that you’re losing power or that the user has not understood the job. But resist the temptation for some time for it could be enthralling to watch where and why they go to.

Relax, Keep Quiet And Watch What Happens

It’s easy to be strict and only see what you require your users to do. When they produce unexpected, interesting things, it is very useful if you ask them what’s in their minds. But this must be done early and often or you will fail to correctly observe natural behavior.

In Short…

Don’t interrupt the flow of your participant’s thought processes. The more you butt in, the more likely they will lose the confidence to finish tasks without help. If you keep on ask them questions frequently, they will lose the flow and you will not see their natural behavior.

Prepare The Participants’ Tasks Openly

When you attempt a new task, you would like to have control of the variables and shut down the unfamiliar. Experience will teach you to let go of domination as you get more assured that you will be able to tackle everything that crops up.

I used to like writing out the precise scenario for a task. But I quickly learned that they do not engage in the same way when I give tasks that fit in with what they normally would do. I once asked a teenager to think that he was a mother of 3 children in order to finish a job. Not surprisingly, he stared at me in a strange manner and did not get really involved in the job, before giving it up and saying he could not find it.

In Short…

Set your users’ overall task but try to be nonspecific and then specify the situation to the participants. While this may not be possible always, there is great value in spending some time at the start of the test to learn who your participants are present and their use of the same kind of services/products. If you are able to use this scenario to form a test situation that matches the real problem they would like to resolve, you will be able to learn a lot more than a situation where a person only pretends to be in the picture.

Include Tasks On Websites of Peers/Competitors

If you spend an entire hour on one website it can bore both you as well as your participants. And boredom is not the only trouble! All your discoveries and scrutinies are based on a single, remote case. You don’t have a real awareness of the reason why that person all the time reaches out for the search box, or if he/she did it only on your website for the navigation options confused them. Looking at just one website will not give you a true picture of web usage by people.

In Short…

Make time to examine your competitor’s or peer’s websites, as a part of the test. Ask your participants at the beginning details of the websites that they are currently using; tell them to show it to you. Then introduce a competitor’s/peer’s website that they have never used. Now you will learn far more about their behavior patterns and why they selected this website and not that one. Importantly, you’ll get to know what functions well on websites other than your own, and why.

Don’t Tell Them Which Website You Plan To Test Immediately

I have erred in the past by making it clear to participants the website I was about to test. This may be difficult to evade, sometimes, but do it if it’s possible. The benefit from this action is that it becomes pretty hard for someone to be totally sincere about their website experience if he/she is working for the web company as either an employee or agent.

In Short…

It’s very beneficial to get participants test competitor’s websites and provide you sincere feedback, before going to the website that you will test. If you achieve this and not let them know which website you are going to test, you have a greater chance of getting honest feedback from them. When the test’s end is approaching this will be obvious for you would have gotten a fairly good perception of their sincere first feeling of your website.

Summing Up…

If you wish to better the technique of your usability testing, the best way is to have more tests. But, as I’ve pointed out here, you must attempt to be conscious of how you design your test tasks and how you interrelate with the participants. This can crucially affect the result of your research. If you design your test in such a way that it concentrates on essential research questions; if you are not too strict with your tasks, that’s a good starting position. Additionally, if you include rivals in the test procedure and encourage users to act naturally, you’ll get better results.

I hope you have liked this post. If you have any queries convey them by way of comments. I’ll try to answer them in the best way possible. Also, I’ll enlarge on this subject in future articles.

Author Bio:

Alan Smith is an avid tech blogger with vast experience in various IT domains, currently associated with SPINX Inc., which offers web development, internet marketing and Web Design Services in Santa Monica region. Follow Alan on Google + and Twitter.

With its collection of cutting-edge features, technologies and APIs, HTML5 allows you to create responsive, innovative, interactive, stunningly beautiful websites. Further more, you can also make complex applications that could previously only be created for desktop platforms.

So, if you want to learn or maybe improve your web design skills and make the most of the power features of HTML5 & CSS3 such as rounded corners, multi columns, amazing 3D graphics and special effects, rich audio APIs, new elements, new attributes, then we’ve got your covered.

We’ve done the hard work for your and put together a list of 30 fantastic HTML5 tutorials for those of you just getting started, coders with some experience and looking to learn more and advanced users who want the next power tips to follow. So, whether you’re just starting out or you’ve already got advanced skills but wouldn’t mind learning some new tricks, we’ve got just the perfect tutorials for you.

HTML5 Tutorials for Beginners

 1. HTML5 Tutorials 4 U

Although a lot of you will be familiar with the basics, if you are new to coding Mentromob is a great place to start, offering detailed bite size chunks that newbies will love. You can even edit the code and see the resulting output.

2. Create a Drop-Down Navigation Menu with HTML5 and CSS3

Learn how to create a simple yet stylish drop-down menu that’s revealed on hover using the new HTML5 tags and the CSS3 styles.

3. Slick login form with HTML5 & CSS3

Create your own fancy and usable log in form using CSS3 and HTML5, without needing any JavaScript code whatsoever.

4. Simple and effective dropdown login box with HTML5, CSS3 and jQuery

Here’s another simple tutorial that can help you create a good looking dropdown login form using CSS3, HTML5 and a bit of jQuery.

5. How To Create a Cute Popup Bar With HTML5, CSS3 and jQuery

Follow the steps in this easy tutorial to build a bar that pops up at the top of the page. You can use it to display anything from news to your latest blog post.

6. How to create a cool and usable CSS3 search box

Learn how to create a cool and usable CSS3 search box using the HTML5 placeholder attribute.

7. Creating an Attractive Presentation with HTML5

This tutorial will teach you how to create a nice presentation using a couple of HTML5 tags such as nav, menu, section, aside, header and hgroup.

8.  HTML5 Grayscale Image Hover

You’ve probably seen this effect on other sites. So, follow the steps in this tutorial to learn how to use HTML5 and jQuery to dynamically close colour images into grayscale.

9.  HTML5 slideshow – canvas and jQuery

Find out how to create an elegant slideshow with transitioning effects.

10. Have a Field Day with HTML5 Forms

Learn how to style a nice looking HTML5 form using some CSS3 techniques.

HTML5 Tutorials for Intermediate Users

1. HTML5 game tutorial 

Learn to make a basic 8-bit snake game in HTML5 Canvas as well as how to implement keyboard controls in games using basic jQuery.

2. Bouncing a Ball Around with HTML5 and JavaScript

The <canvas> element is one of the most popular additions to the HTML5 standards. So, in this tutorial you’ll learn how to use it through a fun example: bouncing a blue ball around.

3. Coding An HTML 5 Layout From Scratch

Discover how to use “Graceful Degradation” and “Progressive Enhancement” techniques to achieve a fantastic, cross-browser HTML5 and CSS3 website.

4. Create an HTML5 Canvas Tile Swapping Puzzle

Learn how to work with the HTML5 canvas and JavaScript to create a dynamic tile swapping game. The result? A fun puzzle that works with any given image.

5. Create a Minimal Coming Soon Page using HTML5 and CSS3

Follow the steps in this tutorial to create a Coming Soon page with a minimalist style and light colours using HTML5 and CSS3.

6. Create An Elegant Website With HTML 5 And CSS3

Learn how to build a professional-looking blog or portfolio to showcase your work.

7. Create Your Portfolio Gallery Using HTML5 Canvas

Build a photo gallery and enhance it with HTML5 canvas and CSS3 transitions. If you have an image gallery on your site, you should definitely learn how to create this nice hover effect.

8. Creating a Minimal Blog Design Using HTML5, CSS3 and jQuery

These days, less is more in terms of web design. So, check out this tutorial to learn how to create a minimalistic layout for your blog using HTML5, CSS3 and jQuery.

9. How to create water Ripple effect using HTML5 canvas

Check out this tutorial to see how you can create some nice water drops when clicking on an image.

10. Rethinking Forms in HTML5

Transform how you enter, validate, process, and even display inputs. Learn how to create more usable forms with less code and less confusion.

HTML5 Tutorials for Advanced Users

1. Building a custom HTML5 video player with CSS3 and jQuery

Learn how to build your own custom HTML5 video player and packing the player as a jQuery plugin.

2. How to Make an HTML5 iPhone App

Another useful tutorial that’ll explain how to build an offline HTML5 iPhone application, more specifically a Tetris game.

3. Create a drawing app with HTML5 Canvas and JavaScript

Here’s a cool tutorial that’s going to teach you how to use the Canvas to create your own drawing app using various colours.

4. HTML5 Apps: Positioning with Geolocation

Discover the geolocation capabilities of HTML5 and the basic principles needed to take advantage of them in your next HTML5 app.

5. Fullscreen Slideshow with HTML5 Audio and jQuery 

This is, by far, one of the coolest tutorials I’ve seen on the web. Learn how to create a fullscreen photo slideshow to illustrate a New York picture series. You’ll also learn how to add sounds with the HTML5 audio element in order to give life to the gallery and try to recreate the ambient of this vibrant city.

6. Create a page flip effect with HTML5 canvas

Learn how to create a very cool “Flash page flip” using HTML5′s canvas and JavaScript.

7. Toying with the HTML5 File System API

Check out this tutorial if you want to learn how to use and implement the file system API. This API allows web apps to access private local system files.

8. Creating a Mobile-First Responsive Web Design

Create an adaptive web experience that’s designed mobile-first and learn how to structure HTML in order to optimize performance and prioritize flexibility.

9. HTML’s New Template Tag

This tutorial will explain how to use the new template tag.

10. Typographic effects in Canvas

Canvas element is one of the hottest features of HTML5. With this tutorial you will learn how to create typographic effects in all its glory.

Any other useful HTML5 tutorials you’d add to this list? Go ahead and share them with us in comment below.

Article written by Rahul Mistry content creator for dedicated server providers, www.heartinternet.co.uk

 You need to find the apps which will help you the best because if you’ll use something not so good, you will find yourself in a lot of unwanted situations. Modern tools must be portable and available wherever you are and even more important, to be platform independent. Thanks to the internet, we now have a plethora of applications available online so we don’t have to constantly install software apps on every computer that we work on. With internet access and a good browser such as Google Chrome you can do a great portion of your work online, from any type of device. As a web developer you will always need small apps which help you with different tasks such as checking if a website is online or how a web page looks like on different browsers. Installing all of these applications can become annoying, especially if you work on many computers, therefore you should look out for online alternatives.

In the list below you can see a list of extremely useful web apps for web developers; these great tools will help you become not only more efficient but also more happier because a working project keeps a developer happy.

Koding

Using Koding is like having a full IDE in your browser. You can work with HTML, CSS, JavaScript, PHP and many others languages so it will give you a massive portability by developing only using your browser.

Aviary’s Image Editor

Providing a world-class photo editing experience for your users couldn’t be easier. Aviary integrates quickly and seamlessly into your existing codebase. You’ll be up and running in no time.

jsFiddle

jsFiddle is a neat tool which will help you convert your code in functional components.

CSS3 Generator

This CSS3 generator will help you create style sheets using a very clever system of questions.

Loads.in

loads.in gives you the possibility to see how fast your (or any) website loads in a real browser from over 50 locations worldwide. If you have a worldwide audience, or your site is hosted in a different country from where your visitors live, it is useful to see how long it takes to load your web pages. With loads.in you simply enter the full URL of the page you want to check, and the page is retreived by a browser at a random location. For each subsequent check you can choose a specific location and browser profile.

Resize My Browser

This simple yet extremely useful tool will help you to set the browser size by both Inner window and Outer window. It is important in order to see how your website or application will look and work on different screen sizes.

Are My Sites Up?

Monitor your website status and receive alerts via SMS, email, Twitter or more depending on the level of account you choose. Get error codes with your notifications and even get keyword searches

Kuler

Adobe Kuler is a web-hosted application for generating color themes that can inspire any project. No matter what you’re creating, with Kuler you can experiment quickly with color variations and browse thousands of themes from the Kuler community.

Pingdom Tools

Pingdom Tools is a collection of tools for testing page load time, ping and traceroute. You’ll get a breakdown of all sorts of information for each test that is very helpful for performance and error testing and more. You can even monitor website performance and uptime for free.

Typetester

The Typetester is an online application for comparison of the fonts for the screen. Its primary role is to make web designer’s life easier. As the new fonts are bundled into operating systems, the list of the common fonts will be updated.

Clickdensity

Clickdensity isn’t just another statistics or web analytics tool – instead it allows you to analyse user behaviour, and identify usability and information architecture issues that would have been missed without Clickdensity’s insight.

Twitter Profile Designer

This neat web app will help you create gorgeous backgrounds for your Twitter profile. It is free, easy to use and it has lots of patterns and colors.

Springloops

Springloops is a code collaboration and management tool for teams to work together more efficiently and prevent overwriting files or code. Easily manage, collaborate and deploy projects as a team.

Domai.nr

Domainr helps you explore the entire domain name space beyond the ubiquitous—and crowded—.com, .net and .org.

Privacy policy generator

With GeneratePrivacyPolicy.com you may create professional privacy policies with our user friendly tools. Privacy policy agreements are tailored specifically for your website, your business and your requirements.

Because people are more and more interested in this field, you will find in this post a collection that includes only must have.

PS : We are building a complete showcase that will be published as soon as be ready.

Flat 3D mockup kit

Beautiful Flat Icons of Social Media

Flat Web Elements

Freebie PSD – Flat Icons

Flat UI Design Elements with PSD

Flat UI

Easy Note Flat Elements

Apple devices – Flat icons (PSD)

I want to help you guys and for that I found for you Iphone gesture icons that can save a lot of time of your effort. You can use them for presentations, sketches, storyboards etc.

This set of iphone gesture icons contains 12 numbers of icons in illustrator format. More importantly, it is free to use by just clicking on the attachment file below the image.

Top Bar

Mini Dropdown Menu

Notification alert modal windows with CSS3

Mac OSX-like animated folder with CSS3

Simple Hover CSS Menu

Responsive CSS Navigation Menu

Toolbar CSS snippet

Month Picker

CSS Page Fold

Form Alert Interface in PSD and CSS

CSS Animated Buttons

CSS Windows 8 Metro Buttons

Dark and Light Dropdown Lists

Countdown flip clock CSS + jQuery

Share Buttons

Newsletter Sign Up Form

Facebook Notify Widget in HTML/CSS

CSS3 trendy retro photo effect

Custom CSS dropdown list

Beautiful Slider Interface

So, if you decided to start your web development career, then you will need to learn both of them. In this article I have collected 40 very useful HTML5 and jQuery tutorials that will show you different solutions for many of the most common problems that can appear when building a website or even more, they will help you understand and add hot features on your site. We will start with HTML5 tutorials and then we’ll dive into more complicated stuff showed by the jQuery tutorials.

HTML5 tutorials

1. How to design a Foursquare-like user profile page using HTML5

2. How to create offline web applications on mobile devices with HTML5

3. HTML5 Grayscale Image Hover

4. Learn how to draw with HTML5 canvas

5. How to create an HTML5 Canvas Tile Swapping Puzzle

6. Learn how to use semantic HTML

7. Build a Lightbox for a responsive HTML5 touch interface

9.Create your portfolio gallery using HTML5 Canvas

10. Interactive typography effects with HTML5

11. How to detect geolocation on web browser using HTML5

12. Learn how to Build Cross-Browser HTML5 Forms

13. How to create HTML5 audio visualizations

14. How to create a drag and drop using HTML5

15. How to create a page flip using HTML5

16. How to make disaster-proof HTML5 forms

17. How to start making games using HTML5

18.  How to create an iPhone app using HTML5

19. How to create a progress bar with HTML5 Canvas

20. How to create an animated 404 error not found page

jQuery tutorials

1. How to create an animated Scroll to Top

2. How to change image on click with jQuery

3. How to expand stacked images using jQuery slider

4. JQuery Internal link animation scrolling

5. How to shuffle between images using JQuery

6. How to create a thumbnail proximity effect using jQuery

7. How to create a parallax scrolling using jQuery

8. How to make a curving text using jQuery and CSS3

9. How to create an attractive before and after photo effect with jQuery

10. How to Create an Upload Form using jQuery and PHP

11. How to create a simple voting  using JQuery

12. Pretty Simple Content Slider with jQuery and CSS3

13. How to create a simple JQuery Flickr style tooltip menu

14. How to create a neat calendar using only jQuery and CSS3

15. Shutter effect portfolio with jQuery

16. How to make a responsive horizontal layout

17. Enhance your checkboxes using jQuery and CSS3

18. How to create a Metro style menu using jQuery

19. How to create moving boxes content with jQuery

20. How to build an e-mail request invitation form with jQuery

CSS3 Keyframes Animations Tutorial

I decided to explore the area of css3 keyframes animations. The idea was simple – to create a sort of virtual postcard. I live in Paris so obviously I send you my greetings from Paris :).

Create a Stylish Contact Form with CSS3 Transitions

Inspired by the contact form on Clear Span Media website I decided to recreate an effect of a letter sliding out from an envelope on mouse hover.

Saving custom fields in quick or bulk edit mode in WordPress

This code has been tested using TwentyEleven, the default theme of WordPress 3.2 but it should work consistently on other themes since it doesn’t uses anything from the theme.

Cool Notification Messages With CSS3 & jQuery

Notification messages are an important part of the user experience and you can’t afford to omit them. A notification alert message should appear every time the user perform important tasks. In this article, you’ll learn how to create some alert messages with CSS3 and Jquery.

How To Create a Slick Features Table in HTML & CSS

We’ve all grown up as web designers staying well away from table based layouts, but we don’t often brush up on our table building skills ready for when we will actually need them. Follow this step by step tutorial to create a slick looking data table to compare the features of various Harley Davidson motorcycles. We’ll build the table in clean HTML then polish it up with CSS to create a cool and easily readable HTML table.

Migrating WordPress Across Hosts, Servers and URLs

Here’s a handy article for WordPress users: everything you need to be aware of when migrating a WordPress application across hosts, servers and URLs.

How to Create a Custom Facebook Share Button for your iFrame Tab

Read this tutorial and learn how to create a custom Facebook Share button to use on your Facebook iFrame tab that will allow viewers to share and post your custom content to their Wall.

10 HTML Entity Crimes You Really Shouldn’t Commit

An interesting article that covers some petty mistakes you may be guilty of committing with your HTML.

Designing and Coding a Clean Multi Purpose Website

Read this tutorial where you’ll learn how to create a fairly simple, yet stylish solution for your own small corner of the web, without having to go the extra mile.

How to Convert WordPress Theme to HTML5

HTML5 offers many improvements and cool features that can be useful while using WordPress. In this tutorial you will learn how to convert a WordPress theme to HTML5.

Experimenting with the element() CSS function

This tutorial dives into experimenting with the new CSS feature added to the Gecko engine, called the element() function.

Get started with mobile SEO

Optimise your site for its mobile audience and make the most of the mobile search opportunity: Aleyda Solis shows the way.

Spice up your personal site with jQuery

Joel Besada shows you how to take a personal site with a common text document layout, and create something far more interesting with the jQuery Scroll Path plug-in.

Play HTML5 audio in the browser

Playing HTML5 audio natively in the browser can be a challenge. Ashley Gullen, creator of HTML5 game editor Construct 2, guides you through the maze.

Writing HTML with your Eyes Closed

In between attempts to fully wrap my head around the far-stretching implications of responsive design, I like to hone my html skills. Leaving all practical worries behind, it’s actually nice to dig into something that’s fairly straight-forward, looking for ways to improve what we already (think we) know.

Creating an offline Rich-Client-Application using HTML, CSS and Java with SWT

There are a lot of frameworks out there to create offline applications and rich clients in Java. One exotic alternative is to use the HTML, CSS and Javascript for this purpose and render the application in a Java frame using SWT and SWT’s browser component.

20 Ways to Lose Your Visitors

The main area where a Web Designer have to focus when building a web site is with its user interface, the site must deliver a good user experience, which includes content readability , site navigation and much more, in order to stay alive in the Web Now.

Make a better FAQ page with jQuery

Learn a jQuery expand and collapse technique that will be useful in many situation.

Six Responsive Layout Techniques

This article provides six tips to help you implement effective responsive designs, working with media queries, viewport, and more.

How Well Do You Know Your IDE?

This is bit like a philosophical post. Just some thoughts regarding our perception of developer tooling.

Pingdom – get notified when your site is down

Pingdom has a very strong and narrow focus. That focus lies on covering the uptime monitoring needs of 90% of the companies in the world. Instead of branching out into other areas, we will instead place all our efforts into maintaining the best uptime monitoring service available.

Google web page tester

Page Speed Online analyzes the content of a web page, then generates suggestions to make that page faster. Reducing page load times can reduce bounce rates and increase conversion rates.

Dnscheck – check your website’s DNS

DNSCheck is a program that was designed to help people check, measure and hopefully also understand the workings of the Domain Name System, DNS. When a domain (aka zone) is submitted to DNSCheck it will investigate the domain’s general health by traversing the DNS from root (.) to the TLD (Top Level Domain, like .SE) to eventually the nameserver(s) that holds the information about the specified domain (like iis.se). Some other sanity checks, for example measuring host connectivity, validity of IP-addresses and control of DNSSEC signatures will also be performed.

DownForEveryoneOrJustMe.com

As the title says, this service will help you to see if there is something wrong with a site or is just a local problem.

webpagetest.org

Run a free website speed test from multiple locations around the globe using real browsers (IE and Chrome) and at real consumer connection speeds. You can run simple tests or perform advanced testing including multi-step transactions, video capture, content blocking and much more. Your results will provide rich diagnostic information including resource loading waterfall charts, Page Speed optimization checks and suggestions for improvements.

AChecker

This tool checks single HTML pages for conformance with accessibility standards to ensure the content can be accessed by everyone. See the Handbook link to the upper right for more about the Web Accessibility Checker.

EvalAccess

EvalAccess 2.0 is an on-line web accessibility evaluation tool which has been developed using Web Service technology. Due to its architecture it can be easily integrated into other applications such as authoring tools. This tool provides different methods for evaluating web accessibility: evaluation of a single web page, evaluation of a web site and evaluation of HTML mark-up. It returns a complete report of errors as a result of the evaluation.

Feed validator

This is the W3C Feed Validation Service, a free service that checks the syntax of Atom or RSS feeds.

Mxtoolbox – Check if your site is blacklisted

This test will check a mail server IP address against 117 DNS based email blacklists. (Commonly called Realtime blacklist, DNSBL or RBL).  If your mail server has been blacklisted, some email you send may not be delivered.  Email blacklists are a common way of reducing spam.

Load impact

Using this service you can load test your website and see how it responds on a increased number of connections.

The answer is : responsive website. You may ask what is it ? Responsive Web Design (RWD) is an approach to web design in which a site is crafted to provide an optimal viewing experience—easy reading and navigation with a minimum of resizing, panning, and scrolling—across a wide range of devices (from desktop computer monitors to mobile phones)

Today I have for you 10 free responsive CSS & HTML templates that will offer you a quick and easy to edit solution.

Responsive HTML/CSS3 CV Template

It Fits

ABC

FlexApp

Liquid Gem

Respond

Response

Modus

It Fits:

Responsive HTML5/CSS3 Template