yensdesign - Tutorials, Web Design and Coding

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

Archive for January, 2009

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:

IconEden.com 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.

Improving Search Boxes with jQuery

Wednesday, January 7th, 2009

Hi there guys! We continue writting tutorials to try to improve our website’s interface. Search boxes are in the air and in our days they become a very important part of our websites, so it will be interesting if we can do them a little better.

This time we will learn how to improve a little more our sites by adding some additional interactions to our search boxes like autofocus, highlighting, autoreplace default text and more by using jQuery.

As always I show you a preview image linking the final result:

You can try the living example before continue reading the tutorial.

Tested in: Firefox, Internet Explorer 6 & 7, Opera, Safari & Chrome.

Let’s learn guys!

(more…)

Create a shoutbox using PHP and AJAX (with jQuery)

Monday, January 5th, 2009

Continuing with the tutorials about AJAX and jQuery we will create a stunning and dynamic shoutbox based in PHP and AJAX (using jQuery).

We will learn how to create a dynamic ajax based shoutbox with jQuery from scratch. It will be very interesting to know how to use the ajax function of jQuery and how it can be used to insert and recover data from a MySQL database via PHP in a way asynchronous.

Here you have a preview image:

You can try the living example before continue reading the tutorial.

Tested in: Firefox, Internet Explorer 6 (bad display of PNG icons, IE bug) & 7, Opera, Safari & Chrome.

Come on guys, let’s dive into the tutorial!

(more…)

Interviewing Fabio Sasso: From Abduzeedo & Zee

Monday, January 5th, 2009

Hey guys! Here we go with our second interview. This time we are interviewing Fabio Sasso a brazilian graphic/web designer and blogger. He is the founder of Abduzeedo and co-founder with Fabiano Meneghetti of a design company called Zee, in Brazil. Because we admire his quality on web design, we wanted to know more about him so we have interviewed him.

(more…)

Tell Us… What do you want?

Saturday, January 3rd, 2009

With the begining of the new year, is the best time to hear your opinions and suggestions about what you would like to see in yensdesign. If you are wanting to see a tutorial about a particular topic, having ideas of new kind of articles, thinking about more freebies… or other kind of suggestions, you can share your ideas with us in a few ways:

It’s very important for us to know your interests, so please comment your ideas and suggestions. We want to improve the quality of the content in yensdesign this year!

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.

(more…)