What is Toluu?
Toluu is a free service for sharing the feeds you read and discovering new ones.		 Get Invite

woork


Beautiful and free social websites icon set for bloggersYesterday
I want to suggest you this beautiful and free icon set of the most popular social websites "in a bottle" for bloggers (for personal and not for commercial use) designed from the guys of Templates.com:

icons.jpg

Free Icon set for bloggers consists of 10 icons: StumbleUpon.com, Ma.gnolia.com, Technorati.com, del.icio.us, DesignFloat.com, Digg.com, RSS, Twitter.com, Facebook.com, Reddit.com. Each icon is produced in the following sizes: 80х80, 64х64, 32х32.

If you are courious about icon desing, you can learn more about the creation process of this Icon Set here.

tag_orange.png Take a look at this link to download this icon set.

tag_orange.pngTemplates.com











Elegant glass style navigation bar using CSS and toggle animated effectYesterday
This tutorial illustrates how to design an elegant glass style navigation bar with a nice toggle animation effect, using CSS and MooTools. The result is something like this:

navbar.png

Moving your mouse over a tab in the main menu, the submenu display several links related to the "topic" of the tab. On the right of the navigation bar, clicking on Hide submenu link, the submenu disappears/appears with a nice toggle animation.

Download the full code of this tutorial, ready to be customized and used in your web projects.

Download source code


1. HTML code
First of all, take a look at HTML code I used to design our navigation bar: all tabs are contained into a layer with id="navigation" and I used a list to design them. The structure is:

moo4.png

...and the code is:

<div id="navigation">
<a href="#" class=


















Design a stunning Alert Box using MooToolsAugust 25
About the Author

edo.pngEduardo Sada
Programmer and Web Designer
Coders.me


The Script

This tutorial explains how to design a stunning Alert Box which changes and improves the classic look of JavaScript Alert Boxes.

sexalert.png

The result is something like these you can see in the previous picture. Alert box appears on the page, above all other page elements with a nice animation. Try it!

Download source codetag_orange.pngTake a look here for a live preview


1. How to install this script
Downloading the package you have all do you need to use this nice s


















Creative way to present yourself in a 40 second long videoAugust 24
Yesterday I was looking for something interesting and original to make a short video clip to promote my blog in occasion of two millions visits I almost caught up after my first 8 months on-line (at this moment my statcounter counter display 1,707,589 visits). So I find on YouTube this stunning video of Sebastian Baptista, entitled EGO:

ego.png

Sebastian used kinetic typography effects and the final result is awesome. Take a look at the video here:







MooTools Basic Tips (lesson 2): get elements ID using unobtrusive codeAugust 23
After my previous post about MooTools Basic Tips for web designer I received a lot of excited messages from my readers, lovers of this beautiful framework, for this session of lessons dedicated to MooTools. Thanks a lot guys! I really appreciate your support! So... a question which a lot of peopole asked to me was how it's possible to get the ID of an element (for example the ID of an element into a list) and associate to this element some event (change background, display an alert message...). In this post I want to illustrate how to get the ID of DOM elements using MooTools and unobtrusive elegant code.


1. An "Obtrusive" way to implement it
Before to explain how to do it with MooTools, I think it's better take a look at the following HTML code:

<ul id="myList">
<li id="li_1">
<a href="#" onClick="javascript:getId('1')">Get this ID</a>
</li>
<li id="li_2">
<a href="#" onClick="javascript:getId(2)">Get this ID</a>
</li>
<li id="li_3">