Bubble Tooltips are an easy way to add (via a bit of CSS and javascript) fancy tooltips with a balloon shape to any web page. They operate this way:
- A check for DOM support is performed
- If found, the title and href attributes of links are extracted from the page and they’re injected into a DOM structure
- When the mouse is rolled over a link, the related tooltip (styled with CSS) is displayed
Bubble Tooltips are unobtrosive and for browsers with bad DOM support or javascript disabled, the plain title of links will be displayed. Compatibility is quite good: they’ve been tested with success in IE5, IE5.5 and IE6 on Win, Opera 8.5, Safari 2.0 and Firefox 1.5.
Requirements: Internet Explorer 5.0+, Opera 8.5+, Safari 2.0+, Firefox 1.5+
Demo: http://web-graphics.com/mtarchive/BubbleTooltips.html
License: License Free
Kreg Wallace has gone through the entries and selected a lucky guy. We are happy to announced that comment #54 by Todd Budnikas as the winner of 264 Toolbar Pro Icons Set.
Congratulations! I will be sending you the Icons Set.
Thank you for all who have participated in this contest.
Google Webmaster Central Blog published Quick security checklist for webmasters. They encourage webmasters to “please try the following at home,” this is by no means an exhaustive list for your website’s security. The list is useful, but they recommend that you conduct more thorough research as well.
Nathan Johns said
“In recent months, there’s been a noticeable increase in the number of compromised websites around the web. One explanation is that people are resorting to hacking sites in order to distribute malware or attempt to spam search results. Regardless of the reason, it’s a great time for all of us to review helpful webmaster security tips.”
Requirements: No Requirements
Source: http://googlewebmastercentral.blogspot.com/2007/09/quick-security…
License: N/A
(E)2 Photo Gallery is an open source gallery built with Mootools Javascript Library the compact, modular, Object-Oriented javascript framework. Designed to allow you to upload your photos to a desired folder, tell the (E)2 Photo Gallery what folder to look at and it will automatically load the images using PHP. It looks very good and easy to use. You can customised it with different designed skins easily. However, currently it is not possible to have multiple galleries on one page.
Requirements: Mootools Javascript Library
Demo: http://www.e2interactive.com/e2_photo_gallery/demo.php
License: License Free
I should have said thank you to our new sponsors last week, but I did not have time to write this post last week. Therefore, here it is now. Thank you for all of WebAppers sponsors, unlike other sponsors, WebAppers sponsors are very high quality, we only accept sponsors which are up to certain standard which also can really help our readers.
Stoodeo provides excellent web design solutions to customers.
Copper 2008 is a intuitive web 2.0 project management web application.
Design Float is the first ever Digg style site for Designers.
YikeSite is a easy to use CMS for your clients.
KickApps is a social media platform that helps you grow your audience.
Just to remind you the contest of Giving Away One Set of 264 Apple’s OS X Style Icons will be ended today. Comment on the post to get your chance to win the beautiful set of icons. The winner will be announced on 26th Sep. Thank you very much.
Microsoft® Silverlight™ is a cross-browser, cross-platform plug-in for delivering the next generation of .NET based media experiences and rich interactive applications for the Web.
Silverlight offers a flexible programming model that supports AJAX, VB, C#, Python, and Ruby, and integrates with existing Web applications. Silverlight supports fast, cost-effective delivery of high-quality video to all major browsers running on the Mac OS or Windows.
You can see the power of Silverlight from the Showcase.
Requirements: Microsoft Silverlight Runtimes 1.0
Demo: http://silverlight.net/Showcase/
License: License Information
The ZebraMap time zone map is a free, customizable map that you can use on its own or as part of a blog or web site. You can pick from twenty color schemes, add locations and position the labels. The map initially comes with ads at the bottom. If you would like to remove the ads from your map you can do so for a small fee.
Requirements: Modern Browsers with Javascript Enabled
Demo: http://www.zebramap.com/
License: License Free
One of the reasons for starting I Love Typography was that the author felt there just wasn’t enough being said about the topic. Secondly, and more significantly, He always found it difficult to quickly locate typographic resources. The long-term aim of this blog is to be such a resource, a one-stop-shop for everything about typography, from terminology to new typefaces, from inspirational examples of type to choosing the best font for the job, whether that be on- or off-line.
I think I Love Typography is a really excellent blog about fonts. The author has a really in depth knowledge about fonts and typefaces, and how to use them correctly. You can get a lot of information about typography in this blog. His latest article of 15 Excellent Examples of Web Typography is so interesting as well.
Requirements: No Requirements
Demo: http://ilovetypography.com/
License: N/A
Website Grader is a free SEO tool that provides an SEO score for your website with custom search engine optimization and marketing advice for your website. Use the form on the homepage to enter your website, your keyword phrases and your competitors to receive a report about the marketing effectiveness of your website.
WebAppers has a website grade of 96 means that of the thousands of websites that have previously been submitted to the tool, the algorithm has calculated that WebAppers scores higher than 96% of them in terms of its marketing effectiveness. It also stated that Permanent Redirect Not Found. I have got the following suggestion.
“Search engines often regard www.webappers.com and webappers.com as two different websites unless you take specific measures to signal to them that they are the same site.
The best way to handle this situation is to setup what is known as a permanent redirect (or a “301” redirect) from one of these sites to the other. This way, any links that are pointing to the secondary site benefit the primary site, from an SEO perspective.”
What is your website grade?
* You do not need to fill in all fields to get a repot, just input your Website URL and then press “Generate Report”.
Requirements: No Requirements
Demo: http://www.websitegrader.com
License: License Free
Phatfusion has showed us another way to build our menu, he has created a image menu with the aid of Mootools framework. It looks really good and easy to use. It is very similar to the menu design of Mootools Official Website. It has the following features.
- It allows onClick event keeps selected item open.
- Click open item to close.
- Specify a function for the onClick event.
- Auto open when the page loads.
Requirements: Mootools Framework
Demo: http://www.phatfusion.net/imagemenu/index.htm
License: MIT License
