New Toronto Group

jQuery

The Gist of Code Sharing - New Toronto Group

The Gist of Code Sharing

| April 17th, 2013 by Oliver Merk

Agile development teams often need to share code while in the heat of battle.At the high end of the scale, there are publicly-accessible repositories, such as GitHub. Creating a GitHub project is obviously overkill for those wishing to simply pass a few key lines of code to their buddy in the next seat.For stand-alone, runnable demo code, sites like Plunker and JSFiddle  are great. You will see references…

Read more »

Posted in Code Sharing, Github | 0 Comments

Adding an X to Close a noty.js Notification - New Toronto Group

Adding an X to Close a noty.js Notification

| February 04th, 2013 by Chad Upton

By Chad Upton - senior consultantNoty is a jQuery plugin for doing popup notifications in a browser. They're simple, pretty, and they slide in like toast style notifications on the desktop.They can be positioned at the top, side, bottom or even in a custom container. Here's a screen capture of one that slides in from the top:Noty does have a built in way to do confirmation buttons, but it adds an additional…

Read more »

Posted in button, Chad Upton, close, jQuery, noty, x | 0 Comments

Adding an X to Close a noty.js Notification - New Toronto Group

Animating CSS Properties with jQuery

| August 02th, 2012 by Chad Upton

By Chad Upton - senior consultantjQuery is a seemingly endless tool for making advanced tasks easy and cross browser compatible. One of those tasks is animation, and jQuery is great at it.For example, lets say we're building a shopping cart application and we'd like to grow and shrink a product image when a user clicks on it. Here's the HTML tag for the image:[cc lang="javascript" escaped="true" line_numbers="false"…

Read more »

Posted in animate, animation, Chad Upton, height, image, jQuery, onClick, size, width | 0 Comments

The Gist of Code Sharing - New Toronto Group

Going Loopy for Closures

| June 18th, 2012 by Oliver Merk

We do a lot of jQuery DOM manipulation in our projects here at New Toronto Group. Often we are required to create applications with UIs that are generated on-the-fly, based on various runtime conditions.One problem we see often is when we want to attach an event listener on a dynamically-created object, such as  a button, and maintain a reference to that button's index while it was created.Sounds simple…

Read more »

Posted in DOM, javascript, jQuery, UI | 0 Comments

The Gist of Code Sharing - New Toronto Group

Links roundup

| November 04th, 2011 by Oliver Merk

Here are a few unrelated links I’d like to pass on for your reading pleasure. Opportunistic Refactoring by Martin Fowler, author of the best programming book ever (Refactoring).  I’ve been preaching this one for a long time: “while you’re in there, refactor any smelly code, but don’t get caught in a death spiral”. http://martinfowler.com/bliki/OpportunisticRefactoring.html    jQuery4u – lots…

Read more »

Posted in | 0 Comments

Start using closures with your AngularJS, EmberJS code, and other JavaScript.

| December 31th, 1969 by Douglas Riches

First off, let’s take a look at the word “closure”. It was first coined in 1964 to refer to an anonymous function (lambda expression) or named function that has non-local variable references from outside it’s own scope “closed in” to the function instance. Confusing a bit? Take a look at a simple example:  Check it out and play around working in a JavaScript REPL: http://repl.it/YJ5    Lets take…

Read more »

Posted in AngularJS, EmberJS, jQuery, JavaScript | 0 Comments