Frederik Van Zande's Library tagged javascript →  View Popular

Floom is a MooTools slideshow plugin that can present images & their captions beautifully.

It displays them with a blind-effect & a chic loader that shows when the next image will be shown.

blog.olicio.us/floom - Preview

mootools javascript image gallery effect animation

The JavaScript Framework Matrix

shall give you an overview of popular JavaScript frameworks and their functions. There are various examples for the frameworks and every snippet contains links to the official documentation. The choice of a framework depends on many factors and can't be made of this document only. The matrix shall solely demonstrate the different API styles and functionalities of the JavaScript libraries. In addition, there are many more interesting frameworks which are listed here.

matthiasschuetz.com/...effects - Preview

javascript framework api overview jquery mootools functionality

In my previous post, Cookie-less Session Variables in JavaScript, we discovered how JavaScript session data could be saved to the window.name property. Today, we create a JavaScript library to exploit this property.

www.sitepoint.com/...cript-session-variable-library - Preview

cookie javascript sessions recording best practice

Web forms aren’t great conversationalists. They ask a bunch of questions, then wait until you answer them all before they respond. So when you register for that cool social network or use an e-commerce site, it’s pretty much a monologue.

You can blame most forms’ poor etiquette on the way they’re built. Web forms that use a basic submit-and-refresh model of interactivity don’t respond until you hit the “submit” button—but it doesn’t have to be this way. Real-time inline validation can help people complete web forms more quickly and with less effort, fewer errors, and (surprise!) more satisfaction.

Inline validation gives people several types of real-time feedback: It can confirm an appropriate answer, suggest valid answers, and provide regular updates to help people stay within necessary limits. These bits of feedback can be presented before, during and / or after users provide answers.

www.alistapart.com/...inline-validation-in-web-forms - Preview

forms usability best practice user experience error messages validation javascript

Once a bit player, JavaScript increasingly takes center stage. Its footprint—the space it takes up on our servers and in our development schedules—continues to grow. So how can we make our JavaScript more reusable and easier to maintain? Perhaps MVC will offer some clues.

While MVC is a familiar term to those in back-end application development—using frameworks such as Struts, Ruby on Rails, and CakePHP—MVC’s origin in user interface development lends itself to structuring client-side applications. Let’s examine what MVC is, see how we can use it to rework an example project, and consider some existing MVC frameworks.

www.alistapart.com/...javascript-mvc - Preview

javascript mvc framework

CloudMade helps you make the most of map data. We source our maps from OpenStreetMap, the community mapping project which is making a free map of the world. Our aim is to continue the democratization of geo data and to expand access to open geo data through a range of simple yet powerful tools and APIs.

Our tools and APIs allow developers to create rich interactive experiences on the web and mobile.

www.cloudmade.com - Preview

maps custom web2.0 map data google maps openstreetmap api javascript

MooTools is a JavaScript framework that focus on being flexible, modular and compact. While still not on par in number of resources with other JavaScript frameworks such as jQuery, the MooTools community has generated a large number of articles, tutorials and third party plugins that can be considered and mature and sophisticated enough for most needs.

www.smashingmagazine.com/...torials-and-resources-round-up - Preview

mootools ajax javascript resource

About Mapstraction

Mapstraction is a library that provides a common API for various javascript mapping APIs to enable switching from one to another as smoothly as possible. Developers can code their applications once, and then easily switch mapping provider based on project needs, terms and conditions, and new functionality.

Users can switch maps as desired based on personal taste and quality of maps in their local area. Various tools built on top of Mapstraction allow users to easily integrate maps into their own sites, and configure them with different controls, styles, and provider.

www.mapstraction.com/ - Preview

javascript google maps custom maps mapping api

Accessible data visualization in HTML has always been tricky to achieve, particularly because elements such as images allow only the most basic features for providing textual information to non-visual users. A while back, we wrote an article describing a technique we came up with to use JavaScript to scrape data from an HTML table and generate charts using the HTML 5 Canvas element. The technique is particularly useful because the data for the visualization already exists in the page in structured tabular format, making it accessible to people who browse the web with a screen reader or other assistive technology.

