Until the business card finds a better, faster, more convenient replacement, it serves as the most secure connection one can make with another in the offline world of business. By putting all your contact and business information into one handy 3.5 by 2 inch piece of paper, this is the best reminder you can leave with your potential and existing clients.

There are plenty of things one must look into when designing a business card, but if budget is a big constraint for your business or the new startup you are working on, these 10 business card templates may be the break you need. Created by Meng Loong of Free-Business-Card-Templates.com, these exclusive business card templates are available in PSD format for hongkiat.com readers to download and use.

Businesscard template #1
[ Preview - Front - Back ] [ Download ]

Businesscard template #2
[ Preview - Front - Back ] [ Download ]

Businesscard template #3
[ Preview - Front - Back ] [ Download ]

Businesscard template #4
[ Preview - Front - Back ] [ Download ]

Businesscard template #5
[ Preview - Front - Back ] [ Download ]

Businesscard template #6
[ Preview - Front - Back ] [ Download ]

Businesscard template #7
[ Preview - Front - Back ] [ Download ]

Businesscard template #8
[ Preview - Front - Back ] [ Download ]

Businesscard template #9
[ Preview - Front - Back ] [ Download ]

Businesscard template #10
[ Preview - Front - Back ] [ Download ]

We hope you like it and feel free to spread the word!

Most websites have an online form for various purposes – user registration, taking orders, ticket booking, to name a few. Yet, filling in those forms could be a tiring and repetitive task for most users, when in fact, they are likely to input the repetitive information, such as Name, Email Address, Street Address, Postal Code, and Phone Number.

(Image by Pawel Kadysz)

Users may downright abandon the form, if the list goes longer. To try to solve this issue, a team at Google proposed a new attribute called autocompletetype, to allow answers to be auto-filled into the form.

Recommended Reading: A look into: HTML5 Datalist

The Autocomplete Attribute?

Auto-fill is nothing new. We have been able to do so all this while with the already long-existing attribute, autocomplete. These two attributes, autocomplete and autocompletetype, primarily serve the same thing. The only different is in their design.

The autocomplete attribute is designated to enable (or disable) auto-fill functionality in the forms. Whereas, the autocompletetype attribute is designed for web developers so that they can assign a standard data type to help the browsers or applications populate the forms more accurately.

As stated in the proposal: current auto-fill products primarily rely on contextual clues, like the name attribute, input label, and the placeholder text, to determine what should be filled into the form elements (which is not reliable in particular situations).

Also Check Out: A Look Into: HTML5 Placeholder Attribute

AutocompleteType Usage

At the time of the writing, this attribute is specified in this way: x-autocompletetype, and it accepts data types for commonly required information in an online form, such as: full-name, street-address, city, postal-code, and country-name.

The following snippet shows an example of their implementation.

  <form method="get" accept-charset="utf-8">  	<label for="namadepan">Nama Depan</label>  	<input id="namadepan" type="text" name="namadepan" value="" x-autocompletetype="given-name">  	<label for="namabelakang">Nama Belakang:</label>    	<input type="text" name="namabelakang" value="" x-autocompletetype="family-name">    	<label for="email">Email</label>    	<input id="email" type="text" name="email" value="" x-autocompletetype="email">    	<label for="telp">Telp.</label>    	<input id="telp" type="text" name="telephone" value="" x-autocompletetype="tel">    	<label for="fax">Fax</label>    	<input id="fax" type="text" name="fax" value="" x-autocompletetype="fax">  </form>  

Notice that I used my local language for the first two form elements. This is one of the instances where autocomplete type would be very useful. It gives the browsers or applications that possibly do not understand my local language, a standard label; so that they can correctly auto-fill in the form.

Final Thought

Can we use the attribute, right now? In short, yes we can. The browsers or applications that does not support the attribute will simply ignore it. Yet, the ones that have implemented it, like Google Chrome, can take the advantage and serve better experience to our users.

However, the only thing that becomes my concern is that the attribute is still in the experimental stage and the standardization is still being discussed. So, there could be some changes in the implementation in the future, as stated in Google Webmaster Central: "Like any early stage proposal we expect this will change and evolve as the web standards community provides feedback."

Further Resources

Further on autocompletetype attribute, you can head over to the following references:

• Making form-filling faster, easier and smarter – Webmaster Central Blog
• Should I use the “autocompletetype” attribute on my web forms? – Google Webmaster Help
• Proposal for autocompletetype Attribute in HTML5 Specification – WHATWG
• The autocomplete attribute and web documents using XHTML – Mozilla Wiki

Tired of bringing your chargers with you, or an external battery pack, or even just the charging cable wherever you go to keep your smartphone alive and kicking? Then, you are going to love this.

Developed by Noah Denztel, Adam Miller and Brian Hahn, ChargeCard is a smartphone USB charger that can be kept in your wallet like… well, a card.

It is designed like a card at only three times the thickness of a credit card so you could store it in your wallet when you are out and about. No more rummaging around in your pockets or bags for the right cable, and having to unravel tangled wires.

When you need to charge your phones, just plug it into a USB port you can find on any device: TVs, game consoles, cable boxes, computers or laptops.

The body of ChargeCard is made from durable ABS plastic and its USB foldout is made of flexible thermoplastic rubber.

Previously a Kickstarter project, ChargeCard is now operating in full speed, providing ChargeCards for iPhone 4, iPhone 5 and Android (micro USB) phones at the price of $25 per card.