Es una nueva comunidad sobre el reciente estándar de la web Html5, donde puedes encontrar tutoriales, tips, consejos, información, noticias y demás en un solo lugar.


Apoya la comunidad con $1 USD, queremos mejorar y compartir más conocimiento.

Tips #10 – Sharp, Motion UI y Slush


  Publicado hace |  Etiquetas: , , , , , ,

Imagen de previsualización de YouTube

Numero 3 – Sharp: Módulo de Node.js para redimensionar imagenes

Existen muchos módulos para realizar el trabajo de redimensionar imágenes en Node.js pero siempre queremos escoger el que ofrece mejor rendimiento y velocidad, sobre todo si queremos ofrecer un resultado inmediato.

Sharp es un módulo de Node.js para redimensionar imagenes basado en la librería libvips por lo que es más rápido.

Características:

  • Soporte para JPEG, PNG, WebP, TIFF, OpenSlide, GIF y otros más
  • Como imagen resultante puede ser JPEG, PNG, WebP y Raw
  • También ofrece rotación, extracción, composición y gama de corrección

Para instalarlo, antes debes instalar libvips, después puedes seguir con Sharp usando NPM.

Sharp

Numero 2 – Motion UI: Librería de Sass para animaciones y transiciones con CSS

Si algo enamoró a todo desarrollador front-end cuando HTML5 se publicó, es el poder de CSS3 y por supuesto aumentandolo con Sass es mucho mejor, la posibilidad de reutilizar código y extender todo es genial.

Motion UI es una librería de Sass desarrollada por Zurb que permite crear animaciones y transiciones en CSS3.

Características:

  • Incluye una gran lista de transiciones y animaciones
  • Se puede usar desde JavaScript con una pequeña librería
  • Las transiciones son personalizables

Para instalarlo simplemente usa Bower o NPM

Motion UI

Numero 1 – Slush: Sistema de scaffolding en Node.js

Existen herramientas que permiten hacer algo similar, por ejemplo, Yeoman, es una herramienta muy buena para iniciar proyectos rápidamente con una simple linea de comandos pero no siempre es suficiente o simplemente no quieren algo diferente, así que podemos probar alternativas.

Slush es una herramienta que ayuda a generar nuevos proyectos con su estructura para iniciar rápidamente, es similar a Yeoman pero esta vez usando Gulp como reemplazo.

Características:

  • Solo necesitas Node.js para usarlo
  • Tiene un sitio para consultar todos los generadores ( http://slushjs.github.io/generators )
  • Ejecutar tareas al mismo tiempo que generas un proyecto

Instalarlo solo requiere un comando de NPM pero de manera global.

Slush

comments powered by Disqus