Como hacer perder peso a tu web

perder-peso

Si están desarrollando un sitio web, mas allá del diseño seguramente la preocupación pase porque se cargue rápido en el navegador. Y nada mas errado que ese pensamiento en los tiempos que corren, en donde los tiempos son cada vez mas ajustados y la necesidad del visitante por ver el contenido rápidamente se vuelve casi como un factor obligado a tener en cuenta.

Para mejorar este punto, un grupo de profesionales que trabajan o han trabajado en grandes sitios crearon esta guía para el rendimiento front-end con muchos tips de utilidad, abarcando sectores como:

  • HTML,
  • CSS,
  • JavaScript,
  • jQuery,
  • Imágenes,
  • Servidor,
  • Herramientas.

Los invito a leer estos tips sumamente interesantes tanto para desarrolladores experimentados como para iniciados entendiendo que no hay una solución milagrosa pero vale la pena poner a dieta al próximo proyecto para disfrutar de una internet mas rápida.

Enlace | Como perder peso en el navegador

 

10 Plugins jQuery para rotar imágenes

360 jquery plugins

360 jquery plugins

Se que no están muy acostumbrados a leer en este blog noticias y artículos sobre jQuery y, a decir verdad, reconozco que tampoco es mi fuerte. Pero… en la web podemos encontrar siempre códigos que facilitan el trabajo a la hora de desarrollar las ideas que se nos vienen a la cabeza.

El uso del giro de 360º en la web es sumamente útil, sea para mostrar productos que están a la venta, para esculturas o simplemente para realizar panorámicas de ambientes o paisajes.

Para ésto, basta con leer atentamente las instrucciones de implementación de estos 10 plugins jQuery que recomiendan en DesignBeep y luego de tener las fotografías del elementos podremos seleccionar el que mas nos guste para incorporarlo a nuestra web.

Enlace | 10 Great jQuery Plugins for 360-Degree Image Rotation

Timeline Portfolio con CSS3 y jQuery

timeline portfolio

timeline portfolio

La originalidad en presentar nuestros trabajos es un factor importante para lograr un primer gran impacto visual y creativo. Es por eso que con un poco de HTML, CSS3 y jQuery podremos hacer un gran muestrario de nuestros trabajos sobre una línea de tiempo gracias a Tutorialzine y su “Timeline Portfolio“.

En infinidad de veces he recomendado por diferentes medios, no solo por el blog, este sitio en donde podremos encontrar geniales tutoriales de CSS3, jQuery y mucho mas… que a pesar de estar en inglés, los tutoriales los realiza con claros pasos y deja para la descarga los archivos ya armados por si queremos saltearnos el aprendizaje.

Por lo tanto, si están buscando un buen portfolio con HTML, CSS3 y jQuery o quieres aprender un poco mas sobre estos lenguajes, a darse una vuelta por este artículo super interesante y creativo.

Demo | Timeline Portfolio
Enlace | Timeline Portfolio

Efecto “Antes y Despues” para fotografías con jQuery

Ya hace tiempo que había visto este efecto pero aún faltaba pulirlo un poco para mi gusto. El Queness’ beforeafter plugin es un efecto muy útil sobre todo para los que están en el retoque digital y quieren mostrar sus trabajos en un portfolio online.

Muchos artistas son los que brindan esta alternativa de ver el proceso de retoque o bien el “antes y el después” y la verdad es que lo considero acertado ya que de esa forma uno puede admirar mucho mas los trabajos, viendo de donde partieron.

El efecto puede aplicarse de manera muy simple y el autor tambien brinda  una explicación sobre como convertirlo en plugin.

Queness BeforeAfter | DemoDescargaArtículo

Captcha creativo para formularios

Ajax Fancy Captcha es un plugin para formularios que rompe con la tediosa rutina para el visitante de introducir letras y números según la imagen que se muestra.

Con este plugin jQuery nos aseguraremos de no recibir spam brindándole al usuario una simpática forma de demostrar que no es un robot. Luego de completar el formulario, la leyenda en inglés dice: “Verifique que Ud. es humano, arrastre el reloj dentro del círculo”. Por lo tanto, bastará con arrastrar el icono que aleatoriamente aparecerá en la frase sobre el círculo para que el formulario se envíe correctamente.

Rápido, efectivo y totalmente personalizable, Ajax Fancy Captcha es un original plugin que seguramente se verá en mas de un sitio.

Instalación y Descarga | Ajax Fancy Captcha
Vía | Creativos Online

FormToWizard: Formularios largos paso a paso con Jquery

FormToWizard es un plugin Jquery que me ha llamado la atención ya que sale de lo común ofreciendo dividir formularios largos en tantos pasos como deseamos.

Supongamos que tenemos un formulario en donde el visitante tiene que completar su CV. En vez de hacer un formulario en donde le saquemos humo a la ruedita del mouse de tanto bajar, podemos dividir el mismo en Datos Personales, Formación Académica, Experiencia Laboral, etc. Su licencia de uso es gratuita.

Demo | FormToWizard
Implementación y Descarga | Plugin Jquery
Vía | WebAppers

BONUS: Por otro lado, para hacer mas completa aún la entrada, aquí les dejo el enlace hacia un artículo sobre 12 plugins Jquery para mejorar nuestros formularios. Muy interesante!

Gran listado de plugins y ejemplos para JQuery

The Ultimate JQuery List es un extenso directorio dividido en categorías con todo lo relacionado con este framework, tan de moda últimamente.

En verdad se pueden conseguir efectos muy vistosos y aprender mediante los ejemplos que se pueden encontrar.

Por eso, para los que disfrutaron del post sobre menús de navegación en JQuery hace unos días, de seguro que este sitio irá a parar directamente a los marcadores.

Enlace | The Ultimate JQuery List
Vía | StumbleUpon