jenniferbrola.com

OpenZoom is an Open Source Framework for Multi-Scale Images and Zoomable User Interfaces (ZUI). The OpenZoom core framework is built on top of the Adobe Flash Platform and provides custom components that can be used either in Flash or Flex. MultiScaleImage is a component that built on top of the OpenZoom framework.There are three core concepts of the MultiScaleImage, namely transformers, controllers and constraints. The transformer controls the animation of the viewport. Controllers are the glue between user input and viewport control. The constraint controls what states the viewport can reach. Don’t want people to zoom out too much? Just add a ZoomConstraint and set minimum and maximum zoom. Requirements: - Demo: http://gasi.ch/blog/flex-multiscaleimage-component/ License: GPL License Related Posts

• ASP.Net Ajax Control Toolkit
• The Yahoo! User Interface Library
• The Release of YUI Library V2.6 with 290 Examples
• jQuery UI 1.5 Released with ThemeRoller
• Official jQuery User Interface Components Called jQuery UI

SponsorsDreamhost: Get $50 Off with Coupon Code: WEBAPPERS

Andrew Paglinawan is a self-employed graphic designer, working in the fields of logo design, print design, web design and branding. He has released a free sans serif typeface called Quicksand with 7 weights including a dashed version. The font looks really nice and professional. You can download the font here for free. Requirements: - Demo: http://typophile.com/node/50437/ License: License Free Related Posts

• Download Free Fonts with Font Cubes
• Identify Fonts and Typefaces By Appearance Online
• JFreeChart - Free 100% Java Chart Library
• Fawnt - Collection of Free Fonts for Web Developers
• PrestaShop Web2.0 Open Source Shopping Cart

SponsorsDreamhost: Get $50 Off with Coupon Code: WEBAPPERS

Browser Security Handbook is meant to provide web application developers, browser engineers, and information security researchers with a one-stop reference to key security properties of contemporary web browsers. Insufficient understanding of these often poorly-documented characteristics is a major contributing factor to the prevalence of several classes of security vulnerabilities. Although all browsers implement roughly the same set of baseline features, there is relatively little standardization - or conformance to standards - when it comes to many of the less apparent implementation details. Furthermore, vendors routinely introduce proprietary tweaks or improvements that may interfere with existing features in non-obvious ways, and seldom provide a detailed discussion of potential problems. Browser Security Handbook currently covers several hundred security-relevant characteristics of Microsoft Internet Explorer (versions 6 and 7), Mozilla Firefox (versions 2 and 3), Apple Safari, Opera, Google Chrome, and Android embedded browser. Open-source test cases provided alongside with this document permit any other browser implementations to be quickly evaluated in a similar manner. Requirements: - Demo: http://code.google.com/p/browsersec/ License: Apache License 2.0 Related Posts

• Free CSS Drop-Down Menu Framework
• Free Glossy Modern Web Browsers Icons Download
• Money Being Made In Popular Open Source Companies
• Ratproxy Passive Web Application Security Audit Tool
• Raphaël Simplify Your Work with Vector Graphics

SponsorsDreamhost: Get $50 Off with Coupon Code: WEBAPPERS

Agile Carousel is a jQuery plugin that allows you to easily create a custom carousel. Call jQuery UI to enable many different additional transition types and easing methods. It uses PHP to draw images from the folder you specify. You can also configure Agile Carousel with many different options including controls, slide timer length, easing type, transition type (e.g. blind, drop, pulsate, shake, slide and etc…) and more. The script is currently in beta version, security & feature enhancements are on the way. Requirements: jQuery Framework Demo: http://code.google.com/p/agile-carousel/ License: New BSD License Related Posts

• Carousel.us - Javascript 3D Carousel with Scriptaculous
• The Release of YUI Library V2.6 with 290 Examples
• Build Your Own Slideshow with s3Slider jQuery Plugin
• Image Transition Manager with Scriptaculous and Prototype
• QuickSearch v2.0 Filters Large Sets of Data Really Quickly

SponsorsDreamhost: Get $50 Off with Coupon Code: WEBAPPERS

