Martin Iglesias | Recursos y Descargas

jQuery Organisation Chart, crea organigramas en html con jQuery

2012-02-01T23:13:53-08:00

Este plugin lo encuentro muy interesante, se trata, básicamente de crear diagramas organizativos sin necesidad de utilizar imágenes... los organigramas de toda la vida, esos que utilizan todas (o casi todas) las empresas.

Básicamente consiste es una lista desordenada del tipo UL muy trabajada, con sublistas para las diferentes cabeceras y, a su vez, más sublistas para los cargos inferiores...

Explicándome mejor, si quieremos un nivel JEFE -> GERENTE -> EMPLEADO, deberíamos crear una lista tal como se muestra en el código 1 más abajo... utilizar este plugin y dedicarnos a personalizar nuestra gráfica mediante CSS.

Aun no he tenido la necesidad de utilizarlo, sé de algunas webs antiguas que he realizado que llevaban de estas gráficas, tal vez algún día las actualice:)

Características principales:

Muy fácil de usar dado que toda la gráfica es una lista desordenada.
Mostrar / ocultar una rama del árbol haciendo clic en el nodo respectivo.
Los nodos pueden contener cualquier cantidad de HTML, excepto
y
- Fácil de personalizar mediante CSS.
Quiero descargarlo
Pues bien, no desesperes, te dejo una demo (la oficial) y el enlace para la descarga desde la web de su autor.

Esperando el 2012

2011-12-31T07:31:37-08:00

El 2011 se va siendo un año difícil. El 2012 que viene no se presenta, a primera vista, como mucho más fácil o sencillo que este año que nos deja.

Este año fue muy duro, contando siempre con la enorme confianza que da tener trabajo, creo que esta situación actual que se vive en el país o a nivel mundial, nos está haciendo dejar al costado muchas cosas interesantes y proyectos que quizás, en otra época, ocuparían el lugar que merecen.

Dejo este 2011 con varios proyectos personales aparcados. Si bien no me faltó trabajo -al contrario-, no le he dedicado el tiempo necesario a los proyectos que tengo en mente. Son varios, algunos que pueden resultar rentables, otros que son paranoias personales y otros mucho más desinteresados.

Objetivos para el 2012
Los principales para este nuevo 2012, a nivel laboral, pasan por varios cambios que quiero ir llevando a cabo con el pasar de los meses. Imagino que el 2012 no me alcanzará para plantear todas las ideas que tengo en mente, pero intentaré ir sacando proyectos más a menudo.

Esta web... sinceramente la tengo abandonada, tengo semi abandonada la v4 de esta web, en html5, no tengo tiempo y, de seguir así, la publicaré cuando html5 sea ya obsoleto.

Mi página de Facebook, la he cerrado, dejo mi perfil personal únicamente, no quiero ni puedo mantener 2 perfiles sociales a la vez con contenidos diferentes, así que ya no quiero que sean mis fans... prefiero que seamos personas y amigos.

Twitter y Google Plus, seguiré molestando, seguramente en menor medida, tal cual lo hago ahora, no vivo de las redes sociales y estar todo el dia posteando cosas hace que me distraiga de mi trabajo.

Mis recursos, seguiré publicando cosas interesantes (al menos para mi), ayudas para colegas de profesión como yo, e intentar hacer que siga creciendo la web que, en sus orígenes, nació como un RSS personal, donde me autopublicaba contenidos de plugins o códigos que había usado o que necesitaría en futuros proyectos.

Colaboraciones, pretendo implicarme más seriamente en ADWE A Coruña, quiero poder comenzar con las charlas en mi ciudad y contar con un grupo de amigos que les interese participar de estos eventos, realizar mesas redondas, eventos y todo lo relacionado con la Asociación.

Tengo otros proyectos personales en mente, no puedo decir nada, pero pretendo que vean la luz en este 2012... aunque no sean todos, los más importantes sí lo harán.

Aprendizaje... es vital en este rubro, un desarrollador web no puede quedarse con html y css, debe saber un poco de todo, y perfeccionar conocimientos nunca está de más... el ser un buen desarrollador web implica un continuo aprendizaje, un continuo estudiar nuevos lenguajes, nuevas técnicas, formar de optimizar códigos, tiempos y de lograr ser lo más rentable posible.

Personalmente, tengo que tomarme la vida con más calma, empezar a separar las cosas importantes de las que no lo son tanto y centrarme en ellas. Está claro que todo no puede abarcarse, pero sí se puede perfeccionar el camino elegido... a eso apunto, a perfeccionarme, a emplear nuevas tecnologías y comenzar a experimentar en otras.

Es mucho, un poco ambicioso mi plan, pero está claro que el tren de la vida siempre está en marcha, depende de uno subirse al vagón o quedarse en la estación viendo el posible éxito pasar frente a tus ojos.

Es todo, me despido, gracias por llegar hasta esta línea... esta noche voy a brindar por todos aquellos que me acompañan, comentando en mi web, comentando en mis perfiles sociales, disculpándome con todos aquellos a los que no le prestado la atención que debía y por sobre todas las cosas, deseándote un muy feliz 2012 y que, por muy dura que esté la situación y por muchos recortes que nos metan, no nos olvidemos de sonreir e intentar ser felices.

Feliz 2012!

jQuery NiceScroll para un scroll mejorado en ordenadores y m�viles

2011-11-14T01:29:27-08:00

jQuery NiceScroll es un plugin, tal como indica su nombre, que mejora las barras de desplazamiento tanto en ordenadores de sobremesa, portátiles y también en dispositivos móviles. Resumiendo, y si miras la imagen más arriba, verás que es un scroll similar al de Facebook.

