yensdesign – Tutorials, Web Design and Coding

Daily free tutorials about web design, coding, jquery and more

Archive for the ‘Freebies’ Category

Stationery: Free Icon Set

Sunday, January 11th, 2009

Hi guys! While we are writting next tutorials about web development, we are recommending you new freebies for your projects.

This time is the Stationery Icon Set:

In this case we are presenting you the Stationery Icon Set composed of 22 totally free icons created by deziner.
It contains book, brush, crayon, clip, color pencils, document, eraser, pad, palette, post-it note, scale and scissors.

You can download the Stationary Icon Set here and remember that it contains the Fireworks source file too!

Bright!: A free set of 148 hand-crafted icons

Thursday, January 8th, 2009

Hi guys this time in Freebies we are presenting you a new pack of smooth and beautiful icons composed of 148 hand-crafted icons for personal and commercial purposes for free: Bright!

In Words of their creators: would like to present one of our most lovely set of icons as a free gift, the Bright! Icon Set. This 148-icon set contains all crisp-shaped icons that are designed for wide use in web applications, multimedia and software. This is a meaningful giveaway from us to community, so you can use Bright! for free for your personal and commercial projects.

Remember that you can download the pack here or by clicking the image above.

We hope you can use it to improve a little more your web applications ;)

Founded via: Webappers.

Helpful Development Tools: Firebug

Friday, January 2nd, 2009

Hi there guys and Happy New Year 2009! We present to you a new type of articles titled: Helpful Development Tools. There are many useful Web Development tools that help us to diagnose issues with Javascript, CSS, HTML, Javascript… etc and We will collect all them in a serie of articles, exploring the most popular and useful.

The first one I want recommend to you is Firebug.


1006 Quality Icons for your websites

Monday, December 22nd, 2008

The Last entry in freebies section has featured a set of 128 free icons with a great detail in 48×48 pixels and PNG format, but this time We present you more quantity: 1006 icons but still having the same quality:

These icons are available only in 16×16 pixels, you can download the 1006 quality icons pack by clicking the above image or by clicking here.

These icons can be used free for any personal or commercial projects and are licensed under a Creative Commons Attribution 3.0 license. If you want to remove the attribution, you must purchase license.

Via pinvoke.

Boost up your designing skills with 650-568 web designing course and learn how to create amazing web icon designs using 642-873 guide and 642-446 design tutorials.

Cheat Sheets Pack for Webmasters

Monday, December 22nd, 2008

If you are very forgetful as I am and sometimes when you are “in the flow” and you cann’t remember a javascript function, a CSS property you know, it can be very helpful take your cheat sheet and remember it with a simple glance. You can read your desired cheat sheet in your screen or maybe just print it as a lot of people used to do, with the time you will find it faster and faster because you know the specific area where you must look to find that CSS property that you forgot (remember that visual memory it’s very powerful!).

You can download the Full Cheat sheets pack for Webmasters or download one by one the cheat sheets:

I hope it be useful for those forgetful heads :P


Useful jQuery Cheatsheet

Wednesday, December 17th, 2008

Finally I found a great, useful & free resource for our jQuery projects via Color Charge, a jQuery Cheatsheet available in printable A4 format:

jQuery Cheatsheet

It will be very useful for those who are very forgetful :D

Stunning 128 free icons by wefunction

Thursday, December 11th, 2008

We are trying to make cooler webs by adding javascript effects, cool CSS tricks and more, but what about icons? If you are looking for smashing and free icons that’s your pack ;)

Courtesy of wefunction in their words:

We’ve tried to keep a consistent style with quite a glossy look to the icons, admittedly some are better than others, but our first attempt at a set of icons I’m happy how they turned out. We’ve Included some of the main Social Media Icons such as: Design Float, Digg, Delicious, Furl, Technorati, Flickr, Stumble Upon, Twitter & Many more…

You can download these 128 free icons over here.

Have a nice designing guys! Let us know if you have already used these icons in your websites :)

Download the VCP-410 tutorial and 640-863 guide to learn how to create inspiring icon designs. We offer free 642-642 design resources to get inspiration.

Top 10 free fonts for professional design

Monday, December 8th, 2008

Hi there guys! We are starting a new kind of articles called freebies to try to show you free interesting resources for your personal projects. We hope you find it useful and be inspired by these articles ;)

In this first freebie article we will focus on collect the top 10 typefaces around the web that don’t cost money, but with high quality.

Remember guys: Don’t overestimate the importance of typography in design!