Saltar al contenido

Recursos frescos para diseñadores y desarrolladores web (mayo de 2021)

notea

Una de las cosas que me gusta de ser desarrollador web es que nunca dejas de aprender. Siempre hay algo que puedes aprender todos los días a pesar de estar en la industria durante una década.

En esta ronda de la serie, hemos recopilado un par de referencias para ayudarlo a mejorar en las pruebas del rendimiento web y un puñado de nuevas herramientas que pueden ayudarlo a ser más productivo. Entonces, echemos un vistazo a la lista completa.

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

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

Un gran producto en estos días se basa en el ecosistema. Imagina un iPhone sin las aplicaciones o WordPress sin las … Lee mas

No hay té

Notea es una aplicación web autohospedada para tomar notas que se puede instalar en su propio servidor con Docker. Puede usarlo para escribir y compartir casi cualquier tipo de contenido, como documentaciones, wikis, blogs e incluso boletines con una hermosa tipografía.

no hay té

HTTPDump

Esta herramienta proporciona una URL única donde podemos simular una respuesta, volcar datos a través de una solicitud HTTP y mostrarlos de una manera amigable para los humanos. Es útil para probar la integración de API o webhooks de terceros.

httpdump

Slidev

Un marco de diapositivas creado para desarrolladores. Es similar a PowerPoint o Google Slides, donde puede crear diapositivas de presentación, excepto que también viene con características que los desarrolladores apreciarán, como poder incrustar fragmentos de código, componentes interactivos y un editor de código en vivo.

slidev

Icónico

Una gran colección de iconos gratuitos que puede utilizar en su sitio web y en sus aplicaciones. Cuenta con íconos de muchas categorías, incluidas Flechas, Carpetas, Archivos, Negocios, Finanzas y muchas más.

icónico

Iconoir

Otro sitio web donde puedes encontrar una buena colección de iconos para tus proyectos de diseño web o de aplicaciones. En el momento de escribir este artículo, contiene más de 900 iconos en SVG. Es de código abierto, completamente gratuito y sin límites ni restricciones.

iconoir

ZX

ZX es la iniciativa de Google para ayudarlo a crear scripts con bibliotecas JavaScript y Node.js de manera más conveniente. Proporciona envoltorios alrededor de Node child_process, escapa argumentos y valores predeterminados sensibles que le permiten ser más productivo al escribir scripts en lugar de configurar las configuraciones de la biblioteca.

zx

Parque infantil macOS

Una réplica de la interfaz de usuario de escritorio de macOS creada con React.js, Redux y TailwindCSS. Una buena fuente si desea profundizar en el desarrollo de front-end y perfeccionar sus habilidades en torno a las pilas.

patio-macos

RustDesk

Un cliente de escritorio remoto construido con Rust. Es gratis y de código abierto. Puede configurarlo con su propio servidor para que tenga control sobre todos los datos. Es una buena alternativa a TeamViewer y AnyDesk.

rustdesk

WebDev para principiantes

Un plan de estudios proporcionado por Azure Cloud Advocates en Microsoft que incluye lecciones, ejercicios y cuestionarios de HTML, CSS y JavaScript básicos. Un gran recurso para cualquiera que se esté iniciando en el desarrollo web.

web-dev-para-principiantes

Extracto de vainilla

Una herramienta que proporciona una nueva versión de la creación de CSS para su aplicación JavaScript. Puede usar TypeScript para componer sus selectores de CSS, variables y temas, etc., y genera un archivo CSS estático en la compilación. Funciona con cualquier marco de interfaz de usuario, incluidos webpack, esbuild y Vite.

extracto de vainilla

CSSHell

Este sitio proporciona una colección de errores comunes de CSS; encontrará por qué ciertas formas de escribir CSS son un error y también le mostrará cómo corregirlas. Este es un gran recurso para mejorar sus habilidades de CSS.

csshell

Recetas de titiritero

Puppeteer es una gran herramienta para ejecutar pruebas de rendimiento en su sitio web. Pero a veces puede que no sea tan obvio cómo empezar. En este artículo, Addy Osmani, uno de los ingenieros de Google Chrome, comparte algunas recetas de códigos útiles que puede copiar y reutilizar para comenzar a perfilar el rendimiento de su sitio web con Puppeteer.

recetas-titiritero

Kretes

Kretes proporciona un entorno coherente para desarrollar aplicaciones con TypeScript, las herramientas de compilación y una profunda integración con el editor de código de Visual Studio. Esta herramienta le brinda un impulso en la productividad al iniciar el desarrollo de aplicaciones.

kretes

Persistente descartable

Una biblioteca PHP para manejar avisos personalizados descartables en el área de administración de WordPress. Optimiza la llamada a la base de datos bajo el capó y es compatible con la configuración de WordPress Multisite lista para usar. En general, es una biblioteca PHP útil para los desarrolladores de complementos de WordPress.

persistente-descartable

BrandBird

BrandBird te ayuda a generar una imagen perfecta para tu sitio web. Es una herramienta útil para asegurarse de que su marca se vea bien en las redes sociales y le ayuda a evitar el recorte automático incómodo cuando se comparte en redes sociales como Twitter. Puede establecer el fondo, el radio del borde, las sombras y algunos otros elementos de la imagen.

brandbird

Estilos de riñonera

Una colección de componentes UI React y ReactNative. Es temable, componible y accesible desde el primer momento. Esta biblioteca agiliza la creación de aplicaciones que funcionan en diferentes plataformas.

estilo riñonera

Validador de esquema

Una herramienta en línea para validar la estructura del esquema en un sitio web. Es compatible con varias especificaciones, incluidas JSON-LD, RDFa y Microdata. Mostrará estos datos y mostrará si identifica el error de sintaxis.

esquema

TypeSense

TypeSense es una herramienta diseñada para mejorar el rendimiento y la precisión de la búsqueda con tolerancia a errores tipográficos, clasificación configurable, sinónimos, agrupación y mucho más. Es fácil de configurar y gratuito, lo que lo convierte en una excelente alternativa a ElasticSearch y Algolia.

sentido tipográfico

MermaidJS

Mermaid.js es una biblioteca de JavaScript que le permite generar diagramas de flujo, diagramas y otros tipos de visualizaciones con solo texto y sintaxis de código; es como Markdown para gráficos. La biblioteca proporciona API para configuraciones e integraciones. Lo más probable es que esta biblioteca ya esté integrada en su herramienta o aplicación favorita; consulte esta página de «Integración».

sirena

WinterCMS

WinterCMS es una bifurcación de su predecesor, OctoberCMS, debido al cambio del proyecto a un CMS propietario. WinterCMS hereda las características y la flexibilidad, incluidos el tema y los complementos.

El equipo también presenta una hoja de ruta emocionante para desarrollar WinterCMS aún más, como la compatibilidad con Laravel 9 LTS, CSS y UI basados ​​en Tailwind, y CLI para mejorar la productividad de los desarrolladores.

Wintercms