Como crear un startup?

Prototype, xilinusTe gusta netvibes? te gustaria hacer algo parecido talves no un startup pero si una aplicacion funcional y que se pueda adaptar bien y usar bloques del mismo modo que lo hacen ahi no solo el startup de netvibes hay muchos mas entre ellos el de google, yahoo y otros.

Pues bueno en xilinus que ya estan acostumbrandonos a sacar clases basadas en prototype bastante completas y de muy buena calidad ahora sacan esta Prototype Portal Class.

Aqui les dejo el ejemplo de como aplicarlo:

Primero el HTML facil y sencillo:

<div id="page"><div id="widget_col_0"></div><div id="widget_col_1"></div>    <div id="widget_col_2"></div>    </div>

Toca el archivo CSS aun mas facil:

#page {margin: 10px auto;}    #widget_col_0 {    float:left;    width: 30%;    }    #widget_col_1 {    width: 50%;    float:left;    }    #widget_col_2 {    float:left;    width: 20%;    }

Ahora iniciamos la clase:

    var  portal = new Xilinus.Portal("#page div")

Y por ultimo añadamos las cajitas (widgets) =P

portal.add(new Xilinus.Widget(), 0)// Or with title and contentportal.add(new Xilinus.Widget().setTitle("Widget Title").setContent("bla bla bla"), 1);

Eso es todo nada dificil pero ahora quieres mas estilo mas bonito mas funciones aqui les pongo mas de esto:

  • url: Url a la que se hace una peticion despues de mover un widget (default null, no requests)
  • onOverWidget: Un evento para ejecutar cuando el mouse este sobre el widget (default null)
  • onOutWidget: Evento para cuando el mouse ya quite de encima del widget (default null)
  • onChange: Evento para ejecutar algo cuando termines de mover el widget (drag & drop) (default null)
  • onUpdate: Evento para ejecutar cuando termines de ejecutar un accion drag & drop (default null)
  • removeEffect: Remueve un efecto animado (sin efectos por default)

Muchas funciones no lo creo se podrian hacer mas pero bueno aqui lo basico para crear este portal:

  • add(widget, columnIndex): para añadir un nuevo widget .
  • remove(widget): remueve un widget.
  • serialize(): Convierte un string a parametros para el request de lajax.

Batante bueno el tip no creen? puede ser muy util creo ya se donde lo aplicare, ya pueden hacer su propio startup bueno casi falta mucho jeje pero lo basico ya lo tiene un poquito de CSS y JS es mas que suficiente.

Ver ejemplo / Descargar Script widgets.js

comment ¿Que opinas?

Artículos recientes

close

Mockups PSD para productos de comida rápida

El día de hoy comparto con ustedes unos cuantos recursos ideales para realizar el branding de una empresa dedicada al ramo de la comida rápida. Estos Mockups en formato PSD son totalmente gratis; y podrás descargarlo…

close

Amordio, Una colección de gif’s animados inspirados en el amor y el odio

Quiero compartir con ustedes una peculiar colección de Gif’s animados inspirados en el amor y el odio; dos figuras que parecen antagonistas pero que han sido protagonistas en miles de novelas y libros. No obstante,…

close

5 cosas que todo diseñador debe saber

Existen algunas cosas que en ámbito profesional todo diseñador debe saber; se trata de principios fundamentales de venta y trabajo que no debemos dejar pasar. Aún así, en ocasiones las pasamos por alto debido a…

close

play_circle_outline ELMO es despedido de plaza sésamo por culpa de Trump

What’s Trending un sitio web no ha tardado en reaccionar a las declaraciones del presidente Donald Trump; declaraciones en las cuales se anuncia el recorte presupuestal a los programas de arte y humanidades para televisión….

close

play_circle_outline Burger King regala Whoppers de por vida a victimas de bullying por su apellido

Burger King ha iniciado una campaña para premiar a aquellos que ha sufrido Bullying; sin embargo, esto no aplica a todos; ya que únicamente se esta centrando en aquellos que han sufrido de esta practica…

close

play_circle_outline Mira el creativo curriculum en forma de pizza de un diseñador, simplemente genial

Tener creatividad cuando nos dedicamos al negocio de la creatividad es algo imprescindible; y es que muchos en ocasiones se limitan a copiar las obras de aquellos que han tenido éxito. Sin embargo, aún quedan…

notifications Recién publicamos
close