Recursos Front-End
09/07/2016
Los recursos del buen desarrollador
Hola! Aquí traigo otro apartado donde compartiré una serie de recursos y herramientas web que suelo utilizar cada vez que me embarco en la tarea de desarrollar algún proyecto web. Como sabréis, el desarrollo web engloba muchas secciones, desde el diseño de iconos e imágenes, pasando por la tipografía, imagen corporativa, paleta de colores etc, hasta la modelación de la navegabilidad, sus secciones y la maquetación de los contenidos entre otras.
Aquí presentaré algunas herramientas de utilidad que podrán ayudar a diseñar y construir nuestro siguiente proyecto.
Librerías
Echadle un vistazo a esta recopilación de librerías, estoy seguro de que conoceréis más de una, pero espero que también descubráis alguna nueva y que os guste.
GSAP De mis favoritas. Una increíble librería para hacer animaciones con elementos del DOM.
ScrollMagic Excelente librería para interactuar con el scroll del navegador. Funciona muy bien en conjunto con GSAP para sincronizar las animaciones y dispararlas según la posición del scroll.
BootFlat ¿Quién no ha usado Bootstrap? Pues ya sabemos qué aspecto tiene una web con bootstrap por su inmensa popularidad. Esta librería, que sigue siendo boostrap, nos permitirá cambiar todo el aspecto final de nuestra web por un estilo Material Design. Muy interesante.
AnimateCSS Con un simple archivo .css incorporaremos a nuestro desarrollo una serie de clases que nos permitirán animar elementos de forma simple. Trae una buena variedad de animaciones.
HoverCSS Me gusta mucho esta librería. Para hacer efectos 'on hover' muy fácilmente. Basta con añadir una clase para que animemos cualquier elemento. En su versión Sass podremos modificar parámetros como el color primario y la velocidad de las animaciones.
Noty La librería pensada para hacer notificaciones. De una forma muy sencilla esta librería nor permite crear todo tipo de notificaciones con javascript. Además, puede trabajar en conjunto con AnimateCSS.
ValidatorJS La librería JS de validación. Muy popular. Nos ayudará en la tediosa tarea de validar formularios y cualquier tipo de entrada de datos externos a nuestra app. Se puede usar tanto en navegadores como en un servidor NodeJS.
isJS Una mini librería para hacer validaciones. Es tan sencilla de usar que resulta muy útil.
Magnific Popup Aborda la funcionalidad casi obligatoria de muchas webs. La de ampliar imágenes al hacerles click. Con esta librería llevar a cabo dicha labor resulta tan simple como añadir una clase a nuestras etiquetas img.
ToolbarJS Para crear toolbars molonas. Con esta librería convertiremos cualquier botón en un menú desplegable.