ThemeForest has a nice feature; It allows the authors to upload zip files containing screenshots of their themes. A script then extracts these files and displays the images accordingly. NETTUS has shown us how to open zip files with PHP. First of all, we create a simple upload form that allows the user to select a zip file. Ensure that the user chooses a zip file, and then save it to as a unique file. And then, extract the contents from the zip file and save them to a specific folder. And finally delete the zip file and echo out the contents. Source: How to Open Zip Files with PHP Related Posts

• FancyUpload Beautiful Flash and Ajax Upload Widget
• Taking Snapshots with AIR Application WebSnapshot
• Ext File Upload Form Widget
• Advanced Color Palette Tool for Creating Color Schemes
• jsTree - Open Source Javascript Treeview Component

SponsorsDreamhost: Get $50 Off with Coupon Code: WEBAPPERS

jQuery Alert Dialogs aims to replace the basic functionality provided by the standard JavaScript alert(), confirm(), and prompt() functions. These are completely customizable via CSS (which can make your apps look much more professional). And you can set a custom title for each dialog. These methods simulate a true modal dialog box. They will automatically re-position themselves if you resize the browser window. If you include the jQuery UI Draggable plugin, the dialogs can be moved by dragging their title bars. Unlike their native JavaScript counterparts, you can use HTML in the message parameter. To specify a newline, you can use either \n or <br />. Requirements: jQuery Framework Demo: http://abeautifulsite.net/notebook_files/87/demo/ License: GPL License Related Posts

• Fully Interactive jQuery File Tree
• Beautiful sIFR Replaced Text with a jQuery Plugin
• jQuery Context Menu Plugin with a Bunch of Context Menus
• Smooth and Lightweight ModalBox for Popups
• Official jQuery User Interface Components Called jQuery UI

SponsorsDreamhost: Get $50 Off with Coupon Code: WEBAPPERS

Your time is your product. Every minute you spend working that goes unaccounted for is like giving away your product for free. Tracking your time accurately is essential to staying profitable. In addition, knowing how much time you spend on past projects, can allow you to better estimate future projects. It is really important for freelancers like us. Do you know how much time you spend in meetings? On the phone? Designing websites? Coding web applications? Keep track of anything with Klok’s simple work timer and visual display of how your days “fill up”. Klok is a personal time tracking Adobe’s AIR application which is free to download. It has since been downloaded over 90,000 times. Requirements: AIR 1.0 Demo: http://klok.mcgraphix.com/klok/index.htm License: License Free Related Posts

• AutoViewer - Free and Customizable Flash Image Viewer
• FlashGallery - Another Free Flash Photo Gallery
• Giving Away 20 DreamTemplate Memberships for Free
• Snoop Tracks Your Visitors and Events On Your Desktop
• CSSplay 15 Professional Horizontal Menus for Download

SponsorsDreamhost: Get $50 Off with Coupon Code: WEBAPPERS

Xuheki is a fast IMAP client which aims to become your preferred email client. It works in your browser and you can access it from anywhere to read your email. The interface is similar to a desktop-based email client and it’s completely “AJAX”—no page reloads. It is designed with IMAP in mind. This has a downside—we don’t support POP3, nor other protocols, but the big advantage is that it makes use of certain IMAP features which allows it to be very efficient. It supports multiple folders; you can also create/remove folders from a convenient context menu. You can move messages to various folders using drag’n'drop. The interface is designed to allow you to do multiple things at once. For example you are reading an email, then click “reply”. While you’re writing your reply, there’s an incoming mail. You can simply minimize the composer and to check the new message. You can compose multiple messages at once. The UI is driven by dialog boxes. It has a basic address book and autocompletion of addresses in composer. Of course, it supports multiple users on the same installation. Xuheki is distributed under the terms of the GNU General Public License. Requirements: Perl 5.8+, Apache 2, mod_perl 2, MySQL 5 Demo: http://www.xuheki.com/ License: GPL License Related Posts

• AtMail Open: Redefining Open Source Webmail
• JQuery - a Fast and Lightwieght Javascript Library
• Zenbe - One of the Best Webmail Experiences
• Email Standards Project with Detailed Acid Test Results
• Custom Javascript Dialog Boxes with 4 Styles

SponsorsDreamhost: Get $50 Off with Coupon Code: WEBAPPERS

This dynamic JavaScript slideshow is feature packed and under 5KB. You can find the new features include description support, link support, no naming restrictions, portrait image support, graceful degradation and active thumbnail status. The init function takes 5 parameters (id of the slideshow content placeholder, the id of the image placeholder, the id of the previous image placeholder, the id of the next image placeholder, the id of the image link placeholder). This script has been tested in Firefox, Internet Explorer, Opera, Safari and Chrome. This script is available for any personal or commercial projects under the creative commons license and is offered as-is, no free support provided. Requirements: Javascript Enabled Demo: http://sandbox.leigeber.com/javascript-slideshow/ License: Creative Commons License Related Posts

• Extremely Lightweight Dynamic Image Gallery
• Build Your Own Slideshow with s3Slider jQuery Plugin
• Customize Checkboxes with PrettyCheckboxes
• Couloir.org Resizing and Fading Slideshow Gallery
• TJPzoom - Open Source Image Magnifier in Javascript

SponsorsDreamhost: Get $50 Off with Coupon Code: WEBAPPERS

Would you like to put snowing effect on your site? Snowstorm is a Javascript-driven snow effect that can be easily implemented into web pages. It is free for use. It has been designed to be easy to use. A single Javascript file provides the functionality required; the only other files needed are the images of snowflakes themselves. You can adjust the snow speed, the amount of snow, the “wind”, if and where it should collect (and if it should build up over time, or quickly “melt”), and finally, whether the snow can react to the mouse moving (ie., “wind changes.”). Snowstorm works under most of the current major browsers (IE 5.x+, Netscape 6+). Testing has been limited to those browsers on PC/Mac. You can check out the demo here. Requirements: - Demo: http://www.schillmania.com/projects/snowstorm/ License: License Free Related Posts

• Sound Manager - Javascript Sound for the Web
• jQuery for Menu Background Image Animations
• Coda Style Popup Bubble Tooltips with jQuery
• MooSlideBox v3 - Small Ajax Based Slider
• Lightbox - Elegant and Animated Gallery

SponsorsDreamhost: Get $50 Off with Coupon Code: WEBAPPERS

WebAppers has been hunting the best free and open source resources for web developers and web designers for the past 20 months. With all of your support, we have successfully gather over 11,000 RSS readers and tens of thousands of regular readers. And today, we have received an email from WordPress.org letting us know that WebAppers has been featured on The WordPress Showcase. If you do like WebAppers as well, please give us a good rating! Thank you for all of your support and wish you all have a merry christmas! Related Posts

• What Kind of Web Resources Would You Like?
• WordPress Themes, Plugins and Blogging Resources
• New Blog Milestone - 2000 RSS Readers
• Special Offer: EasyCGI Windows Server 2008 Hosting
• Email Standards Project with Detailed Acid Test Results

SponsorsDreamhost: Get $50 Off with Coupon Code: WEBAPPERS

Mac Giving Tree has come back again! It’s the Holiday Season. The season of giving. MacHeist is going to treat us some insanely-great Mac Apps in celebration. Simply sign-up to MacHeist and come back Christmas morning to unwrap them. And also, the Giving Tree now has iPhone application icons sprouting up around it, what does it all mean? When the icons grow and start wiggling you are able to click them and join a drawing for the application. Source: Mac Giving Tree Related Posts

• Giving Away One Set of 264 Apple’s OS X Style Icons
• Thank You Sponsors
• FeedMyApp - Web 2.0 Applications and Sites Directory
• WebAppers Released Free Web Application Icons Set
• The Best 25 iPhone Web Applications for Free

SponsorsDreamhost: Get $50 Off with Coupon Code: WEBAPPERS

Sometimes, you may find it difficult to look for some of the highest quality photoshop tutorials. In order to save your time, Photoshop Lady has been spending almost a whole year to search for the best photoshop tutorials for us. Eventually, they have come up with The 100 Most Popular Photoshop Tutorials of 2008. These are selected from their published tutorials, with over 1 million votes and views from Photoshop users and readers. Most of the tutorials are high quality with detailed steps, they are suitable for both beginners and advanced Photoshop users. Source: The 100 Most Popular Photoshop Tutorials of 2008 Related Posts

• PSDtuts with Most Practical High Quality Photoshop Tutorials
• Collect Best Free Photoshop Tutorials in One Place
• 2 Winners of Giving Away 2x SEO Book
• Money Being Made In Popular Open Source Companies
• Giving Away 3x Classic Pack Icon Sets to 4,000+ Readers

