Desarrollo y Diseño

20 Nuevos Recursos para Diseñadores y Desarrolladores Web (Febrero de 2021)

HTML, JavaScript y CSS son tres lenguajes maravillosos. Gracias al avance de los frameworks en torno a estos lenguajes, especialmente Electron, ahora somos capaces de 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, vamos a mirar en algunos de estos marcos junto con algunos grandes ejemplos de aplicaciones, así como otros recursos interesantes para el mes.

Vamos a ver la lista completa.

ModernCSS

Si quieres repasar tus conocimientos de CSS, deberías echar un vistazo a la serie de posts de Stephanie Eckles. Cubre ciertos temas sobre el tema para resolver algunos problemas comunes con soluciones modernas disponibles en CSS hoy en día.

HiperColor

Una colección de hermosos colores degradados construidos usando clases de utilidad de TailwindCSS. Así que si construyes un sitio web con TailwindCSS, puedes simplemente copiar las clases y pegarlas en los elementos HTML para añadir los colores degradados.

TailwindKit

TailwindKit es una colección de más de 250 componentes preconstruidos. Incluye algunos comunes como botones, encabezado y pie de página hasta algunos componentes más especializados como Data Dashboard y el componente Team. Otro gran recurso para los usuarios de TailwindCSS.

GrepApp

Si el resultado de la búsqueda en Github no te satisface, puedes probar Grep.app. Es una herramienta para buscar códigos en los repositorios públicos de Github. Puedes obtener un mejor resultado ya que puedes afinar tu búsqueda de palabras clave como mayúsculas y minúsculas, RegEx, o palabras completas.

React Toast

Una librería React.js que te permite activar una notificación “toast”; es ese pequeño mensaje que aparece en tu pantalla y desaparece después de unos segundos. Se ve muy bien por defecto con una suave animación y transición, pero es personalizable al gusto del diseño de tu sitio web o app.

PowerToys

PowerToys es un reinicio del software similar de 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 recoger el color en la parte superior de cualquier aplicación en ejecución. Y hay 8 herramientas más útiles que el PowerToys proporciona en el momento de la escritura.

Reactotron

Una aplicación para inspeccionar React.js y React Native en el estado de tu aplicación, comprobar las peticiones y la respuesta de la API, y depurar el rendimiento. Es como el navegador DevTools pero para tus aplicaciones. Funciona en macOS, Windows y Linux.

Fiddle

Si estás empezando con Electron y no quieres lidiar con las dependencias, entonces Fiddle es la aplicación para ti. Tiene todo lo que necesitas, incluyendo varias versiones diferentes de Electron, el editor incorporado, e incluso puedes compilar tus experimentos en una aplicación.

Clipy

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

DevKinsta

Una aplicación de escritorio para crear fácilmente un entorno localhost con WordPress. Puedes crear una instalación única o un multisitio en 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 manera fácil de cambiar entre las versiones de PHP.

Nativefier

Nativefier es una herramienta práctica para envolver rápidamente cualquier sitio web en una aplicación de escritorio. Aprovecha Chromium bajo el capó para que puedas construir y compilar la aplicación en diferentes plataformas, incluyendo macOS, Windows y Linux, todo con una sola línea de comando CLI.

Electron React Boilerplate

Este es el punto de partida para construir una aplicación de escritorio con Electron. Está preempaquetado con React Router, Webpack, React Fast Refresh y React para que puedas empezar a construir inmediatamente tu próxima aplicación de escritorio en lugar de tener que lidiar con las configuraciones y las herramientas de construcción.

Electron Vue

Si prefieres trabajar con Vue.js, este framework es una buena alternativa. Está pre-empaquetado para las herramientas de apoyo en el ecosistema Vue.js como Vue DevTools, Axios, Vue Router, etc.

Theia

Un framework para construir un IDE (Entorno de Desarrollo Integrado) completo con tecnologías web modernas. Es fácilmente extensible, lo que le permite añadir características personalizadas a su alrededor. Un gran framework si planeas incluir un editor en tus aplicaciones y servicios web.

Lepton

Un gestor de fragmentos de código basado en GitHub Gist con soporte para Gist privado y público. Puedes gestionar tus 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.

Pennywise

Pennywise es una aplicación basada en Electron que le permite abrir un sitio web o medios de comunicación en una ventana flotante en la parte superior 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.

Insomnia

Puedes utilizar Electron para desarrollar una aplicación sencilla como Insomnia. Es una aplicación multiplataforma para hacer una petición y probar un punto final de la API. Puedes hacer una petición con diferentes métodos HTTP (GET, POST, PUT, etc.), o añadir cabeceras y autenticación.

Postbird

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

WNR

Una sencilla app de gestión del tiempo para macOS y Windows. Es como un temporizador en el que puedes establecer el tiempo de trabajo y el tiempo de descanso. Una aplicación muy útil que puede ayudarte a recordar que debes descansar un poco porque muchas veces el tiempo vuela rápido cuando estás demasiado concentrado trabajando frente al ordenador.

Spectron

Por último, pero no por ello menos importante, debes probar tus aplicaciones para asegurarte de que tu aplicación funciona bien. Spectron facilita la creación de un entorno de pruebas automático para tu aplicación. También es compatible con cualquier marco de pruebas, incluyendo Mocha y Jest.

Síguenos en Facebook