Merida Design Blog

Etiqueta:

Javascript

Como crear directiva de AngularJS para input file personalizado con vista previa y drag & drop

Continuando con la serie sobre como crear un input file personalizado, en esta ocasión es el turno de AngularJS y aprender como convertir el plugin creado hasta el momento a una directiva.

Como crear una directiva de Angular para Google Maps

En este tutorial vamos a ver como crear una directiva para usar el API de Google Maps, el cual ofrece muchas posibilidades de configuración…

React Native: Crea aplicaciones nativas para iOS y Android con Javascript

React Native es un framework creado por Facebook que te permite crear aplicaciones completamente nativas usando javascript y ReactJS.

Como crear plugin de jQuery para input file personalizado con vista previa y drag & drop

En el primer articulo, vimos como crear un input personalizado que muestre una vista previa de la imagen y tenga soporte para drag & drop, en esta ocasión, veremos como convertir ese código a un plugin de jQuery.

Pusher: agrega funcionalidad Real-Time a tu aplicación web o móvil

Pusher es un servicio web que te permite integrar de manera rápida y segura, funcionalidad de tiempo real de manera bi-direccional a través de WebSockets en tu aplicación web o móvil, o cualquier dispositivo con conexión a internet.

Como crear plugin para galerías estilo Pinterest con Javascript

En este tutorial veremos como lograr el estilo de Pinterest usando javascript, creando tu propio plugin que podrás usar en cualquiera de tus proyectos.

Reloj análogo estilo neon con javascript

El objetivo de este pen, es mostrar como con unas pocas lineas de código es posible crear un estilizado reloj análogo que te puede servir para colocar en cualquier tipo de aplicación, ya sea como un widget en un panel de administración o quizá como parte de una aplicación móvil.

Waterfall.js: Galerías estilo Pinterest en tan solo 1kb

Waterfall.js es una pequeña librería que te permite crear galerías estilo Pinterest. Es una alternativa al popular plugin Masonry pero sin depender de jQuery y es mucho más liviana, una alternativa ideal para mejorar el desempeño de tu sitio o aplicación web.

Hammer.js: agrega soporte para gestos a tu página o aplicación web

Hammer.js es una librería de código abierto que te permite reconocer gestos touch, de ratón y eventos de puntero. Elimina también los 300ms de retraso de los clicks haciendo que la respuesta sea inmediata brindando una experiencia más nativa en dispositivos móviles.

Stickyfill: Polyfill javascript para aplicar posición pegajosa a cualquier elemento

Stickyfill.js agrega soporte para la propiedad “position:sticky” a los navegadores que no cuentan con soporte nativo, emulando el mismo comportamiento mediante javascript.

Angular-Formly: Sencillos, poderosos y flexibles formularios para AngularJS

Angular-Formly es un módulo de AngularJS que cuenta con una directiva para personalizar y pintar formularios configurados a través de JavaScript/JSON. La directiva formly-form y el servicio formlyConfig hacen que que los formularios de tu aplicación sean muy fáciles de mantener y escalar.

Feature.js: Rápida y liviana librería para detectar las características del navegador

Feature.js es una librería javascript que te permite detectar cuales son las características que están presentes en el navegador.

Photon: Componentes para aplicaciones de escritorio con Electron, HTML Y CSS

Photon es una librería de componentes al estilo Bootstrap o Foundation diseñado específicamente para aplicaciones de escritorio creadas con Electron.

Dexie.js: trabajar con IndexedDB de forma sencilla

Dexie.js es un librería JavaScript que se encarga de facilitarnos el trabajo con la base de datos IndexedDB.

Popmotion: Crea atractivas interfaces con este motor de animaciones de Javascript

Popmotion es una librería para crear animaciones con javascript usada para controlar las animaciones de la interfáz de usuario. Tiene soporte nativo para CSS, DOM, SVG y trayectorias SVG.

Velocity.js: Motor de animaciones javascript, como jQuery pero mas rápido

Velocity.js es una librería para animaciones que funciona con la misma API que la función $.animate() de jQuery pero con un desempeño mucho mejor que el de este último…

Swiper: Moderno slider touch para apps y sitios móviles

Swiper es uno de los sliders más modernos con touch para móviles, transiciones y animaciones aceleradas por hardware para un desempeño más nativo…

Toolkit: Componentes HTML5, JS y CSS para sitios responsivos y móviles

Toolkit es una librería con una gran collección de componentes de interfáz de usuario ideales para sitios móviles y responsivos.

Moment.js: manipula, valida y muestra fechas de forma mas amigable y sencilla

Moment.js es una librería JavaScript que te permite procesar, validar y manipular fechas de manera muy sencilla.

Image Blur Plugin: Efecto blur para imágenes, compatible con todos los navegadores

Plugin de jQuery que te permite aplicar efecto blur a las imágenes dinámicamente a través de filtros de SVG, con este plugin no tendrás que preocuparte por la compatibilidad con los navegadores ya que soporta incluso ie6 (R.I.P.) a diferencia de los filtros de CSS que no es soportado por ninguna versión de internet explorer, solamente Edge (verifícalo aquí).

  tope
Derechos Reservados, Merida Design 2019