Nick La from WebDesignerWall shows us how to slice up the menu design (step by step) and put them together with CSS. Most of you probably know how to code a horizontal or vertical CSS list menu. Now let’s take it to the next level — code an advanced list menu utilizing the CSS position property. You can view the working example here.
Note: there is an IE6 bug where the <span> hover effect doesn’t display properly. To fix that, you can use Javascript to specify the <span> to display block on mouseover.
Requirements: –
Demo: http://www.webdesignerwall.com/tutorials/advanced-css-menu/
License: License Free
flickrshow provides you with the simplest way of displaying your Flickr photosets on your own website. It is simple to install, completely free and doesn’t require Flash or any server side programming knowledge. It is free to use flickrshow, however flickrshow is not available for people to download and use on their own servers at the moment. It has the following main features.
- Unobtrusive and compatible: they built flickrshow on top of Prototype so it will work with all modern browsers and won’t interfere with any other Javascript on your page.
- Themeable to match your site: You can alter the colour of flickrshow to match your site.
- Can be used multiple times: it caused a number of headaches, but you can run as many slideshows on your site as you want, as long as your viewers can handle the loading times.
Requirements: –
Demo: http://www.flickrshow.com
License: License Free
Starbox allows you to easily create all kinds of rating boxes using just one PNG image. The library is build on top of the Prototype javascript framework. For some extra effects you can add Scriptaculous as well. Check the demos to see what Starbox is all about and read on for more information on how to customize your own Starboxes. Starbox has the following main features.
- Rerating allows you to adjust your previous rating.
- You can easily save your rating with Ajax using the build in callback.
- Improvements to the CSS model, allowing you to style the Starbox based on status (hover, rated and locked).
- Better seperation of Javascript, CSS and images.
- A ghosting bar that tracks your average.
- Custom event ‘starbox:rated’ is fired when your rate.
- Batched building of Starboxes based on cached overlay images.
Requirements: IE6+, Firefox 1.5.x+, Opera9.x+, Safari, Konqueror
Demo: http://www.nickstakenburg.com/projects/starbox/
License: License Free
IT Mill Toolkit is an open-source user interface framework, prividing widgets and tools for the development of high-quality web applications. You can create stunning Rich Internet Applications (RIAs) without worrying about incompatibilities of web browsers, DOM or JavaScript by using standard Java tools. Use traditional OOP methods to build web applications that look good and feel right.
Effortless RIA Development
- Build Rich Internet Applications using Java language utilizing OO methods: inheritance and composition.
- Dozens of AJAX-enabled widgets for Rich Internet Applications (RIAs) that work with all major browsers.
- No need to learn new web technologies such as JavaScript, DOM, taglibs, etc.
- Secure server-side programming model keeps your application data secured from JavaScript threats
- Extend and build your own user interface components using Google Web Toolkit – again in Java language.
- Pluggable look and feel using standard CSS: re-brand whole applications fast – in just a few hours.
- Compatible with all standard Java application servers, including JBoss, WebLogic and WebSphere and Oracle.
- Wide range of supported browsers including Internet Explorer, Firefox, Safari and Opera.
Requirements: Java versions: 1.4, 5 and 6
Demo: http://www.itmill.com/itmill-toolkit/demos.htm
License: Apache 2.0 License
Gerard Ferrandez has created a Photo 3D Gallery. The interactive gallery is written in Javascript which is very user friendly. The photos will move according to your mouse movement. You can click on any pictures to zoom in and out. Now we have one more choice for embedding a photo gallery in your projects.
Requirements: No Requirements
Demo: http://www.dhteumeuleu.com/
License: License Free
AW/Systems is offering a full set of professionally designed icons for web applications for all ASP.NET developers for free! There are more than 300 awsome icons in our package, and welcome you to use them in your web applications, both personal and commercial. The only thing they ask is that you put a link to aspneticons.com somewhere in your application. The icons look very nice and I can see them very useful for ASP.NET developers. It is really a shame that these icons are exclusively for the ASP.NET community.
Requirements: Backlink Required
Demo: http://www.aspneticons.com/
License: License Free
We have been waiting so long for Google Chart API. Google has finally released Google Charts API, which returns a PNG-format image in response to a URL. Several types of image can be generated: line, bar, and pie charts for example. For each image type you can specify attributes such as size, colors, and labels.
You can include a Chart API image in a webpage by embedding a URL within an <img> tag. When the webpage is displayed in a browser the Chart API renders the image within the page.
The chart above is generated dynamically and displayed in your browser with the following code.
<img src="http://chart.apis.google.com/chart?cht=p3&chd=s:hW&chs=480x150&chl=Large Portion|Small Portion">
Go and check out the developer’s guide of Google Chart API now.
Requirements: No Requirements
Demo: http://code.google.com/apis/chart/
License: License Free
Have you thought of uncompressing your zip files online? Although, Wobzip is still in the process of development, I found it works very well and easy to use. It supports different formats of zip files, e.g. 7z, ZIP, GZIP, TAR, BZIP2, RAR, CAB, ARJ, Z, CPIO, RPM, DEB, LZH, SPLIT, CHM, ISO. After uncompressed the zip file, you can download the unzipped files easily. It has virus detection as well.
Requirements: No Requirements
Demo: http://wobzip.filetap.com/
License: License Free
The number of subscribers is very useful for bloggers to determine the popularity of their blogs. Yet, bloggers may hope that the FeedBurner stats can tell us how fruitful our effort results without much analytical calculation on our own. As such, Blog Perfume has developed Feed Analysis v1.0 which can provide bloggers, with the aid of beautiful interactive charts, a more detailed report and analysis from our feeds.
By the use of Feed Analysis, the number of subscribers for each month is neatly shown on the column chart. You can also view the number of subscribers, hits, views and clicks for every single day from the line chart. The best/worst day of the week is also available which is displayed on the pie chart. And also, Feed Analysis can give you an estimated value for your blog / site according to the number of your subscribers. From now on, you can analyze your feeds online for FREE to use as long as you have a Feedburner account.
Requirements: No Requirements
Demo: http://www.blogperfume.com/feed-analysis/
License: License Free
jRails is a drop-in jQuery replacement for Prototype/script.aculo.us on Rails. Using jRails, you can get all of the same default Rails helpers for javascript functionality using the lighter jQuery library. The visual effects in jRails are based on the new jquery-fx library. jRails currently uses a slightly modified version of jquery fx code to get some of the desired effects. This code is evolving and is subject to change. In the meatime, you can get a taste of the visual effects that are currently available.
Requirements: No Requirements
Demo: http://ennerchi.com/projects/jrails
License: License Free
