jQuery Concrete: Support for ConcreteUI programming
Posted on November 2, 2009, Filled under jQuery, 
Bookmark it
Hamish Friedlander’s JQuery Concrete tries to provide a new model of code organization. It intends to be a replacement for Object Oriented Programming that is focused on adding functions to groups of DOM elements based on the content and structure of those DOM elements. This merging of the model and view layer may seem weird initially, it can give very powerful results.
Basic Usage Example
Given this DOM example:
<body>
<div class="internal_text">Internal text</div>
<div class="attribute_text" rel="Attribute text"></div>
<div>some text</div>
</body>And this concrete function:
$('.internal_text').concrete({
foo: function(){ console.log(this.text()); }
});
$('.attribute_text').concrete({
foo: function(){ console.log(this.attr('rel')); }
});Then the following call:
$('div').foo();The following result will be logged to the console:
Internal text Attribute text
We’re standing on the shoulders of giants here – combining ideas from Prototype’s behaviour & lowpro and jQuery’s effen & livequery (who themselves stole ideals from Self’s Morphic UI and others), but extending & combining the concepts presented in those tools to provide a complete alternative to traditional OO concepts – self-aware methods, inheritance, polymorphisim and namespacing without a single class definition.
Do you wish to receive the latest updates as soon as they are posted? Get our RSS Feed or Subscribe to the Newsletter!
- November 2, 2009
- article by Gabriel C.
- 1 comment
Related Posts
jQuery Lint: Stay notified of the incorrect usages of jQuery’s APIat January 19, 2010
Create pretty graphs with jQuery TufteGraph Pluginat December 31, 2009
Style your markup: Brosho ‘Design in the Browser’ jQuery Pluginat January 30, 2010
Stylish GMail-like buttons: JQuery styledButton Pluginat January 28, 2010
- Flexible and Expandable Form Validator: Ketchup jQuery Plugin
at February 14, 2010
Catch404: Modal Plugin for Handling Broken Links: jQuery | CSSby Gabriel C. on July 31, 2010
Discover How to Make a Website: 50 Mistakes You Should Avoidby Gabriel C. on July 13, 2010
Simple Lightboxing | The Programmer's Lightbox Tool | Lightbox_meby Gabriel C. on June 4, 2010
Grab a copy of Six Figure Affiliate Blogging: Free eBookby Gabriel C. on May 18, 2010
- High resolution zoom with image tiles: http://www.ajax-zoom.com
on August 26th, 2010 by SF
- Hi,I have implement this. When successfully logged in then not redirect to private.php... It just
on August 25th, 2010 by rashidul
- Hi, here in italian we have problem with "è, ì, à, ò" when my customer
on August 25th, 2010 by arcibald
- Hey, I wanted to know how to make this into SMTP method, cuz my server filters
on August 25th, 2010 by Anks
Categories
- AJAX (18)
- Design (9)
- Flash (19)
- Freebies (5)
- General (3)
- Graphics (13)
- HTML & CSS (28)
- Frameworks (7)
- JavaScript (122)
- Frameworks (4)
- jQuery (58)
- MooTools (13)
- Photoshop (2)
- PHP (102)
- Reviews (4)
- Statistics (2)
- Web Tools (6)
- Wordpress (14)
Poll
Loading ...Tag Cloud
- ajax login
- alphabetical
- array
- auto grow
- base
- calculate
- captcha
- chart
- charts
- countdown
- css framework
- delimiters
- documents
- dropdown
- extension
- extract
- filename
- fonts
- form
- gd library
- icon set
- iphone
- lightbox
- mod_rewrite
- percent
- Photo Gallery
- picker
- random
- remove
- script.aculo.us
- search
- shopping cart
- skin form elements
- slider
- syntax highlighter
- tableless
- to-do
- validate
- web analytics
- web fetch
- WYSIWYG
- zoom
One Reply to "jQuery Concrete: Support for ConcreteUI programming"
November 3, 2009 at 1:21 AM
[...] the original post: JQuery Concrete: Support for ConcreteUI programming SHARETHIS.addEntry({ title: "JQuery Concrete: Support for ConcreteUI programming", url: [...]