Archive for the ‘Design’ Category

HTML5 introduces you the very latest technics of building forms. Now you no need to stuck with complicated validations and may lengthy fileds to create a form, because HTML5 gives you many new tools to make your form very simple and fetured.

HTML5 introduces many new input types like:

  • Email : <input type="email">
  • Web URL : <input type="url">
  • Number : <input type="number" min="0" max="10" step="2" value="6">
  • Range Slider : <input type="range" min="0" max="10" step="2" value="6">
  • Date Picker : <input type="date">
    <input type="month">
    <input type="week">
    <input type="time">
    <input type="datetime">
    <input type="datetime-local">

  • Search : <input type="search">
  • Color Picker : <input type="color">
  • Form Validations
  • Required Fileds : <input type="email" required>

Take a look at this example…

Demo | Download | View Tutorial

Resource : net.tutsplus.com

How to Create Cross-Browser HTML5 Forms

Advertisements

Hi Designers,

Greetings! Here is the most intensive need of the designers – ICONS IN MONO COLORs.
Every designer want to make there website or any stuff he/she is designing to be the best, and for this icons are the really very important factor of the good looking designs.

Now you can have your own collection of minimal icons in mono colors. Here I am giving you the link of some really very cool icos sets. Click below links to direct download the icons.
Happy Designing…..

Resource : deviantart, enlivenlabs, glyphish

Free Minimal Icon Sets collection in mono colors

If you got bored using the limited web fonts in your website, I have a good news for you. Now you can use very attractive and beautiful web fonts from the large range of Google web font directory. Yes, this is very true that google gives you a very huge range of very beautiful and nice font directory. You can check it out from the link below.

This is quite easy to use. Follow the simmple steps given below:

  • Goto the google font directory
  • Choose your font form the list given
  • Set Size and other font options
  • Attach the css file link given by google
  • And it’s all set…

Now you just have to attach the CSS in you webpage given by google font directory. This will look something like this:

<link href="http://fonts.googleapis.com/css?family=Allan:bold&quot; rel="stylesheet" type="text/css" >

And then you can use the new web font you have choosen from the google web font directory in you CSS classes, ID and selectors like :


.myClass, myID, P, H1{
          font-family: 'Allan', serif;
          font-size: 36px;
}

I hope this will change your taste of fonts using in the website. Good luck designers…

Explore the Google Web Fonts | Font Previewer

Here a website, from where you can download Free beautiful design and web fonts. In this website, you can find fonts to used in website design as wel as for other purposes like graphic design, cards design, corporate ID kit design, Logo design and many more… Must visit and explore fonts available on this website …

Visit the website : theleagueofmoveabletype.com

The League of Moveable Type.com