Smallicons Icon Set (54 Icons, SVG, PNG, PSD)

GET IT

A fantastic freebie over at Smashing Magazine: Smallicons, a set of 54 SVG, PNG, PSD flat icons is several formats, created and designed by Nick Frost and Greg Lapin.

Download Brainy Education Icons

Download Brainy Education Icons KLIK HERE (2.5 MB)

Brainy Icons is a set of 36 hand-drawn free education icons. The icons are available as AI, EPS, PSD and PNG (in 4 sizes: 32×32, 48×48, 64×64, 128×128) and released under the Creative Commons Attribution license.
source: http://handdrawngoods.com/store/brainy-icons-free/

Download: File Type Icons

DOWNLOAD HERE

File Type Icons by Web Icon Set is a great set of 62 stylish file extension icons in AI, ICO and PNG.

File Type Icons is a set of 62 different file extension icons in AI, ICO and PNG format. They are designed in long shadow flat design style, which looks very neat and modern. You can easily change the colors as well.

File Type Icons is free for download. You can see some of the most popular filename extensions like .png, .jpg, .exe, .dmg and .txt. If you need an icon that is not in the list, you can easily make or add one by yourself by modifying the AI source file. We will be adding more file types in the future.

File Type Icons come with AI, ICO and PNG format. They can be resized and can easily change colors. You can use the royalty-free icons for any personal, commercial project including web design, software, application, advertising, film, video, computer game, gui design, illustration.
source: http://www.webiconset.com/file-type-icons/

Download: Grunge Stamp Borders Multi-Pack

 DOWNLOAD HERE

 

Format: AI, EPS, ABR, PSD, JPG   |  56 MB  |  20 items  | Free Licence

This resource features 12 grunge stamped style vector borders. The download includes AI and EPS vector files, as well as, PS brushes and vector shapes. A bonus 8 worn paper textures are included for use with the stamp shapes.

Logo Unnes Vector by habitatdesign.org

 Download Logo Unnes Vector

Logo Unnes CDR / Logo Unnes AI / Logo Unnes Vertor / 255kb.RAR

Logo Universitas Negeri Semarang (Unnes) / Universitas Konservasi/ Semarang State University (Unnes). Format logo CDR, AI, JPG. Download 255 kb, file RAR. Enjoy...... High Quality Vector. Don't forget to say thank you........

DOWNLOAD HERE

Tutorial How to Use the HTML5 Placeholder Attribute, and Support it for Older Browsers

 

HTML5 Placeholder Attribute

While the adding & removing of placeholder text on field focus has long been accomplished through JavaScript, there is now a placeholder attribute in the HTML5 working draft. Most modern browsers support the placeholder attribute and will automatically add/replace the placeholder text. They will also automatically exclude the placeholder from being sent when the form is submitted. However, versions of Internet Explorer prior to IE10 do not support the attribute.

<input type='text' name='email' placeholder='Email Address'/>

 

Supporting Older Browsers

 

It is very easy to detect placeholder support (or lack of) and duplicate the effect with a bit of JavaScript for older browsers.

<script>
  $(document).ready(function(){
    function add() {
      if($(this).val() == ''){
        $(this).val($(this).attr('placeholder')).addClass('placeholder');
      }           
    }
 
    function remove() {
      if($(this).val() == $(this).attr('placeholder')){
        $(this).val('').removeClass('placeholder');
      }
    }
 
    // Create a dummy element for feature detection
    if (!('placeholder' in $('<input>')[0])) {
 
      // Select the elements that have a placeholder attribute
      $('input[placeholder], textarea[placeholder]').blur(add).focus(remove).each(add);
 
      // Remove the placeholder text before the form is submitted
      $('form').submit(function(){
        $(this).find('input[placeholder], textarea[placeholder]').each(remove);
      });
    }
  });
</script>

To enable styling, this script adds a class of 'placeholder' while the placeholder text is being displayed.

 

Styling The Placeholder

Since placeholder has yet to be standardized, styles are applied through vendor-specific prefixes. Even though Opera 11 supports the placeholder attribute, it does not offer any way to style it at this time. It's a good idea to go ahead and specify at least the color property to normalize the color between browsers. Otherwise, a default style will be provided which will vary from browser to browser.

::-webkit-input-placeholder { color:#999; }
:-moz-placeholder { color:#999; }
:-ms-input-placeholder { color:#999; }
.placeholder { color:#999; }

Unfortunately, the rules can not be combined into a single statement as a browser will not recognize vendor-specific selectors from other browser makers, resulting in an invalid rule that prevents the styles from being applied. John Catterfeld compiled a nifty list of CSS properties can be applied to placeholders.

Source: http://jacklmoore.com/notes/form-placeholder-text/

Download Web UI Kit - PSD

DownloadHere             -               Source

Web UI Kit - PSD has been only WP themes till now. But now I am trying to add something to it. Here onwards I am trying to release some freebies I design on my trusted Photoshop . I consider this an opportunity to fine tune my PS skills ( Which needs a lot of fine tuning to be done ) and in that process give something back to the community from where I learn everything. This UI kit is my first attempt. It is a psd file with some UI elements like, progressbar, form items, slider, buttons, radio buttons, media buttons etc. Do leave some comments about how you like it or hate it. The file is licensed for free use. So use it as you wish.