FancyZoom is designed to view full-size photos and images inline without requiring a separate web page load. It is providing a smooth, clean, truly Mac-like effect, almost like it’s a function of Safari itself. FancyZoom has the following features that makes it different to other popular modal box galleries, e.g.Lightbox. FancyZoom is totally free for your non-commercial website.
- Focused on the smoothest, most polished zooming animation possible
- Automatically scales images from any image link, with no HTML changes
- Preloads full-size images in the background on link mouseover
- No resource-heavy Javascript libraries — 100% coded from scratch to zoom
- Draws a nice drop shadow under the full-size image to offset it from the page
- Uses Safari 3’s “box-shadow” feature to draw the drop shadow natively, no images required
Requirements: Safari, Firefox, IE7, and IE6
Demo: http://www.cabel.name/2008/02/fancyzoom-10.html
License: License Free
Thank you Patrick for bring this wonderful web resources to my attention. Do you love Apple? Do you Love iTunes? Do you Love looking at all your albums in your iTunes in a sense of accomplishment. Now you can do it in Flash. iTunesAlbumArt allows us to display the albums we love or just our photo albums with the interface of iTunes Cover Flow. iTunesAlbumArt looks stunning and works smoothly. Users can scroll or click to select the album. All the album pictures and details are defined by an XML file.
Requirements: Modern Browsers with Flash installed
Demo: http://www.weberdesignlabs.com/blog_files/itunes2/iTunesAlbumArt.html
License: MIT License
Taggify is a web widget which allows bloggers and publishers enhance their sites by adding visual tags to any site’s images. Visual tag is a clickable image region tagged with some title, description and link. When visitor moves mouse over such region Taggify shows popup tooltip with interesting content provided by the publisher.
Requirements: –
Demo: http://www.taggify.net/
License: License Free
Easylistener is a Flash music player which can literally play any mp3 on the web. Simply point it at your favorite music blog, RSS feed or playlist document and it will crawl that URL and start playing back any mp3s it finds. The user interface of the player is stunning, I love it very much.
You can use Code Creator to configure Easylistener just how you want it. Just input the Playlist URL you would like Easylistener to crawl. Choose the size and the color of the player. And then click “Copy to Clipboard” when you’re finished customizing it and paste the codes into your blog, myspace or webpage.
Requirements: –
Demo: http://next.yahoo.net/archives/32/easylistener
License: License Free
Typography on the web has become a point of focus for standards based developers recently. One of the key concepts that we can use within our sites is consistent line-height in CSS terms. If you think of a ruled notebook, the lines are all equal heights.
The concept is fairly straight forward but in practice can be confusing especially for a CSS newcomer. All sizing needs to be relative to the base size. This allows for easy scaling up or down while keeping the required spacing and layout consistent, this can be refereed to as an elastic layout. To allow this we need to specify measurements in percent or em. Em calculator save you the hassle of all of those calculations.
Requirements: –
Demo: http://www.jameswhittaker.com/blog/article/em-based…
License: License Free
There are many types of color pickers, now we have one more option. COLOURlovers found that web developers needed to have a more advanced color picker to work inside the application… and since COPASO is built with DHTML it was easy enough to pull out the picker to use on the other creation pages of websites. They have modularized the color picker code and offer it to others to use on their own sites and projects. So here is the code to get the Free Advanced DHTML Color Picker working on your site for free.
Requirements: –
Demo: http://www.colourlovers.com/blog/2008/01/16/free…
License: License Free
Amy Editor is a collaborative text and source code editor for developers. It support JavaScript, Ruby, PHP, C#, Java, HTML, YAML, etc… programming languages. It has Syntax Highlighting, Smart indentation for each language, Code folding, Unlimited undo/redo, Customizable key shortcuts, etc… You can easily change the color themes of the editor easily.
Word completion is another killer feature. Simply pressing Esc on uncompleted word you’re writing will cause the editor to lookup any combination of document words starting by the same sequence of characters in both directions (before and after current word). You will be offered the nearest word followed by second-nearest etc. To toggle among word variations, simple keep pressing Esc key. You can start trying Amy Editor by simply accessing “File” > “New From Template” > “PHP” > “Common HTML / PHP Document”.
And also, you can easily embed Amy Editor to your own web page. Simply create a textarea matching your design in size and location and mark it by special amy attribute. Then load Amy using <script … tag with desired bundle and theme. You can view the Embedded Amy. You can also view the details of Amy Editor here.
Requirements: –
Demo: http://www.april-child.com/amy/amy.php
License: License Free
Would you like to include an input that resembles the famous Apple Mail to: textfield? It would be something similar to Facebook List Input. Basically, it’s a group of pieces or bits, that can be either a box or an input. The user is able to move around between the bits by using his keyboard or his mouse. You can remove the bits by click the “x” symbol.
It has a auto complete feature as well. It works by caching all the results from a JSON Request and feeding them to the autocompleter object. When a item is added as a box, it’ removed from the feed array, and when the box is disposed it’s added back, so that it becomes available in the list when the user types. You’ll also be able to let it add boxes from the HTML directly. If you are interested in this amazing textboxlist, you can view the full article.
Requirements: Mootools 1.2+
Demo: http://devthought.com/wp-content/articles/autocompletelist/test.html
License: License Free
SimpleViewer is a free, customizable Flash image viewing application with the following features. However, if you want more customization options and does not include the download link, you have to purchase SimpleViewer-Pro instead.
- Intelligent image pre-loading.
- Intuitive image navigation
- Lightweight (17k).
- Customizable interface – Set text color, frame color and width, navigation position.
- Resizable interface – Interface scales to fit browser window.
- Cross platform – Windows/Macintosh/Linux (requires Flash 7 or higher).
- Flash 7 detection. Users without Flash 7 are messaged to upgrade Flash.
- International font support.
- Keyboard Navigation (Cursor keys, Home, End, Page Up/Down)
- Mousewheel navigation
- Optionally right-click to open image in a new window.
Requirements: Flash 7+
Demo: http://www.airtightinteractive.com/simpleviewer/
License: License Free
PrestaShop is another robust, professional-grade e-Commerce solution that you can download, install, and use for free. On the back end, you’ll use a full-featured back-office application to manage your online business (including inventory, orders, shipping, and customers) in real-time. Your customer’s payments are sent directly to your commerical bank account using the latest security technology.
However, PrestaShop v0.9.1 has been released as a beta version; no known bugs remain but testing is not yet complete. Your feedback will be appreciated.
Requirements: Apache, PHP 5.0+, MySQL 5.0+
Demo: http://www.prestashop.com
License: Open Source License
