Herramientas para mejorar el flujo de trabajo de un desarrollador

0
506

Como desarrolladores web, siempre estamos buscando recursos para mejorar la productividad. 

Lo dividimos en tres categorías:

  • Ilustraciones
  • Desarrollo
  • Herramientas CSS

Ilustraciones

Blush

Sonrojo

Blush 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 los SVG, se requiere un plan gratuito, aunque puede descargar imágenes PNG de forma gratuita.

DrawKit

 

DrawKit ofrece una ilustración vectorial 100% gratuita dibujada a mano y recursos de iconos. 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.

FreeIllustrations

Ilustraciones gratis

¿Alguna vez ha visitado un sitio web con una imagen de fondo sorprendente en la página de destino? Probablemente piense que algo así puede costar mucho dinero, la ilustración gratuita 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 que está asociado con eso.


Desarrollo

StackOverflow

Desbordamiento de pila

Si usted es un desarrollador web o cualquier tipo de desarrollador, es probable que conozca Stack Overflow. 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.

Can I use

 

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 visitar este sitio web.

JWT IO

 

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


Herramientas CSS

Shape Divider

Divisor de forma

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. Meet Shape Divider, una herramienta que te permite generar el código CSS subyacente para secciones con solo unos pocos clics.

Animista

 

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?

WebCode

Herramientas de código web

Este sitio 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.


Otras Herramientas recomendadas:

Conclusión

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.

 

Fuente: Clic Aquí