SponsorsDreamhost: Get $50 Off with Coupon Code: WEBAPPERS

Fire Eagle is a new service designed to make it safe and easy to build and use location-aware applications and services. It’s a place where users can store and manage information about their current location that trusted apps and sites can update or access. Want to make your website or mobile application more relevant or responsive to a user’s location? Or maybe you’ve found a way to capture user location and want to find cool uses for this info? By doing the heavy lifting for you and connecting you to a community of geo-developers, Fire Eagle makes it easier to build location-aware services. And Fire Eagle is completely free to use. Requirements: - Demo: http://fireeagle.yahoo.net/ License: License Free Related Posts

• ShoutEm - Roll Your Own MicroBlogging Community
• Genfavicon Generates Favicon For Your Websites Online
• MooTools Javascript Framework
• Build Your Own Slideshow with s3Slider jQuery Plugin
• 29 Resources For Building WebApps with Sinatra

SponsorsDreamhost: Get $50 Off with Coupon Code: WEBAPPERS

Sinatra is a Ruby “micro framework” for developing Web applications. It seems to have reached critical mass - it’s on the cusp of becoming really popular. This is a good time to check it out and see where it could fit into your own projects. Lots of awesome articles about Sinatra, Sinatra apps, and various links and resources have cropped up over the past few months. RubyInside shows us the best links and resources for Sinatra they have found on Sinatra: 29 Links and Resources For A Quicker, Easier Way to Build Webapps. Most of which you should find useful as you start to explore Sinatra in detail. The resources includes Tutorials and Presentations, Sinatra Applications, Deployment, Sinatra Blogging Engines and Sites Built on Sinatra. Requirements: Sinatra Demo: http://www.rubyinside.com/sinatra… License: MIT License Related Posts

• Build Location-aware Web Applications with Fire Eagle
• The 100 Most Popular Photoshop Tutorials of 2008
• What Kind of Web Resources Would You Like?
• A Collection of 60+ Free Textures from Stock.xchng
• Fresh - A Free Finance and Applications Icon Set

SponsorsDreamhost: Get $50 Off with Coupon Code: WEBAPPERS

Pattern Tap was born out of the love for the best interface designs on the web. They wanted a place where we could come and easily find the stuff we were looking for. Sometimes it was a matter of some inspiration for pulling off a horizontal nav bar with a ton of sections, sometimes it was just trying to visually separate some content. They didn’t find any central place to find all this stuff, so they made their own. Pattern Tap is here to satisfy and encourage the inspiration needs of my interface design peers and peeps. They aspire to be the design tap for your next inspiration need. Source: http://patterntap.com Related Posts

• 45 Beautiful 3D Typography Designs For Inspiration
• FreelanceSwitch: 33 New Places to Get Design Inspiration
• Oriental Gallery Features Eastern Websites Made by Asian
• Gustavo Pimenta’s Collection of Design Solutions
• Hi-Res Free and Original Photoshop Brushes by BittBox

SponsorsDreamhost: Get $50 Off with Coupon Code: WEBAPPERS

As a web designer, you are going to need browser templates. When presenting your work to a client, adding a browser frame around your design will help you or your client get an idea of what the site will really look like. Here are the free photoshop browser templates for your professional screendesign come in 1024×768 pixels and 800×600 pixels size , all kinds of different browser (Firefox, IE, Opera, Safari, Camino and etc…) flavours. For both sizes, the safe viewing area is marked in a separate layer. Browser components are also separated onto individual layers so you can adjust them or switch them off them as you like: Page title, Address field, Favicon, Scrollbar and Dropshadow. You can download this amazing package for free. Update: Our reader has just pointed out that the browser templates are not updated which we have not realized. We have now found a source of Photoshop Browser Templates for IE 7 and Firefox 3.0 instead. Please feel free to download them. Requirements: Photoshop Demo: http://www.webdesignerstoolkit.com/ Demo: http://piksels.com/photoshop-browser-templates/ License: License Free Related Posts

• 30 HTML Email Templates and Plain Text Templates
• 960 Grid System Streamline Web Development Workflow
• Giving Away 20 DreamTemplate Memberships for Free
• 560 Nice and Free Icons for Web Application Developers
• Download Over 8000 Free Fonts from Urban Fonts

