Author Archives: Aaron Gwin

About Aaron Gwin

I'm developer at MasterCard focused on user experience and user interface design using Java & GXT. Web Developer, JavaScript, UX, Usability, RWD, a11y/ARIA/ADA, Java GWT/GXT, .NET, PHP. I led a patent-pending effort to create a client-side rapid html prototyping tool to demonstrate screen flows. patents US20120204102 Past positions: Business Analysts and Pega Process Architect. I love to learn.​ I'm currently learning JS Touch Events and Icon Font development.​

List links on Responsive Design

I was asked the other day if knew of any peer-review studies on Responsive Design. Here are 5 links that are top referred article and/or Google hits:
Responsive Web Design
by ETHAN MARCOTTE May 25, 2010
alistapart.com/article/responsive-web-design
The original article on RWD and the most referred article on the subject.
Responsive Web Design: What It Is and How To Use It
By Kayla Knight January 12, 2011
smashingmagazine.com/2011/01/12/guidelines-for-responsive-web-design

Continue reading

Posted in Responsive Design | Leave a comment

GXT TabPanel ActiveWidget & TabItemConfig

For those of you GXT Devs, selecting tabs are not always easy.
Here is a method to set the active tab using a TabItemConfig.

    /**
     * Sets the active widget using TabItemConfig.
     *
     * @param config the TabItemConfig
     * @param container the TabPanel
     */
    public void setActiveWidget(TabPanel tabGroup, TabItemConfig config){
    	int len = tabGroup.getWidgetCount();
    	for ( int i = 0; i < len; i++ ) {
    		Widget panel = tabGroup.getWidget(i);

Continue reading

Posted in GXT | Leave a comment

JavaScript Arrays and HTML Collections

So for the longest time, I’ve always been told that JavaScript only has one array type:
the Array Object
.

// Generally, these are all the same
var arrVehicleTypes=new Array();
arrVehicleTypes[0]="Economy";
arrVehicleTypes[1]="Compact";
arrVehicleTypes[2]="Luxury";
arrVehicleTypes[3]="Sports";
arrVehicleTypes[4]="Van";
var arrVehicleTypes=new Array('Economy', 'Compact', 'Luxury', 'Sports', 'Van');

Continue reading

Posted in JavaScript | Leave a comment

IsTypeOf Function

The IsTypeOf function is design to allow you to type identify any object.


/*
/////////////////////////////////////////////////////////////////////////////////////////////////////
//  IsTypeOf                                                                             IsTypeOf  //
/////////////////////////////////////////////////////////////////////////////////////////////////////
*/
IsTypeOf=function(obj,_strict) {
  if(obj==null||obj===undefined){return null;}

Continue reading

Posted in JavaScript | Tagged | Leave a comment