Open Source News

3.2 $.Controller - Templated Event Binding

Monday 17 October, 2011 by justinbmeyer

JavaScriptMVC 3.2 brings a lot of great features and enhancements. So many features that changes to $.Controller didn't make the cut for our upcoming 3.2 article. This article reviews 3.2's $.Controller and talks about templated event binding (something we neglected to write up for 3.1).

Continue reading

jQuery Resize Event

Monday 23 May, 2011 by justinbmeyer

When building web applications, it can be tricky to get pages to layout correctly, especially when layout can't be done with CSS. Widgets that can dynamically change the layout only complicate matters. JavaScriptMVC 3.1 packs a new resize event that greatly simplifies these layouts.

Continue reading

Creating a JavaScriptMVC Slider

Sunday 12 December, 2010 by justinbmeyer

JavaScriptMVC makes it easy to write and organize copious amounts of JavaScript code. And although this usually means working among its Model-View-Controller layers to create something amazing, often, you'll find yourself wanting to make a lightweight, reusable UI widget. This demo walks you through creating a basic slider widget.

Continue reading

An Open Letter to You and Alex Russell

Wednesday 22 September, 2010 by moschel

DISCLAIMER: This is a pipe-dream, random, 3 AM thought.  Do not take seriously.

Continue reading

Organize jQuery Widgets with jQuery.Controller

Thursday 17 June, 2010 by justinbmeyer

Do you like organized code and hate nested functions that are impossible to reuse? Want to be able to extend plugins and widgets? Do you want these widgets to clean themselves up after they are removed? Great! JavaScriptMVC-extracted jQuery.Controller is the easiest and most robust way to build jQuery widgets.

Continue reading

A Simple, Powerful, Lightweight Class for jQuery

Tuesday 15 June, 2010 by justinbmeyer

jQuery's functional programming style is downright elegant for manipulating the DOM. But it lacks the structure and code reuse patterns that professional scripters need. John Resig's Simple Class inspired, jQuery.Class is a lightweight, but powerful class-like system that bridges the gap between jQuery's functional programming style and Object Oriented Programming.

Continue reading

Set inner/outer width/height with jQuery Dimensions.Etc Plugin

Thursday 10 June, 2010 by justinbmeyer

You often want to animate or set an object to be a specific width or height on the page. But if that element has padding, border, or margin, it will probably take up more space than you expect. The jquery.dimensions.etc.js plugin lets you set and animate the outerWidth, outerHeight, innerWidth and innerHeight of DOM elements.

Continue reading

Get Multiple Computed Styles FAST with the curStyles jQuery Plugin

Wednesday 09 June, 2010 by justinbmeyer

Do you use jQuery's css or curCSS functions to get multiple styles on the same element? Don't you know this is slow? The JavaScriptMVC extracted curStyles plugin boosts performance when reading multiple computed styles on a single element.

Continue reading

Convert Form Elements to JavaScript Object Literals with jQuery formParams Plugin

Tuesday 08 June, 2010 by justinbmeyer

Want to quickly extract form data to a more usable format? Of course you do! We use JavaScriptMVC's formParams plugin constantly to turn form data into much easier to manipulate JavaScript Objects.  We're releasing formParams standalone so everyone can save a little time on this extremely common task.

Continue reading

compareDocumentPosition plugin for jQuery

Thursday 03 June, 2010 by moschel

Being able to quickly compare two elements' positions in the browser is extremely useful for a variety of tasks. The DOM Level 3 specification describes the compareDocumentPosition method. It returns a bitmask with a whole bunch of useful information.  But not all browsers support it :(

Continue reading

Ajax Fixtures Plugin for jQuery

Wednesday 02 June, 2010 by justinbmeyer

Are you developing jQuery hotness so fast that the slow-poke server team can't supply you AJAX services fast enough?  If so, you might be interested in the JavaScriptMVC-extracted jQuery.Fixture plugin.  Fixtures simulate AJAX responses so you can keep developing JavaScript functionality even if the server's services aren't working.  The fixture plugin is easy to setup and remove once the services are online.

Continue reading

jQuery Default Events

Wednesday 02 June, 2010 by justinbmeyer

Event Oriented Architectures (EOAs) are an emerging best practice when designing reusable JavaScript widgets. jQuery's trigger, triggerHandler, and jQuery.event.special[EVENT]._default methods have enabled widget authors to easily expose custom events to developers. However, these methods lack the scalability or expressiveness to enable powerful EOAs.

Continue reading

Delegate-able Hover Events for jQuery

Thursday 27 May, 2010 by justinbmeyer

Want to use live and delegate with hover events? Now you can! We are releasing JavaScriptMVC's delegate-able hover plugin. This plugin only works for the current 1.4.3 nightly release.

Continue reading

Delegate-able Drag-Drop Events for jQuery

Wednesday 26 May, 2010 by justinbmeyer

Have you ever wanted to use live and delegate with drag-drop events?  Now you can! We are releasing JavaScriptMVC's delegate-able drag/drop plugins and extensions. These plugins only work for the current 1.4.3 nightly release.

Continue reading

Element Destroyed (a jQuery Special Event)

Tuesday 25 May, 2010 by justinbmeyer

When building jQuery plugins, it's a best practice to provide some way for the user to teardown the plugin, remove any event handlers, and set things back to a good state.  Most plugins can get away with waiting for the element to be removed, but more complex plugins listen for events on elements outside the plugin's element (such as the document or window).  For these, it's important to know if an element has been removed and to clean up the plugins leftovers.

Continue reading

Too Enterprisey?

Monday 17 May, 2010 by justinbmeyer

A criticism often leveled against JavaScriptMVC is that it is too enterprisey. Here's how Wikipedia describes the term:

Continue reading

SAU, Window.Name, JSON-RPC

Tuesday 23 March, 2010 by moschel

A few weeks ago, I went out to Chattanooga to give 3 days of JavaScriptMVC training to Southern Adventist University.  I was blown away by the university's technology expertise.  To my shame, I wasn't expecting a small college to have such sophisticated engineers.   But, it wasn't that small! There are 66 sister school associated with SAU.  SAU's problem was that each of those sister schools had their own way of doing things.  There was almost no reuse.  SAU's challenge was to create an architecture that would pave the way for reuse, where one school could leverage the application of another.

Continue reading

Phui Grid and Paginator Widget

Friday 19 March, 2010 by moschel

I just put together a Grid and Paginator widget for Phui that supports the following features in a scant 200 lines of code:

Continue reading

Talkin JavaScriptMVC is Hard

Wednesday 03 February, 2010 by moschel

Today, I gave a talk at jQueryConf about JavaScriptMVC.  It didn't go great.  One tactless audience member even asked me to fast forward my presentation - ouch.  I consider myself a very good presenter / speaker.  I spoke at a Dreamweaver meetup the week before and got rave reviews.  Speaking at every JS.Chi, I've also had a ton of practice.  However, this didn't go as well, and I've come up with a few reasons:

Continue reading

Developing JavaScript: Kangax

Wednesday 03 February, 2010 by moschel

For this edition of developing JavaScript, I was lucky enough to get a response from a rising young star in JavaScript, Juriy Zaystev - a.k.a Kangax. He is a prototype contributor and his work is often discussed on Ajaxian.

Continue reading