Nuevos recursos para desarrolladores web - enero de 2017
Esta serie ha recorrido un largo camino a través del cual hemos sido testigos de cómo las herramientas de desarrollo web van y vienen ; una vez que brillan, unos meses más tarde quedan obsoletos con otras herramientas más recientes. No obstante, tenemos algunas herramientas nuevas en la lista para que nuestros desarrolladores exploren este mes, que incluyen bibliotecas de JavaScript, un complemento de Sketch para el diseño de IU receptivo y un par de marcos de CSS.
Haga clic para obtener más recursosHaga clic para obtener más recursos
Encuentre toda nuestra colección de recursos recomendados y las mejores herramientas de diseño y desarrollo web disponibles.
escribí
Una biblioteca de JavaScript que le permite presentar los efectos de tipeo de una lista de texto ; un tipo de efecto que quizás hayas visto en la web últimamente. Esta biblioteca de JavaScript es fácil de implementar con un puñado de opciones para personalizar el efecto . Puede instalar esta biblioteca a través de NPM o cargarla a través del CDN en https://unpkg.com/[email protected]
.

Opera solía ser el primero en introducir un navegador basado en pestañas, y desde entonces tenemos navegadores con las llamadas pestañas y marcado rápido . Opera lanzó recientemente su nueva iniciativa, llamada Opera Neon. Un nuevo navegador con una interfaz más fresca, como el llamado omnibox, modo de pantalla dividida y hermosas selecciones de fondo de pantalla . Entonces, ¿puede Opera Neon cambiar el espacio del navegador una vez más? Esto tendremos que ver.

At.js es una biblioteca de JavaScript que te permite agregar emoticones, mencionar amigos o etiquetar ; algo como lo hemos visto en Slack, Twitter y Facebook. Este complemento requiere jQuery, que le permite trabajar en Internet Explorer 7 y quizás en Internet Explore 6 también . ¡Fantástico!

Release hace que la creación de una nueva versión de un software en Github sea más eficiente. Una nueva versión suele ir acompañada de un registro de cambios, y este módulo le permite rellenar automáticamente el registro de cambios derivado de los mensajes de confirmación de Git.

Un embellecedor JavaScript que garantiza que nuestro código JavaScript esté formateado de manera consistente . Es compatible con ES2017 y JSX.

Ayu es el tema de Sublime Text con un atractivo fresco y moderno . Viene con 2 tonos oscuros y claros. Ayu significa bello en Indonesia, y por así decirlo; hace que la interfaz de usuario Sublime Text sea más hermosa .

Una aplicación liviana para editar y visualizar datos JSON . La aplicación compatible con Windows, Linux y MacOS.

Un JavaScript para ampliar la imagen con gracia. Optimizado para dispositivos móviles, funciona bien en la pantalla de alta definición, y es fácilmente personalizable .

Ramme es un cliente de escritorio de Instagram . Aunque no es oficial, pero tal vez puedas aprender un par de cosas nuevas del código fuente .

Un complemento de WordPress que una vez activado, agrega un enlace de "cambio" junto a la entrada de nombre de usuario y le permite cambiar el nombre de usuario .

NodeifyWP es un plugin de WordPress bastante único. Le permite usar WordPress como de costumbre y luego generar el contenido utilizando un módulo Node.js. Todavía no he probado este complemento en ningún proyecto. Pero la presentación que vi en WordCamp Denpasar 2016, este plugin parece muy prometedor para modernizar el desarrollo de WordPress .

ColorMe es bastante diferente a otras aplicaciones de generador de color que he visto antes. Además de generar códigos de color, la aplicación también da control sobre el ajuste del brillo del color, la sombra, el tono, la saturación, el contraste, etc.

Una colección de extensiones de WP-CLI que agrega líneas de comando y parámetros adicionales para realizar tareas adicionales, como una para desplegar WordPress en un servidor remoto, migrar un sitio de WordPress, eliminar cachés y mucho más.

Un complemento de WordPress que le permite crear contenido no lineal con una interfaz de arrastrar y soltar . El complemento es extensible para que un nuevo componente agregue un tipo de contenido único. Proporciona WP-API para administrar estos contenidos también . Tailor Page Builder es de lejos el mejor complemento en esta categoría.

XVG es una extensión de Chrome que muestra esquemas gráficos SVG y anclas que pueden ayudarte a depurar fácilmente los objetos SVG.

RibbonJS es una biblioteca de JavaScript que le permite generar cintas decorativas en su sitio web, como puede ver en la siguiente captura de pantalla. Tiene solo 1kb de tamaño y es fácil de personalizar .

Auto-Layout es un complemento de Sketch que proporciona una cantidad de tamaños de pantalla predefinidos para probar el diseño de su IU . Por lo tanto, puede asegurarse de que el diseño se ve igualmente bien si se lo ve en el iPhone 5, iPhone 6, etc. El complemento también le permite definir tamaños personalizados en caso de que no esté disponible en el ajuste preestablecido . Vea cómo el plugin en acción en este video.

Funcssion es una colección de clases de CSS que sigue el principio de Pure Function. Cada clase de CSS define un solo propósito de diseño. Este Marco de CSS actualmente es un trabajo en progreso con más características para presentar en el futuro, como cuadrículas sensibles, botones, etc.

Un marco ligero y fácil de usar para construir diapositivas de presentación utilizando solo HTML y CSS. Webslides actualmente ofrece un par de plantillas de diapositivas agradables donde puede comenzar su presentación de diapositivas de inmediato .

Resilient Web Design es un libro en línea. Este libro no es nada técnico, sino que abarca historias, principios e inventos que dan forma a la Web tal como la conocemos en el mundo de hoy. Creo que es una gran lectura para el fin de semana.

![Cómo usar Grunt para automatizar su flujo de trabajo [Tutoriales]](http://hideout-lastation.com/img/tech-design-tips/758/how-use-grunt-automate-your-workflow.jpg)
Cómo usar Grunt para automatizar su flujo de trabajo [Tutoriales]
Soy un gran defensor de la automatización porque hace la vida mucho más simple. ¿Por qué dedicar tiempo a tareas monótonas y monótonas que le quitan la fuerza de la vida cuando tiene una computadora para hacer las cosas por usted? Esto es especialmente cierto para el desarrollo web.Muchas tareas de desarrollo pueden ser una tarea ardua. Dura

10 herramientas Hashtag útiles para el marketing en redes sociales
Las redes sociales pueden estar llenas de hashtags ahora, pero su poder no puede ser subestimado. Su utilidad puede verse por cómo se difunde la información y cómo ayuda a las búsquedas en línea . Es por esta razón que si está utilizando las redes sociales, debería considerar el uso de hashtags en su estrategia de marketing. El has