/src/js – Javascripts
This directory contains a couple of very broadly usable and very flexible and small powerful javascripts for many purposes.
silk.iconset.js
The Silk icons are great, but so bulky, that they are quite heavy to control. This script makes it really simple to use this iconset in simple HTML lists like this one. Compare the simple sourcecode with the result:
<ul class="icons">
<li class="accept">Silk icons</li>
<li class="star">are great</li>
<li class="vector">for many purposes</li>
<li class="zoom">like the <a href="/">dev portal</a></li>
</ul>
- Silk icons
- are great
- for many purposes
- like the dev portal
As you see, the technikum29 development portal is an excellent example how silk icons can be used – very comfortabely with this script. Read the script (very short and well explaind) for additional help.
- silk.iconset.js – The Silk Iconset Factory Converter
Creative Commons License Tag
favicons.js
Good favicons are very catchy pictures with a high recognition factor. By now almost every site features a favicon, so why not use favicons in your links so the visitor sees where the link will bring him to? Unfortunately this is quite complex if you want to this by hand, but the Favicon Factory Converter can help you by doing this in a very smart kind of way. Simply write something like that:
<p class="favicons">I link to <a href="http://de.wikipedia.org">Wikipedia</a>, <a href="http://www.google.com">Google</a> and <a href="http://facebook.com" >Facebook</a> and all with icons!</p>
I link to Wikipedia, Google and Facebook and all with icons!
The script automatically checks if there's a favicon available for the linked page, and if it is, it will load it unobstructively. This works like magic and looks wonderful if you use many links ;-)
Here you can get some more verbose tests, as you can also use it per link wise with a class notation:
This is a link to Wikipedia. It contains pictures about wikipedia. And, after all, there is also Google.. And of course there's our development portal. Yeah, and there's a local link. And some other. Don't click on them, because they'll lead 404s. But you can go to twitter, if you are mad about your private sphere. The same applies for StudiVZ or Facebook, and even for Gmail, if you don't trust the google's motto don't be evil. Which you should not.
Or you use it the other way, like shown in the source code extract above:
- This is a link to Wikipedia. It contains pictures about wikipedia. And, after all, there is also Google.. And of course there's our development portal. Yeah, and there's a local link. And some other. Don't click on them, because they'll lead 404s.
- This is a link to Wikipedia. It contains pictures about wikipedia. And, after all, there is also Google.. And of course there's our development portal. Yeah, and there's a local link. And some other. Don't click on them, because they'll lead 404s.
- This is a link to Wikipedia. It contains pictures about wikipedia. And, after all, there is also Google.. And of course there's our development portal. Yeah, and there's a local link. And some other. Don't click on them, because they'll lead 404s.
You can get many more information in the very short script:
- favicons.js – The Favicon Factory Converter
![[DIR]](/icons/back.gif){kind=icon}
![[ ]](/icons/unknown.gif){kind=icon}