Nuevos recursos para diseñadores y desarrolladores web (noviembre de 2021)

blank

Una cosa que me encanta de la industria del desarrollo web es que nosotros, como desarrolladores, seguimos innovando para mejorar la web. Por eso siempre encontramos nuevos. herramientas y recursos estar en nuestra lista. En esta ronda de la serie, tenemos una herramienta para crear hermosas sombras realistas usando CSS3varios nuevos marcos y bibliotecas para reaccionar.jsy PHP. Sin más preámbulos, entremos para ver la lista completa.

Nuevas funciones para diseñadores y desarrolladores web (octubre de 2021)

Nuevas funciones para diseñadores y desarrolladores web (octubre de 2021)

Hemos estado ejecutando esta serie durante varios años y parece que nunca nos quedamos sin… Leer más

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 propiedades de la sombra, como la posición de la luz, el color y la opacidad. La herramienta generará reglas CSS que simplemente puede copiar e implementar en su sitio web.

Retransmisión de Firefox

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 múltiples alias de correo electrónico desde una dirección de correo electrónico y usarlos al registrarse en sitios 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.

código SVG

Una pequeña aplicación en línea para convertir imágenes rasterizadas a SVG fácilmente. La herramienta admite varios formatos de imagen, incluidos JPG, PNG y WebP. Fue desarrollado con el enfoque de «Aplicación web progresiva», lo que significa que incluso si está desconectado, la aplicación seguirá funcionando. Simplemente arrastre y suelte cualquier imagen en la aplicación y ya está todo listo.

Un vistazo a: Gráficos vectoriales escalables (SVG)

Un vistazo a: Gráficos vectoriales escalables (SVG)

Los gráficos vectoriales se han aplicado ampliamente en los medios impresos. En un sitio web, también podemos añadir gráficos vectoriales… Leer más

estructura X

Un marco simple para crear una aplicación reactiva usando PHP. Internamente aprovecha alguna extensión de PHP como corrutinas y fibras (disponible desde PHP8.1) para manejar operaciones concurrentes y asincrónicas 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 marco React.js del equipo de Shopify. Viene con componentes básicos para crear un escaparate personalizado de Shopify, como funciones de utilidad, ganchos React.js personalizados y componentes. Si desea construir una tienda Headless con Shopify, entonces este marco cumple con los requisitos.

Gráficos Frappé

Una biblioteca ligera de JavaScript 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 muchos tipos de gráficos, incluidos gráficos de barras y circulares. También responde y es rápido, ya que no depende de otras bibliotecas de JavaScript externas.

Más de 20 útiles generadores de gráficos y gráficos en línea

Más de 20 útiles generadores de gráficos y gráficos en línea

La mayoría de las personas como yo no entienden meros números y estadísticas y para estas personas gráficos y gráficos… Leer más

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 su interacción con el sitio. Puede reproducir la interacción grabada o emularla con ciertos entornos y condiciones. Proporciona una mejor medida del rendimiento real de la aplicación web. Esta función se incluirá como función beta en Chrome 97.

remezclar

Remix es un nuevo marco 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, desde el primer momento. El marco ayudará a los desarrolladores web a ser más productivos.

Kit de herramientas Redux

Una colección oficial de herramientas Redux que tiene como objetivo hacer el desarrollo de sitios web con restaurado más eficiente. Incluye algunas funciones de utilidad y configuraciones para casos de uso común. De esa manera, puede ser más productivo, en lugar de confundirse con configuraciones y repeticiones, lo que puede ser un poco complicado.

reacción a prueba de balas

Una colección de sugerencias, consejos y mejores prácticas para desarrollar su aplicación React.js. Aquí aprenderá muchos temas sobre 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 con React.js, definitivamente debe marcarlo como favorito.

Gráfico electrónico de Apache

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

Increíbles herramientas de diseño

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

pila local

Localstack es una pila de nube local de AWS completamente funcional. Esto significa que puede desarrollar, ejecutar y probar su aplicación de AWS sin conexión. Admite varios servicios de AWS, incluidos AWS Lambda, S3, DynamoDB, Kinesis, SQS y SNS. Ejecutar la pila de AWS localmente lo ayudará a acelerar y simplificar el flujo de trabajo de desarrollo y prueba de su aplicación.

Recursos para fundadores

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

validador de correo electrónico

Una biblioteca PHP que facilita la validación de una dirección de correo electrónico. Proporciona múltiples métodos de validación, incluida la validación de correo electrónico. RFCDNS, o también puede escribir su propia validación.

Ventana acoplable OSX

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

fonoster

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

explorar

Freescout es una aplicación de escritorio de ayuda liviana construida con Laravel. Puede usarlo para ayudar y administrar los tickets, el buzón y las conversaciones de sus clientes. Es de código abierto, gratuito y repleto de funciones. Freescout es, en general, una excelente alternativa a las aplicaciones de plataformas pagas como Zendesk y Help Scout, especialmente si valora y necesita controlar sus datos.

Arrendamiento de Laravel

Una biblioteca PHP robusta para configurar multiusuario 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 funciona de manera inmediata con varios paquetes populares de Laravel como Steam, Nova, Livewire y más.

SwiperJS

Una biblioteca de 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 marco que le permite usar cualquier marco, incluidos jQuery y Zepto. Además, también proporciona una integración oficial que le permite trabajar con algunos de los marcos modernos más populares, como Vue.js, React.js, Svelte y Angular.

Facebook
Twitter
LinkedIn
WhatsApp

Deja una respuesta