Estas 9 herramientas pueden ayudar a los desarrolladores a mejorar su flujo de trabajo


Como desarrollador web, siempre estoy buscando recursos para mejorar mi productividad. Con el tiempo, recopilé en mi Evernote, una serie de diferentes herramientas en línea que me ayudan de diferentes maneras, ya sea proporcionando fragmentos de código, patrones de diseño o simplemente una gran funcionalidad.

Hoy me gustaría compartir con ustedes esas herramientas que uso regularmente y que están entre mis favoritas. Para facilitarle la navegación por el contenido, los he categorizado en uno de los siguientes temas:

  • Ilustraciones
  • Desarrollo
  • Herramientas CSS

Ilustraciones

Sonrojo le permite personalizar y descargar excelentes ilustraciones de forma gratuita para uso personal y comercial. El sitio web es muy fácil de usar y muy potente, puede personalizar con muchos detalles cada ilustración para crear resultados únicos. Ofrecen descargas de las imágenes en diferentes formatos, aunque algunas extensiones requieren un plan pago. En el momento de escribir SVG, se requiere un plan gratuito, aunque puede descargar imágenes PNG de forma gratuita.

Estas 9 herramientas pueden ayudar a los desarrolladores a mejorar su flujo de trabajo 1

DrawKit ofrece recursos de íconos e ilustraciones vectoriales dibujadas a mano 100% gratis. También ofrecen ilustraciones animadas con tecnología de Lottie. Este sitio web es increíble, y las ilustraciones son geniales, las usé muchas veces y quedé muy contento.

Estas 9 herramientas pueden ayudar a los desarrolladores a mejorar su flujo de trabajo 2

¿Alguna vez ha visitado un sitio web con una imagen de fondo sorprendente en la página de destino? Probablemente pienses que algo así puede costar mucho dinero, Ilustraciones gratis proporciona imágenes de fondo de alta calidad y bellamente diseñadas para su sitio web de forma gratuita, pero hay un problema si desea la versión full-hd de las imágenes, hay una pequeña tarifa asociada.

Estas 9 herramientas pueden ayudar a los desarrolladores a mejorar su flujo de trabajo 3

Desarrollo

Si usted es desarrollador web o cualquier tipo de desarrollador, es probable que sepa Desbordamiento de pila . Pero si no te estás perdiendo mucho. Este es el sitio web donde encontrará todas las respuestas a sus preguntas de desarrollo y mucho más.

Estas 9 herramientas pueden ayudar a los desarrolladores a mejorar su flujo de trabajo 4

Si usted es un desarrollador front-end, probablemente esté muy consciente de la pesadilla de compatibilidad entre los navegadores. A veces, por ejemplo, queremos usar funciones JS simples como find () para luego descubrir que no funcionarán en IE. Cada vez que no esté seguro de la compatibilidad de una API de JavaScript del navegador o una propiedad CSS, asegúrese de revisar Puedo usar.

Estas 9 herramientas pueden ayudar a los desarrolladores a mejorar su flujo de trabajo 5

Si alguna vez quieres inspeccionar un JWT IO token, porque desea validar los ámbitos o la fecha de vencimiento, tal vez incluso ver la carga útil, este es el recurso correcto.

Estas 9 herramientas pueden ayudar a los desarrolladores a mejorar su flujo de trabajo 6

A veces vemos sitios web que tienen secciones hermosas, separadas con curvas u otras formas, y queremos usarlos en nuestros sitios web. Pero replicar algunas de estas formas puede ser complicado o llevar mucho tiempo. Reunirse Divisor de forma, una herramienta que le permite generar el código CSS subyacente para secciones con solo unos pocos clics.

Estas 9 herramientas pueden ayudar a los desarrolladores a mejorar su flujo de trabajo 7

Si te encantan las animaciones CSS, Animista es tu sitio Repleto de docenas de animaciones CSS fáciles de usar, es el lugar perfecto si desea obtener fragmentos prácticos o simplemente está buscando inspiración. Todas las animaciones se pueden previsualizar en su sitio web, y puede personalizarlas completamente antes de obtener el código. ¿Mencioné que es gratis?

Estas 9 herramientas pueden ayudar a los desarrolladores a mejorar su flujo de trabajo 8

Herramientas de código web ofrece herramientas de generación para casi todo lo que necesita en CSS y HTML, desde gradientes, bordes y sombras, hasta información de metaetiquetas, gráfico abierto, etc. Es muy completo y una herramienta imprescindible si crea sitios web.

Estas 9 herramientas pueden ayudar a los desarrolladores a mejorar su flujo de trabajo 9

Espero que todos estos recursos que me ayudan regularmente también puedan ayudarlo a mejorar su productividad o flujo de trabajo. Si tiene algún buen recurso que no he enumerado, compártelo para que yo y otros lectores podamos beneficiarnos de sus herramientas favoritas.

Este artículo fue publicado originalmente en Transmisión de código en vivo por Juan cruz martinez, fundador y editor de Live Code Stream. Es ingeniero de software con más de 10 años de experiencia en el campo, trabajando en una amplia variedad de proyectos, desde soluciones de código abierto hasta aplicaciones empresariales. Felizmente casado, con un hijo, comprometido oficialmente con JavaScript, en una relación de amor con Python, ¡y persiguiendo el sueño del escritor! Puedes leer esta pieza original aquí.

Transmisión de código en vivo también está disponible como un boletín semanal gratuito. Regístrese para recibir actualizaciones sobre todo lo relacionado con la programación, la inteligencia artificial y la informática en general.

¡Celebre Pride 2020 con nosotros este mes!

¿Por qué es tan importante la representación queer? ¿Cómo es ser trans en tecnología? ¿Cómo participo virtualmente? Puede encontrar toda nuestra cobertura Pride 2020 aquí.



Fuente: TNW

Compartir:

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *