Recursos frescos para diseñadores y desarrolladores web (mayo de 2017)

UNA colección de recursos web útiles es algo que un desarrollador web realmente espera tener en su conjunto de herramientas. Por lo tanto, siendo un desarrollador, me esfuerzo por presentarte el Lo mejor y lo último en recursos de desarrollo web. cada mes.

La colección de este mes incluye un aplicación gratuita interesante para screencasting, Un par de marcos basados en el lenguaje de Diseño de Materiales, un par de bibliotecas para pruebas de rendimiento, CLI y un Un puñado de otros recursos útiles.. Por lo tanto, vamos a revisarlos uno por uno en los siguientes.

Haga clic para más recursos

Encuentre nuestra colección completa de recursos recomendados y las mejores herramientas de diseño y desarrollo web disponibles.

Kap

Kap es un Grabadora de pantalla pequeña y ordenada para MacOS. Es una aplicación de código abierto, construida con tecnología web. Una cosa que me encanta de esta aplicación es que ofrece. Convertir el video de inmediato fuera de la caja. Kap es una excelente alternativa para grabar tus aplicaciones o la demostración en vivo de tu sitio web..

Mareado

Sizzy es un Herramienta de desarrollo para probar su sitio web sensible en múltiples tamaños de vista en una sola pantalla. Es una aplicación muy útil en comparación con la El emulador móvil incorporado de Chrome.. Sizzy también viene como una extensión de Chrome.

Interfaz de usuario de musa

UNA Biblioteca de interfaz de usuario basada en el principio de diseño de materiales y construida sobre Vue.js 2.0, Muse UI está repleta de componentes de diseño de materiales como Appbar, Card y Dialog. Eso es genial marco para construir y ejecutar la interfaz de usuario rápidamente.

Avanzado WP-CLI

Soy un gran fan de WP-CLI y lo usamos casi todos los días. En mi trabajo como desarrollador de WordPress. Sin embargo, solo recientemente descubrí que WP-CLI le permite crear un andamio PHP UnitTest para un tema! Esta es una lista de uso avanzado de WP-CLI del Mantenedor de WP-CLI, Daniel Bachhuber, él mismo.

Locura

Lunacy es un Visor de archivos Sketch independiente para Windows. Funciona muy bien con el archivo Sketch que contiene texto, imágenes de mapa de bits, gradientes uniformes y sombras. Eso no requiere conexión a internet, por lo tanto, los desarrolladores pueden trabajar en archivos Sketch desde cualquier lugar. Y es completamente gratis.

K6

La velocidad importa en casi todos los aspectos de la aplicación web. Pero, ¿cómo se mide la velocidad de su sitio web? Bien, la respuesta es K6. Simula el tráfico a su sitio web y lo carga en una duración determinada como si fuera un tráfico real. En resumen, K6 es el UnitTest para el rendimiento.

Servicio Checker

Una gran lista de aplicaciones web para verifica muchas cosas como DNS, Carga, Velocidad, SEO, Seguridad y SSL. Muchas de estas herramientas son gratuitas, sin embargo, hay algunos servicios premium enumerados que Ofrece funciones avanzadas para los usuarios..

SVGito

Es una pequeña herramienta web para Optimizar SVG que se ha generado desde la aplicación Sketch. Pegue su código SVG en el sitio web y devolverá el código optimizado inmediatamente.

Launchaco

Encontrar un gran nombre para tu startup es difícil, y obtener un controlador de nombre de usuario disponible en las redes sociales es aún más difícil. Launchaco es una herramienta útil que le permite encontrar nombres de dominio, nombres de usuario para diferentes redes sociales como Twitter, Facebook, Instagram, etc. y te ayuda generar un buen logotipo de tu negocio.

Desagradable

UNA Colección de animación única realizada con CSS.. Por favor, no ejecute la animación, si su corazón y su mente no son lo suficientemente fuertes como para verla..

Hoja de trucos de CSS Grid

Aprender CSS Grid puede ser bastante intimidante cuando se trata de una serie de nuevas propiedades, Una nueva unidad de medición, y también casi un nuevo paradigma completo. para construir el diseño web. Esta herramienta, como su nombre lo indica, es para ayudarte. Levanta los pies con CSS Grid.

Neceser de costura

Workbox es un Nueva iniciativa de Google para construir la aplicación web progresiva. (PWA). Es similar a Yeoman o la aplicación Create React de una manera que puedes obtener todo y listo en una sola línea de comando.

Mavo

Mavo es un nuevo proyecto de código abierto de Lea Verou. Es una biblioteca que convierte el código HTML desnudo y algunos atributos personalizados en una aplicación web que funciona. Mavo es más fácil de seguir en comparación con otras bibliotecas como Backbone, Vue.js o React, ya que permite usuarios menos expertos en tecnología para construir aplicaciones web rápida y fácilmente.

Material UI

Simlar to Muse UI, es un Marco de UI basado en el lenguaje de Diseño Meterial.. Este, sin embargo, está construido utilizando React. Ahora depende de su preferencia; si estas con equipo vue.js o equipo reaccionar.

Imagen perezosa

La imagen perezosa es una Elemento HTML personalizado para cargar la imagen a petición. Este elemento de custome proporciona un adicional .activo Objeto dentro del Objeto Elemento que puedes Se utiliza para activar la imagen para cargar en cualquier evento o interacción del usuario como necesites.

Mac CLI

Esta es una herramienta ingeniosa para gestiona tu MacOS a través de Terminal. Simplemente escriba actualización de mac para actualizar MacOS. O, escriba presentación de mac que preparará tu Mac (minimizar todas las aplicaciones, cerrar navegadores, enviar archivos desde el escritorio y descargas a la basura y establecer el modo de no molestar) antes de dar a conocer la presentación. Cuan genial es eso!

Te mantiene despierto

KeepingYouAwake es una utilidad de barra de menús para MacOS para evita que tu Mac entre en modo de reposo por una duración determinada O mientras esté activado. Puedes instalar esta aplicación usando Homebrew.

JSON Feed

¡Finalmente! Esto es un especificación estándar para la entrega de contenido de alimentación en JSON formato. Ya existe un pluginhre de WordPress> construido para la implementación. Esto debería facilitar la vida de los desarrolladores web. Vamos solo di adiós a XML.

Carbón

En resumen, Carbon es el Moment.js de PHP. Es una librería PHP para generar y manipular las cadenas de fecha y hora.

Corredor de la velocidad

Otro herramienta para la prueba de la unidad de rendimiento. Mientras que K6 realizará pruebas de carga enviando usuarios de Virutal para simular visitas y tráfico, SpeedRacer evaluar el rendimiento de la representación de la página en el navegador. SpeedRacer puede ser un buen compañero para K6.