otavio avila - web developer

• My Linkedin Profile
• My Googlecode Profile
• Contact

• jmpopups

  posted by Otavio Avila 7/03/2009 6 comments
  I would like to present you my most recent project jmpopups plugin. It's a JQuery plugin for popup layers.
  
  Advantages of jmpopups
  - You can open more than one popup the same time;
  - There is no pre-defined layout, so you are able to create your own layout;
  - You can call the popups using ajax or using the content of a hidden html element;
  - The jmpopups is concerned about acessibility. When a popup is opened, the focus will be kept only inside that popup. It will directly focus the first focusable element. The idea is to help users who use the keyboard for browsing (f.e. disabled people).
  - It works for IE 6+, FF 1.5+, Opera 9.*, Chrome 2.*, Safari 4.*.
  - Compatible with JQuery 1.3.*
  
  Usage Example
  
  

  $.openPopupLayer({
      name: "contactForm",
      width: 300,
      url: "contact_form.html",
      success: function() {
          alert("It is loaded");
      }
  });
  

  
  
  

  Interested on it? Access the website project: http://jmpopups.googlecode.com
  Do you want to see an example? http://otavioavila.com/jmpopups-example/

  Labels: ajax, javascript, jmpopus, layer, popup, window

• what about Javascript Inheritance?

  posted by Otavio Avila 6/26/2009 0 comments
  Some months ago, my friend Eduardo Nunes and I started to develop a javascript inheritance library. Maybe you are asking yourself now: "Why another one?" Because all the others we had found weren't exactly as normally needed.
  
  This library is called jsii and it has been very usefull for the projects that I've been working and I really think it can help you. We would appreciate if you test it and give us a feedback.
  
  I will show you here a usage example and, if you are interested on it, you can check out clicking here.
  
  
  Usage Example
  
  

  var Shape = Class.extend({
       height: 0,
       width: 0,
       init: function(height, width) {
            this.height = height;
            this.width = width;
       },
       info: function() {
            alert("I have height = " + this.height + " and width = " + this.width);
       }
  });
  
  var Rectangle = Shape.extend({
  });
  
  var Square = Rectangle.extend({
       init: function(size) {
            this._super().init(size, size);
       }
  });
  
  var rectangle = new Rectangle(5, 10);
  var square = new Square(10);
  
  rectangle.info(); // it will alert => I have height = 5 and width = 10
  square.info(); // it will alert => I have height = 10 and width = 10
  

  Labels: class, inheritance, javascript, jsii

• hello world

  posted by Otavio Avila 6/22/2009 4 comments
  Hello, my name is Otávio Avila and I'm 24 years old. I've been working as web developer for 7 years mainly focused in frontend technologies. Over these years I had the opportunity to work as developer on web sites and web applications, lead teams, train teams, create development patterns, share knowledges.
  
  Currently I'm living in Pelotas/RS, Brazil, and working for the company Conrad-caine as Interface Development Leader & Interface Developer.
  
  I will post here things i think are interisting and I hope you enjoy it! :)