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.
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.
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!).
An important feature of Javascript you must know is the events propagation. This what makes is trigger all events to the parents when a child event is captured (like a bubble). So, if you click in a div element, the click will active the onclick event in the div parent, and in the grandparent… and so until the body element.
This can often be helpful, but many others can be a big trouble. Of course you can disable this feature with the code below:
Currently the search boxes are in the most of websites because the content is growing continually and it’s useful find out something with a simple search. In order to provide them more interaction I want to show you a simple but very useful javascript code snippet to show or hide the default contained text in a search box managing the events focus and blur.
So if we have this html input text box:
<input onClick="" id="txtSearch" type="textbox" value="Search the web..." />
The javascript code that you must put before closing the body element would be:
<!-- Put it at the end before closing body element! -->
<script type="text/javascript">
document.getElementById("txtSearch").onfocus = function(){
if(this.value == "Search the web...") this.value = "";
};
document.getElementById("txtSearch").onblur = function(){
if(this.value == "") this.value = "Search the web...";
};
</script>
<!-- Put it at the end before closing body element! -->
$(document).ready(function(){
$("#txtSearch").blur(function(){
if(!$(this).val()) $(this).val("Search the web...");
});
$("#txtSearch").focus(function(){
if($(this).val() == "Search the web...") $(this).val("");
});
});
And that’s all guys, I hope you can use it for your search boxes and thanks for visiting us! We had a huge quantity unique visitors yesterday and it seems that today will be better
Finally here you have the First Part of this series of tutorials to recreate an OS WebInterface with our lovely jQuery javascript library.
As you could see in the preview of this tutorial we will focus to create the drag & drop interaction, the double click on icons and a basic taskbar with a start disabled button and a real clock of the system.
As always, here you have a preview of the final result:
It will be very interesting how we can achieve all our goals without using thir party plugins etc.
You can try the living example before continue reading the tutorial.
Hi guys… I cann’t understand what is going on at Dreamhost but I woke up and website was broken one more time… They mailed me telling that all it’s fine now, let’s see if it’s true.
So these problems make me think and we decide to create a Twitter account to publish little issues, news and tell you what are we doing for next tutorials and more.
One more thing! I will release the next tut in a few hours!
Awww guys Dreamhost did it one more time. Some websites such as yensdesign.com or plusmusica were offline last 24 hours because some servers of Dreamhost were broken. I will try to finish the tutorial to publish tomorrow, sorry for the inconveniences and thanks for your comprehension
Hi there guys! Since some of you are asking about the next big tutorial, here you have a brief of the first part of the tutorial in a video:
As you can see, it’s about creating (one more time) interfaces in javascript, this time we will try to recreate an operation web system from scratchwithout third party plugins as UI jQuery or the draggable.js.
We will release the first part tutorial this Monday, so stay tuned!
Hi there guys! While I was working in the next tutorial I have been encountered with a problem: How can I block / cancel the context menu when I do right click on the screen?
There are a lot of examples and scripts in javascript, but one more time jQuery makes it easy! Here you have the code:
One more thing guys… the next tutorial will be released on next Monday as a part of serie of tutorials that will be very very BIG, interesting and useful
December 22nd, 2008
1006, design, free, Freebies, fugue, icons, resources, Web Design
Freebies, Web Design
4 Comments » 