SponsorsDreamhost: Get $50 Off with Coupon Code: WEBAPPERS

jQuery is awesome. Jon Hobbs-Smith has been using it for about a year now The longer he uses it, the more he finds out about it’s inner workings. He calls myself an “intermediate” jQuery user and he thought some others out there could benefit from all the little tips, tricks and techniques he has learned over the past year. Have a look at the following 25 excellent tips of jQuery, you might be able to learn something from it.

• Load the framework from Google Code
• Use a cheat sheet
• Combine all your scripts and minify them
• Use Firebug’s excellent console logging facilities
• Keep selection operations to a minimum by caching
• Keep DOM manipulation to a minimum
• Wrap everything in a single element when doing any kind of DOM insertion
• Use IDs instead of classes wherever possible
• Give your selectors a context
• Use chaining properly
• Learn to use animate properly
• Learn about event delegation
• Use classes to store state
• Even better, use jQuery’s internal data() method to store state
• Write your own selectors
• Streamline your HTML and modify it once the page has loaded
• Lazy load content for speed and SEO benefits
• Use jQuery’s utility functions
• Use noconflict to rename the jquery object when using other frameworks
• How to tell when images have loaded
• Always use the latest version
• How to check if an element exists
• Add a JS class to your HTML attribute
• Return ‘false’ to prevent default behaviour
• Shorthand for the ready event

Source: Improve your jQuery - 25 excellent tips Related Posts

• JSLoader - Javascript Libraries on Demand
• Pingdom The Full Page Test for Webpage Loading Time
• SlickSpeed CSS Selectors Test from Mootools
• Easiest Tooltip and Image Preview Using jQuery
• Beautiful sIFR Replaced Text with a jQuery Plugin

SponsorsDreamhost: Get $50 Off with Coupon Code: WEBAPPERS

jQZoom Evolution is a new release of jQZoom with full featured. It is a javascript image magnifier built at the top of the popular jQuery javascript framework. jQzoom Evolution is a great and a really easy to use script to magnify what you want. It is easy to customize and it works on all modern browsers. This software is licensed under GPL. You can have your jQZoom in your website, eCommerce sites or whatever you want. You can also look at other image zooming scripts we mentioned earlier on “Javascript and Flash Image Zoom Tools” and “Open Source Image Magnifier in Javascript” Requirements: jQuery Framework Demo: http://www.mind-projects.it/projects/jqzoom/ License: GPL License Related Posts

• TJPzoom - Open Source Image Magnifier in Javascript
• Magic Toolbox - Javascript and Flash Image Zoom Tools
• FancyBox - jQuery Image Zomming Script
• QuickSearch v2.0 Filters Large Sets of Data Really Quickly
• Beautiful sIFR Replaced Text with a jQuery Plugin

SponsorsDreamhost: Get $50 Off with Coupon Code: WEBAPPERS

SmartMarkUP is a lightweight and powerful JavaScript library that allows you to turn any textarea into a fancy markup editor. HTML, CSS, XML, Wiki syntax, BBCode or any other desired markup language can be implemented and/or adjusted to your preferences and business needs. SmartMarkUP doesn’t depend on any other JavaScript library and can be integrated with any already existing JavaScript library or code. With single line of code you can turn any general textarea to powerful markup editor. As far as integration is unobtrusive, HTML of your application will remain unchanged. SmartMarkUP degrades gracefully for users without JavaScript without loosing functionality of your application. SmartMarkUP is completely customizable and scriptable as well. Changing styles, implementing new markups, creating extra buttons and submenus or adding new functionality is a matter of minutes. SmartMarkUP is distributed under GPL open source licenses, so SmartMarkUP is absolutely free and you can do anything you like with it! Requirements: Safari 3.x, Firefox 2.x, Firefox 3.x, Google Chrome, IE7, Opera Demo: http://www.phpcow.com/smartmarkup/examples License: GPL License Related Posts

• MarkItUp Turns Any Textarea into Markup Editor in jQuery
• TinyMCE WYSIWYG Javascript Content Editor
• WMD - The Wysiwym Markdown Editor
• Free Rich Text Editor - Word-like WYSIWYG Editor
• Amy Editor - Text and Source Code Editor for Developers

SponsorsDreamhost: Get $50 Off with Coupon Code: WEBAPPERS