Javascript Archive

Algolia Places : Plugin para autocompletar direcciones con OpenStreetMap

Algolia Places  proporciona de una manera rápida  y fácil autocompletar direcciones en campos input  aprovechando la impresionante base de datos de OpenStreetMap . Ha sido diseñado para mejorar la experiencia de usuario de los formularios HTML  ademas de ser muy facil de implementar . Enlace Algolia Places  

Framework 7 crea aplicaciones moviles con HTML5, JS y CSS

Hoy en día existen varios frameworks para crear aplicaciones mobiles con   HTML, JS y CSS , existen  desde los mas sencillos como Ratchet hasta los mas completos como ionic. Framework7 – es un framework gratuito y de código abierto para desarrollar aplicaciones móviles híbridas o aplicaciones web para  iOS ya que su diseño esta basado en el,

Kube Web Framework

Existen infinidad de frameworks que nos ayudan a construir nuestros sitios/aplicaciones web de forma rápida y fácil, kube web framework es otro gran herramienta  que sin ser muy conocido ofrece una gran flexibilidad para agilizar nuestro trabajo ya que contiene una serie de componentes javascript y css fáciles de implementar sin ser tan intrusivos  o utilizar excesivamente  clases

Photosphere.js : librería para visualizar fotos hechas con PhotoSphere

Si tienes un dispositivo android/iOS  con la aplicación de Google  Photosphere quizá te has preguntado si es posible visualizar las fotografías 360  fuera de Google Maps o bien G+. Pues existe una librería excelente programada en Javascript que funciona a la maravilla para visualizar estas fotos via web sin necesidad de casi nada de codigo

snabbt.js : otra biblioteca para crear animaciones

snabbt.js es una biblioteca javascript que nos ayuda a crear animaciones básicas que se pueden combinar para crear un efecto 3d  , se centra principalmente en las transiciones mas comunes como son  : mover rotar, escalar , sesgar y cambiar el tamaño. snabbt.js está construido para ser rápido, sólo animará elementos  que los navegadores modernos soporten

BounceJS : Genera animaciones en CSS3

Bounce.js es una herramienta en linea desarrollada en Javascript  para generar hermosas animaciones CSS3 mediante keyframes , se pueden realizar combinaciones agregando diferentes presets y componentes, cuando terminas puedes exportar el CSS generado y listo para ser incluido en tus archivos. También puedes generar tus animaciones utilizando el archivo bounce.js , ideal cuando solo necesitas de alguna

Sweet Alert : Dandole estiloa nuestras alertas

Si utilizas aun alertas javascript  seguramente alguna vez te haz preguntado como cambiar el diseño de estas, lamentablemente no es posible debido a que le corresponde a la   UI de cada navegador. Pero no todo esta perdido , sweetAlert es una herramienta con la que puedes sustituir el horrible diseño por algo mas agradable

Holder.js : Maquetar con imagenes dinamicas

Holder.js es una herramienta verdaderamente útil a la hora de maquetar sitios , lo que hace es colocar una imagen svg generada con canvas mediante la etiqueta y las medidas que le asignemos para cubrir el área que despues sera reemplazada por la de nuestro diseño final. [ Enlace : Holder.js ]

5 Herramientas para mejorar nuestro código Javascript

Javascript se ha convertido en uno de los lenguajes principales para el desarrollo de aplicaciones y sitios web  tan esencial que  son  necesitamos  algunas  herramientas para optimizar nuestro codigo. Estas son 5 herramientas online que nos servirán en nuestro trabajo diario con Javascript.

Pace.js : Aplicar precargas en nuestro sitio.

Con pace.js puedes agregar una barra de carga a tu sitio web muy útil cuando trabajamos con Ajax, la ventaja es que no tenemos que modificar nada en nuestros scripts  ya que pace.js detecta automáticamente  el progreso de carga .