Saltar al contenido

Recursos nuevos para diseñadores y desarrolladores web (abril de 2021)

Mesh Gradient

Un gran producto en estos días se basa en el ecosistema. Imagina un iPhone sin las aplicaciones o WordPress sin los complementos. No serán tan útiles como lo son ahora.

En esta ronda de la serie, echemos un vistazo a algunos de los recursos que admiten herramientas o bibliotecas populares. Aquí tenemos bastantes bibliotecas React.js, un par de complementos de WordPress, algunas extensiones de VSCode y mucho más. Pasemos a la lista completa.

Recursos nuevos para diseñadores y desarrolladores web (marzo de 2021)

Recursos nuevos para diseñadores y desarrolladores web (marzo de 2021)

JavaScript es un lenguaje maravilloso. Puede crear casi cualquier cosa con JavaScript; desde un sitio web simple, una aplicación de escritorio … Lee mas

Gradiente de malla

Un complemento de Figma que le permite generar un hermoso degradado de malla. Te permite editar el eje de degradado para lograr un degradado perfecto. Tener Mesh Gradient puede hacer que el diseño de su producto se destaque fácilmente entre la multitud.

Gradiente de malla

Notificación

Un complemento de WordPress para notificar las acciones que suceden en un sitio de WordPress. Este complemento proporciona API bastante amplias en las que puede realizar personalizaciones, como enviar notificaciones a destinatarios seleccionados, llamar a servicios, suscribirse a acciones particulares y etiquetado blanco. Es un gran complemento para mantenerte actualizado con la actividad de tu sitio.

Notificación

Rayo de Spatie

Un complemento que conecta su sitio de WordPress a Ray.app, Spatie Ray es una aplicación de escritorio que hace que la depuración y medición del rendimiento del código en su sitio web sea más conveniente. También está disponible para algunos marcos y CMS como Craft y Laravel.

Rayo de Spatie

Webhint

Webhint es una iniciativa de Fundación OpenJS para ayudar a los desarrolladores a construir una mejor web defendiendo y creando herramientas como esta extensión VSCode y la extensión del navegador para hacer cumplir algunas de las mejores prácticas.

Esta herramienta escanea su código o su sitio web e informa si el HTML carece de los atributos adecuados o si el sitio tiene algunos problemas de accesibilidad y rendimiento.

Webhint

ScriptKit

Una aplicación de escritorio para macOS que le permite registrar un script para automatizar sus tareas, como abrir un navegador y leer noticias, abrir archivos o directorios particulares de un proyecto, buscar un libro en sitios particulares y mucho más.

Proporciona varios scripts prefabricados y pronto también proporcionará scripts colectivos compartidos por sus usuarios. El script está escrito en Node.js o JavaScript, por lo que si está familiarizado con el lenguaje, puede crear un script personalizado que se adapte a sus necesidades.

ScriptKit

Laravel Octane

Una biblioteca de Laravel que mejora enormemente el rendimiento de una aplicación de Laravel al aprovechar el entorno de servidor PHP de alto rendimiento Swoole o RoadRunner que permite solicitudes simultáneas. Esto permite que Laravel se ejecute ultrarrápido a 6000 req / s desde la prueba inicial.

Laravel Octane

PHPMon

PHPMon es una aplicación de utilidad de macOS para monitorear el servicio PHP que se ejecuta en su máquina. Agrega un menú en la barra de menú donde puede ver la versión de PHP que se está ejecutando, las extensiones y dónde está la configuración de la ubicación. ¡Muy útil!

PHPMon

Heroicons

Una colección de una hermosa colección hecha a mano de más de 200 iconos. Vienen en dos variantes, Solid y Outline, y están disponibles en formato SVG y JSX para que pueda reutilizarlos fácilmente en su sitio web o productos digitales.

Heroicons

FocalBoard

Focalboard es una aplicación de código abierto para administrar y organizar tareas similares a aplicaciones como Trello y Notion. Puede instalar FocalBoard en su propio servidor o en computadoras que le brindan más libertad y flexibilidad. Una gran alternativa para quienes prefieren el control sobre la comodidad.

FocalBoard

Iconos de Gutenberg

Una colección de iconos utilizados por Gutenberg, el nuevo editor de WordPress. Este sitio muestra todos los íconos donde puede generar el fragmento para reutilizarlo en el bloque Gutenberg o simplemente descargar el SVG.

Iconos de Gutenberg

Haikei

Una colección de herramientas para generar formas, fondos y patrones para usar en su diseño. Cuenta con una serie de herramientas, incluida una para generar un Blob, una Ola, Ondas de capa, gradientes y algunas más por venir.

haikei

Patrones de diseño

Una colección de patrones de diseño para estructurar sus códigos PHP. Cubre varios patrones y es una fuente recomendada si desea profundizar y mejorar sus habilidades de desarrollo de PHP.

patrón-de-diseño-php

Ruta de accesibilidad

Una colección de materiales didácticos para conocer la accesibilidad web y el diseño inclusivo. Puede encontrar libros, videos, artículos de blogs y herramientas. Una gran fuente para ayudarlo a comenzar con los temas.

ruta de accesibilidad

Tour de código

Una extensión de VSCode para agregar una visita guiada para ayudar a los usuarios a recorrer la base de código en un proyecto. Esta es una gran herramienta para ayudar a los nuevos desarrolladores a familiarizarse con el código rápidamente.

vscode-code-tour

Forma de gancho de reacción

Una biblioteca de React.js galardonada para crear formularios. Es fácil de usar, liviano, de alto rendimiento y presenta un marcado adecuado con validación HTML nativa. Además de eso, esta biblioteca también está muy bien integrada con herramientas como TypeScript para la validación de tipos, ReactNative para crear formularios en una aplicación móvil y una biblioteca de validación como yup para aquellos que necesitan avanzar más.

reaccionar-forma-gancho

Tauri

Un marco para construir aplicaciones de escritorio con técnicas web. Tauri se centra en el rendimiento, la producción de aplicaciones más pequeñas y proporciona una experiencia completa para que los desarrolladores creen una aplicación. Proporciona CLI, API, pruebas y marco de CI. Un ejemplo de una aplicación creada con Tauri puede tener solo 600 KB.

tauri

Reaccionar administrador

Una biblioteca React.js para desarrollar una aplicación web para administrar cualquier tipo de datos. Está construido sobre una pila moderna que incluye REST y GraphQL API, ES6, React y Material Design. Esta biblioteca es un excelente punto de partida para construir una interfaz de administración usando React.js.

Reaccionar administrador

EditorJS

Una biblioteca de JavaScript para crear un editor de texto interactivo para navegadores modernos. Parece moderno y limpio que el editor WYSIWYG habitual y es extensible con complementos. También genera datos bien estructurados que puede usar en cualquier lugar del sitio web, la aplicación móvil, AMP, Instant Articles y lectores de voz.

EditorJS

DOM HTML

Un buen recurso que le muestra fragmentos de código y consejos para interactuar con DOM con solo la API nativa del navegador. En estos días ya no es necesario utilizar jQuery o Zepto.

DOM HTML

Redacción impresionante

Aquí es donde puede encontrar una lista increíble de herramientas y aplicaciones que pueden ayudarlo a aumentar su productividad cuando trabaja con Docker y Docker Composer.

Redacción impresionante