El mejor directorio de herramientas

 Hoy te traigo un enlace que seguramente sean de los que guardes con mucho mimo y lo tengas siempre a mano, porque te puede salvar de muchos apuros y ayudar a hacer tu trabajo de una forma mucho más rápida, eficaz y profesional. Se trata de un directorio de herramientas de todo tipo, desde un montón de herramientas basadas en IA a herramientas de diseño, generación de código, ilustraciones, mockups, etc.

Además este directorio se va actualizando y ampliando teniendo a nuestro alcance un montón de posibilidades tanto con herramientas gratuitas como de pago.

/www.toools.design/

By worldjam with No comments

Efecto "Hover" futurista

No cabe duda de que en los detalles está la diferencia. A mi particularmente me gusta mucho las webs que están "vivas" que te invitan a interactuar con ella, que ya mas que el contenido, sea el continente. Estamos todos de acuerdo en que una de las opciones que tenemos los diseñadores web para dar vida a las mismas es el efecto "hover".

Tympanus nos trae un excelente ejercicio de como implementar un efecto "hover" en nuestra web y darle un descarado aire moderno e incluso futurista, que recuerda mucho a cualquier escena en la que el protegonnista sale delante de un ordenador y todo lo que se ve se mueve y suena al pasar el ratón por encima. Sin llegar a tanto, pero de forma sutil, esta colección de efectos puede llevar a tu web a otro nivel.

By worldjam with No comments

Messi con Javascript

Tal vez por el título pensarás que me he vuelto loco, pero ahora puedes dibujar mediante Javascript y Canvas al considerado por la FIFA cómo el mejor jugador de esta copa del mundo de fútbol recién finalizada Leo Messi. ¿Quieres saber cómo? Pincha en el siguiente enlace y lo descubrirás!

como-dibujar-a-messi-en-javascript-con-canvas

By worldjam with No comments

Efecto pegatina mediante Javascript

Mediante esta librería de javascript sin necesidad de requerir de JQuery podemos simular de una forma realmente asombrosa el efecto de pegar y despegar una pegatina en nuestro sítio web. Simplemente elije la imagen que va a hacer de pegatina y emplea el código que encontrarás en el siguiente enlace para que los usuarios de tu web puedan pasar tiempo pegando y despegándolos mejorando así la experiencia de usuario.

Pegatinas con Javascript

By worldjam with No comments

15 libros electrónicos gratuitos que todo desarrollador web debería tener

smashinghub.com ha realizado una compilación de los libros que consideran esenciales para cualquier programador web. Estos libros van desde HTML hasta PHP5 ó JQuery y vienen en formato electrónico de descarga gratuita. No dejes de descargarlos, ya que siempre vas a poder tenerlos a mano ante cualquier duda o imprevisto que surja en tu día a día.

15-free-e-books-every-developer-should-have

By worldjam with No comments

Galería fotográfica "fullscreen" con HTML5 y JQuery

Hemos presentado en varias ocasiones diversos ejemplos de galerías fotográficas con JQuery, pero en esta ocasión la cualidad mas destacable es que la galería es fullscreen y utiliza el componente audio de HTML5 para crear mas ambiente si cabe a las imágenes que ilustran la galería.

fullscreen-slideshow-with-html5-audio

By worldjam with No comments

Como realizar diagramas con Javascript

En este articulo se explica mediante código como utilizar la librería "Raphael" de javascript para poder codificar dinámicamente diagramas de datos dando un aspecto e interactividad realmente buenos dentro de una web por su animación.
animated-skills-diagram

By worldjam with No comments