20 Recursos para desarrolladores y diseñadores web #1

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.

Relacionado

Bootstrap: Correcciones de Agosto 2020

Las próximas versiones de Bootstrap 4.x continuarán la tendencia de encontrarse enfocadas en la corrección de errores, mejoras de la documentación y (más añadir características que ayuden a cerrar las diferencias con la próxima versión 5.x. El equipo de Boostrap, con las versiones 4.5.1 y 4.5.2 sacadas en Agosto. A contribuido corrigiendo algunos parches y correcciones de fallos pendientes. Cambios en el CSS Con la versión ¡SEGUIR LEYENDO!

60 Mejores sitios de fotografías e imágenes impresionantes gratuitas

Encontrar una fotografía adecuada a la hora de generar contenido puede convertirse en una tarea complicada y muchas veces, es uno de los mayores dolores de cabeza para un creador de contenidos o webmaster. Debes de tener en cuenta, que la importancia de la imagen y el vídeo en tus creaciones ha ido creciendo hasta llegar a ser un aspecto fundamental a la hora de promocionar ¡SEGUIR LEYENDO!

WordPress, Aprender desde Cero

Esta guía fue creada hace ya más de 2 años, pero aún es perfectamente valido la gran mayoría de sus contenidos. Por ende, he decidido subirla a mi web. Antes de comenzar con WordPress, puede ser que te venga bien; pasar por alguno de estos enlaces. Con los que tener mayor conocimiento sobre que es WordPress o ampliar horizontes sobre tus ideas creativas. Inicio de un ¡SEGUIR LEYENDO!

Mejora tu perfil de Github

Este repositorio te ayuda a tener un perfil de github más hermoso y atractivo y puedes acceder a un conjunto completo de herramientas y guías para embellecer tu perfil de github. Más de 85 trucos con los que vas a poder dejar tu portfolio README de Github como quieras. MEJORA TU PERFIL DE GITHUB DESDE CERO

Noto Emoji: Fuente de emoticonos en blanco y negro

Noto Emoji es una fuente de código abierto que cubre todas sus necesidades de emoji, incluida la compatibilidad con la última especificación de emoji Unicode (14.0). Tiene múltiples pesos y cuenta con 3.663 emoji. ? DESCARGAR NOTO EMOJI En 1999, cuando Snake ? era lo mejor de tu teléfono ?, había tres operadores de telefonía en Japón ?. En estos teléfonos había imágenes diminutas y hermosas ¡SEGUIR LEYENDO!

Deja un comentario