www.filamentgroup.com/...raphs_from_tables_html5_canvas - Preview

visualization information design jquery javascript tables graph graphs

Making your site as user friendly and easy to navigate as possible is every developers goal and implementing autosuggest is one way to help achieve it. Not only is it helpful to the user but is also somewhat expected now that most of the top sites have already built this functionality into their own sites. This collection includes standard auto suggest scripts, del.icious tag suggestion, autosuggest control to search images on Flickr, and advanced table filter with auto suggest control.

www.tutzone.org/...chniques-for-implementing.html - Preview

javascript user experience usability design pattern autocomplete

www.outcut.de/...MooFlow.html - Preview

mootols mooflow javascript navigation image

MySpace’s Performance Tracker is a browser plugin that help developers to improve their code performance by capturing and measuring possible bottlenecks on their web pages.

msfast.myspace.com - Preview

myspace performance tracker javascript IE speed

jQuery is awesome. I've been using it for about a year now and although I was impressed to begin with I'm liking it more and more the longer I use it and the more I find out about it's inner workings.

I'm no jQuery expert. I don't claim to be, so if there are mistakes in this article then feel free to correct me or make suggestions for improvements.

www.tvidesign.co.uk/...-jquery-25-excellent-tips.aspx - Preview

jquery javascript performance best practice optimization

Fluid web designs have many benefits, but only if implemented correctly. With proper technique, a design can be seen correctly on large screens, small screens and even tiny PDA screens. With bad coding structure, however, a fluid layout can be disastrous. Because of this, we need to find ways to work around most, if not all, of the cons of fluid design.

www.smashingmagazine.com/...smart-fixes-for-fluid-layouts - Preview

screen resolution javascript css fluid adaptive grid webdesign

Most people getting started with JavaScript these days are faced with the challenging task of picking a library to use, or at least which one to learn first. If you're working for a company chances are they have already chosen a framework for you, in which case the point is somewhat moot. If this is the case and they've chosen MooTools and you're used to jQuery, then this article might still be of some use to you.

jqueryvsmootools.com - Preview

javascript framework mootools jquery review choice frameworks

GX is a full-featured, cross-browser, super-tiny (10kb uncompressed) Javascript Animations Framework. Using GX you can create complex animations working with every w3c CSS property.

Currently, GX is designed in order to work with the jQuery Javascript Library and is being released under the MIT License.

gx.riccardodegni.net - Preview

GX javascript jquery animation

We got lots of fantastic feedback on our earlier iPod-style menu, and decided to upgrade it for jQuery 1.3. In the process of refining the script, we morphed it into more of a menu system, which can be used to create a simple dropdown menu for a single list of options, a flyout menu for a smaller hierarchical list of options where child menus are displayed next to the parent menu on mouseover, and two variations on the iPod style, one with a back button and another with a linked breadcrumb to let users easily traverse back up the hierarchy.

www.filamentgroup.com/...ry_ipod_style_and_flyout_menus - Preview

jquery menu javascript animation ipod

DataTables is a plug-in for the jQuery Javascript library. It is a highly flexible tool, based upon the foundations of progressive enhancement, which will add advanced interaction controls to any HTML tables. Key features:

datatables.net - Preview

table jquery javascript sorting

I really like Google Analytics - the interface is easy to use, the information easy to interpret and it's free. You can do great tricks with filters to slice the data in different ways. I do wish that less of the reports used sample data and it'd be nice if you could label points in your data to cross-reference with your SEO activities. But the one thing that really bugs me about Google Analytics is that the JavaScript you tag your site with is broken.

www.seomoz.org/...analytics-javascript-is-broken - Preview

google analytics custom implementation javascript error

Zoomify Express makes high-quality images fast and easy to view! It's simple to use, just drag any image onto the Zoomify Converter, then copy the folder it creates to your web site - no special setup is needed. Your site visitors use a tiny Flash movie as the 'viewer' - so there's nothing to download or install. And it's completely free - no strings!

www.zoomify.com/express.htm - Preview

photo zoom flash javascript e-shop