Recursos para desarrolladores y diseñadores web
Recursos para desarrolladores y diseñadores web
  • Tiempo de lectura:8 minutos de lectura
  • Categoría de la entrada:Recursos Web / Webmaster

Una cosa que me encanta de la industria del desarrollo web es que siempre, como desarrolladores, seguimos innovando para mejorar la web. Es por eso que siempre se encuentran nuevas herramientas y recursos interesantes para incluir en nuevos proyectos.

En esta lista de recursos vas a poder encontrar una herramienta para crear bonitas sombras realistas usando CSS3, varios frameworks y bibliotecas nuevos para React.js y PHP .

Sin más preámbulos, vamos a ver la lista completa.

Paleta de Sombras

Una pequeña herramienta GUI que le permite crear una sombra paralela más realista para su sitio web . Puede personalizar varias de las propiedades de la sombra, como la posición de la luz, el color y la opacidad. La herramienta generará las reglas CSS que simplemente puede copiar e implementar en su sitio web.

Firefox Relay

Relay es un servicio de Firefox que le permite crear un alias de correo electrónico de su dirección de correo electrónico real . Puede crear varios alias de correo electrónico de una dirección de correo electrónico y utilizarlos al registrarse en sitios web como comercio electrónico, membresía y suscripción, etc. Es un gran servicio para proteger aún más su privacidad en línea.

SVG Code

Una pequeña aplicación en línea para convertir imágenes rasterizadas en SVG fácilmente . La herramienta admite varios formatos de imagen, incluidos JPG, PNG y WebP. Está construido con el enfoque de “Aplicación web progresiva”, lo que significa que incluso si no está conectado, la aplicación seguirá funcionando. Simplemente arrastre y suelte cualquier imagen en la aplicación y estará listo.

Framework X

Un framework simple para crear una aplicación reactiva usando PHP . Internamente, aprovecha algunas extensiones de PHP como Coroutines y Fibers (disponibles desde PHP8.1) para manejar las operaciones concurrentes y asíncronas similares a Node.js. Puede usar Framework X en cualquier lugar que ejecute PHP, incluido el alojamiento compartido.

Shopify Hidrógeno

Hydrogen es un nuevo framework de React.js del equipo de Shopify. Viene con bloques de construcción para crear una tienda Shopify personalizada, como funciones de utilidad, ganchos React.js personalizados y componentes.

Si está buscando construir una tienda sin cabeza con Shopify, este framework lo tiene cubierto con las necesidades.

Frappe Gráficos

Una biblioteca de JavaScript ligera para crear un gráfico . Puede instalarlo como un módulo NPM o simplemente cargar el archivo JavaScript en su página web como en los viejos tiempos.

Admite varios tipos de gráficos, incluidos gráficos de barras y circulares. También es receptivo y rápido, ya que no depende de otras bibliotecas de JavaScript externas.

Grabadora de Chrome DevTools

Google Chrome acaba de realizar una mejora en DevTools con una función llamada “Grabadora”. Esta función le permite registrar la interacción de su sitio web .

Puede reproducir la interacción grabada o emularla con determinados entornos y condiciones. Proporciona una mejor medida del rendimiento real de la aplicación web. Esta función se enviará como función beta en Chrome 97.

Remix

Remix es un nuevo framework React.js de pila completa que proporciona una abstracción para construir un mejor sitio web. Maneja el enrutamiento, las solicitudes de error y otros pequeños detalles de la creación de un sitio web con una excelente experiencia de usuario, listo para usar. El framework ayudará a los desarrolladores web a ser más productivos.

Redux Kit de herramientas

Una colección oficial de herramientas de Redux que tiene como objetivo hacer que el desarrollo de un sitio web con Redux sea más eficiente. Incluye algunas funciones de utilidad y configuraciones para casos de uso comunes.

De esta manera, puede ser más productivo, en lugar de confundirse con las configuraciones y los modelos estándar, que pueden ser un poco engorrosos.

React Bulletproof

Una colección de sugerencias, consejos y mejores prácticas para desarrollar la aplicación React.js . Aquí aprenderá muchos temas relacionados con la arquitectura de la aplicación, la estructura del proyecto, el estilo, la gestión del estado y mucho más. Si desea mejorar sus habilidades de React.js, definitivamente debería tenerlo marcado como favorito.

Apache EChart

EChart, una iniciativa de código abierto de Apache, es más que una simple biblioteca de gráficos en JavaScript. Es una colección sólida de gráficos interactivos con animaciones y con una mejor imagen en general. Esto le permite transmitir los datos a los usuarios mejor que un gráfico estático.

Awesome herramientas de diseño

Este recurso contiene una lista masiva de herramientas para diseñadores de varias categorías. Aquí puede encontrar herramientas para accesibilidad, creación de prototipos, bocetos, activos de stock (íconos, fotos, etc.) y mucho más. Estoy bastante seguro de que muchos diseñadores encontrarán esta lista extremadamente útil.

Localstack

Localstack es una pila de nube de AWS local completamente funcional . Esto significa que puede desarrollar, ejecutar y probar su aplicación AWS sin conexión. Es compatible con varios servicios de AWS, incluidos AWS Lambda, S3, DynamoDB, Kinesis, SQS y SNS.

Hacer que la pila de AWS se ejecute localmente lo ayudará a acelerar y simplificar el flujo de trabajo de prueba y desarrollo de su aplicación.

Founder Recursos

Una colección de recursos como herramientas y contenido para aquellos que deseen comenzar su viaje como fundador de una empresa o una startup. Ser emprendedor no es fácil. Así que marque esta lista y prepárese.

Validador de correo electrónico

Una biblioteca PHP que facilita la validación de una dirección de correo electrónico . Proporciona varios métodos de validación, incluida la validación a través del correo electrónico RFC , DNS, o también puede escribir su propia validación.

Docker OSX

Una imagen de Docker que le permite ejecutar un contenedor con macOS. Esta es otra cosa interesante para ayudar a probar de manera efectiva su aplicación y asegurarse de que se ejecute en diferentes plataformas.

Fonoster

Una alternativa de código abierto a Twilio. Le permite ejecutar una aplicación de pila desde VOIP, SMS, correo, chat y video en su propio servidor. Una gran alternativa para aquellos que deseen tener un control total sobre su plataforma y los datos.

Freescout

Freescout es una aplicación de mesa de ayuda ligera construida con Laravel. Puede usarlo para ayudar y administrar sus tickets de cliente, buzón de correo y conversaciones. Es de código abierto, gratuito y está repleto de funciones.

Freescout es en general una excelente alternativa a la aplicación de plataforma paga como Zendesk y Help Scout , especialmente si valora y necesita control sobre sus datos.

Laravel Tenancy

Una biblioteca PHP robusta para configurar la tenencia múltiple en Laravel . Esto le permite ejecutar una sola aplicación Laravel con múltiples conexiones de base de datos. Funciona a la perfección y listo para usar con varios paquetes populares de Laravel como Vapor, Nova, Livewire y muchos más.

Swiper JS

Una biblioteca JavaScript moderna para crear un control deslizante . Diseñado y destinado a ser utilizado en sitios web y aplicaciones móviles. SwiperJS es independiente del framework, lo que le permite utilizar cualquier framework, incluidos jQuery y Zepto.

Además de eso, también proporciona una integración oficial que le permite trabajar de inmediato con algunos de los frameworks modernos más populares como Vue.js, React.js, Svelte y Angular.