Saltar al contenido

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

modern-css

HTML, JavaScript y CSS son tres lenguajes maravillosos. Gracias al avance de los marcos en torno a estos lenguajes, especialmente Electron, ahora podemos desarrollar una aplicación de escritorio completa de manera más eficiente que podría ejecutarse en varios sistemas operativos y plataformas diferentes, ya sea en Windows, macOS, Linux o aplicaciones móviles.

En esta ronda de la serie, analizaremos algunos de estos marcos junto con algunos excelentes ejemplos de aplicaciones, así como otros recursos interesantes para el mes.

Pasemos a la lista completa.

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

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

¡Finalmente llegamos al 2021! Deseando que este año traiga alegría, amor, paz y felicidad a todos … Leer más

ModernCSS

Si desea repasar sus habilidades de CSS, debe consultar una serie de publicaciones de Stephanie Eckles. Cubre ciertos temas sobre el tema para resolver algunos problemas comunes con las soluciones modernas disponibles en CSS en la actualidad.

HyperColor

Una colección de hermosos colores degradados creados usando clases de utilidad de TailwindCSS. Entonces, si crea un sitio web con TailwindCSS, simplemente puede copiar las clases y pegarlas en los elementos HTML para agregar los colores degradados.

hipercolor

TailwindKit

TailwindKit es una colección de más de 250 componentes prediseñados. Incluye algunos comunes como los botones, el encabezado y el pie de página para algunos componentes de nicho más como el panel de datos y el componente de equipo. Otro gran recurso para los usuarios de TailwindCSS.

tailkit

GrepApp

Si encuentra que el resultado de la búsqueda de Github es menos satisfactorio, puede intentar Grep.app. Es una herramienta para buscar códigos en repositorios públicos de Github. Puede obtener un mejor resultado ya que puede ajustar la búsqueda de palabras clave como sensibles a mayúsculas y minúsculas, expresiones regulares o palabras completas.

grep-aplicación

Reaccionar brindis

Una biblioteca React.js que le permite activar una notificación de «brindis»; es ese pequeño mensaje que aparece en tu pantalla y desaparece después de unos segundos. Se ve muy bien de forma predeterminada con una animación y transición suaves, pero se puede personalizar al gusto del diseño de su sitio web o aplicación.

tostada caliente

PowerToys

PowerToys es un reinicio del software similar en Windows 95. Viene con un conjunto de herramientas para mejorar la experiencia y la productividad en Windows 10, como el Selector de color, que permite elegir el color sobre cualquier aplicación en ejecución. Y hay 8 herramientas útiles más que PowerToys proporciona en el momento de escribir este artículo.

juguetes de poder

Reactotron

Una aplicación para inspeccionar React.js y las aplicaciones React Native en el estado de su aplicación, verificar las solicitudes y respuestas de la API y depurar el rendimiento. Es como el navegador DevTools pero para sus aplicaciones. Funciona en macOS, Windows y Linux.

reactotron

Violín

Si recién está comenzando con Electron y no quiere lidiar con las dependencias, entonces Fiddle es la aplicación para usted. Se incluye con todo lo que necesita, incluidas varias versiones diferentes de Electron, el editor integrado e incluso puede compilar sus experimentos en una aplicación.

violín

Clipy

Una práctica aplicación gratuita que mejora la funcionalidad del portapapeles en macOS. Con Clippy, puede ver casi todos los elementos de la lista y el historial del portapapeles y seleccionar cuál desea pegar.

clipy

DevKinsta

Una aplicación de escritorio para activar fácilmente el entorno localhost con WordPress. Puede crear una única instalación o un sitio múltiple con solo unos pocos clics.

Junto con la base de datos y el servidor localhost con nginx, también proporciona algunas herramientas útiles para desarrollar WordPress localmente, como Adminer para administrar la base de datos, el servidor SMPT y una forma fácil de cambiar entre versiones de PHP.

devkinsta

Nativefier

Nativefier es una herramienta útil para envolver rápidamente cualquier sitio web en una aplicación de escritorio. Aprovecha Chromium bajo el capó para que pueda crear y compilar la aplicación en diferentes plataformas, incluidas macOS, Windows y Linux, todo con solo una línea de comando CLI.

nativo

Placa de caldera de reacción de electrones

Este es su punto de partida para crear una aplicación de escritorio con Electron. Está preempaquetado con React Router, Webpack, React Fast Refresh y React para que pueda comenzar a construir de inmediato su próxima aplicación de escritorio increíble en lugar de lidiar con las configuraciones y las herramientas de compilación.

electron-react-boilerplate

Electron Vue

Si prefiere trabajar con Vue.js, este marco es una buena alternativa. Está empaquetado previamente para las herramientas de soporte en el ecosistema Vue.js, como Vue DevTools, Axios, Vue Router, etc.

electron-vue

Theia

Un marco para construir un IDE (entorno de desarrollo integrado) completo con tecnologías web modernas. Es fácilmente extensible, lo que le permite agregar funciones personalizadas a su alrededor. Un gran marco si planea incluir un editor en sus aplicaciones y servicios web.

theia

Lepton

Un administrador de fragmentos de código basado en GitHub Gist con soporte para Gist público y privado. Puede administrar sus fragmentos de código de manera más eficiente dentro de la aplicación con múltiples etiquetas, grupos, búsqueda y varias otras características que no están disponibles en Github Gist.

lepton

Pennywise

Pennywise es una aplicación basada en Electron que le permite abrir un sitio web o un medio en una ventana flotante encima de su otra aplicación en ejecución. Es redimensionable y se puede colocar en cualquier lugar de la pantalla, también funciona en macOS, Windows y Linux.

pennywise

Insomnio

Puede usar Electron para desarrollar una aplicación simple como Insomnia. Es una aplicación multiplataforma para realizar una solicitud y probar un punto final de API. Puede realizar una solicitud con diferentes métodos HTTP (GET, POST, PUT, etc.) o agregar encabezados y autenticación.

insomnio

Postbird

Postbird es otro ejemplo de una aplicación simple construida con Electron. Es una aplicación para administrar la base de datos en PostgreSQL donde puede ver la lista de la base de datos, los datos y realizar algunas operaciones como buscar en las tablas o ejecutar consultas a la base de datos.

postbird

WNR

Una sencilla aplicación de gestión del tiempo para macOS y Windows. Es como un temporizador en el que puede establecer el tiempo de trabajo y el tiempo de descanso. Una aplicación práctica que puede ayudar a recordarle que debe descansar un poco porque a menudo el tiempo pasa rápido cuando se está concentrando demasiado en trabajar frente a la computadora.

wnr

Spectron

Por último, pero no menos importante, debe probar sus aplicaciones para asegurarse de que funcione bien. Spectron facilita la configuración de un entorno de prueba automático para su aplicación. También es compatible con cualquier marco de prueba, incluidos Mocha y Jest.

espectrón