Realmente, por lo que vi en su web, es lo más fácil que existe para poner a funcionar... sólo basta con indicarle qué elemento (body, div, etc...) tendrá el scroll, configurar por css su aspecto y todo finalizado.

Características:

Fácil instalación y activación, funciona sin ninguna modificación de su código.
Barras de desplazamiento con mucho estilo, sin ocupar la ventana principal ya que no es necesario que esté siempre visible.
Se puede modificar por CSS el estilo principal de la barra de desplazamiento.
Funciona en todos los navegadores puede desplazarse: arrastrando el cursor, la rueda del ratón (velocidad adaptable), navegación con el teclado (teclas de cursor, pagup / teclas, casa / fin de teclas)
Desplazamiento suave (como la navegación en un tablet), la velocidad es personalizable
Característica de zoom
Aceleración por hardware de desplazamiento (donde esté disponible)
Para todos los principales navegadores y versiones móviles
Soporte para dispositivos táctiles
Compatible con muchos navegadores, incluyendo IE6, Safari en Mac y versiones de prueba de IE10!
Aspecto muy personalizable de la barra

Te dejo una demo que preparé y el enlace a la web oficial para su descarga.

Gallery Focus... desenfocando elementos por proximidad

2011-10-11T05:16:53-07:00

Gallery Focus es un plugin escrito en javascript y basado en la librería jQuery, que nos permite desenfocar (hacer fade) elementos según proximidad. Es decir, según donde ubiquemos el ratón, podemos desenfocar todos los elementos alrededor del puntero con opciones personalizables.

Su implementación es muy sencilla, se debe definir el tamaño del área a desenfocar, la opacidad del resto de elementos no afectados por el desenfoque y si persigue al ratón o no, y algunas opciones más... pero las importantes son éstas 3 que mencioné.

Quiero demo, quiero bajarlo, quiero saber usarlo...
Vale, no desesperes, es muy fácil de usar, bajar y probar. Te dejo el enlace de su creador, Derek Anderson, y, al ver la demo, ya entenderás lo que yo no sé explicar con palabras fáciles XD.

Ofuscar una direcci�n de email con javascript para evitar el spam

2011-10-05T00:00:02-07:00

Es bien conocido que poner una dirección de correo electrónico en la web es sinónimo de empezar a recibir correos no deseados de toda clase, por eso, a raíz de un proyecto que estoy maquetando, reescribí una función que encontré en Stack Overflow para adaptarla a mis necesidades.

La función es muy sencilla y se encargará de reescribir mediante javascript (jQuery en este caso) una dirección de correo mal escrita para dejarla totalmente funcional y, aquellos usuarios que no tengan javascript activado, verán la dirección de correo desactivada, pero lamentablemente, no podrán hacer click sobre ella (aunque yo creo que hoy día ya no quedan usuarios con javascript desactivado en sus navegadores).

Vamos a ello:
Lo que necesitas, son, además de la librería jQuery, 5 líneas de código y luego escribir tu e-mail tantas veces como quieras tal como se muestra en los códigos más abajo.

Siguiendo el cat�logo de cursos online de video2brain

2011-10-03T04:24:53-07:00

Formarse y adquirir nuevos conocimientos nunca está de más. Hay una inmensidad de cursos online a distancia pero pocos tienen la calidad de los cursos encontrados en video2brain.

Por esa razón, he decidido (por intermedio de la empresa donde trabajo), adquirir una suscripción anual completa para tener acceso total a todo el catálogo de cursos de video2brain, suscripción que, a diferencia de la anual online, me permite descargarme todos los vídeos a mi ordenador para verlos cuando quiera y no depender de una conexión a internet.

Que sí, que este es un post patrocinado, jeje... no me han pagado por él ni me pagarán, me han hecho un suculento descuento en el precio de la suscripción gracias a haber participado de la edición 2011 de Subflash y, a cambio, yo he ofrecido comentar en este pequeño post sobre los cursos que he comprado.

Pues bien, la temática de los cursos es muy variada, pero todos están relacionados con el desarrollo web, programación web o móvil, diseño gráfico, edición de vídeo digital, 3D, autocad, fotografía digital, retoque, ilustración, desarrollos para iPhone, Android y muchos más.

Y no es que los recomiendo porque muchos de los formadores de video2brain sean conocidos o amigos míos, sino que los recomiendo porque los cursos son realmente de una calidad envidiable. Explicados al detalle, con una gran calidad de imagen en sus vídeos y, si tienes la suscripción total, te los puedes descargar y ver cuantas veces quieras, incluso en un iPad.

Yo he empezado a perfeccionar mis conocimientos en Adobe Fireworks con un curso supercompleto, de la mano de Armando, y prometo recorrerme toda la oferta disponible y echarme horas y horas frente a la pantalla aprendiendo nuevas técnicas, etc.

Tienes, también, la posibilidad de suscribirte anualmente (con una mejora muy grande en el precio), comprar curso a curso y, además, muchísimas horas de formación gratis y de calidad.

Así que ya sabes, si quieres cursos de calidad a un precio muy económico, no debes perderte los cursos que te ofrece video2brain...

Importante: Me acaban de enviar un excelente código promocional para aquellos que estén interesados en comprar cursos. Deben ingresar el código ´martinigleu´ (sin las comillas) al momento de realizar el pago y obtendrán un 10% de descuento en la compra. Eso sí, no vale para suscripciones anuales y vale hasta el 2 de noviembre de 2011, así que date prisa!

Links for 2009-08-04 [del.icio.us]

2009-08-05T00:00:00-07:00

Nuevos plugins para jquery Recursos - Martin Iglesias .eu

Links for 2009-06-08 [del.icio.us]

2009-06-09T00:00:00-07:00