Nuevos recursos para diseñadores web y desarrolladores (febrero de 2020)

Es hora de que volvamos a compartir recursos con nuestros colegas desarrolladores web. En esta ronda de la serie, hemos reunido un puñado de aplicaciones de escritorio interesantes, como una para hacer que el fondo de escritorio sea un poco más dinámico, algunas aplicaciones web prácticas y, ciertamente, algunas bibliotecas de JavaScript. Sin más preámbulos, veamos la lista completa.

UsosTech

Una colección de los herramientas, engranajes y software utilizado por desarrolladores, diseñadores, bloggers, tutores, YouTubers y podcasters. Puede ordenar estas herramientas por país, lenguaje de programación, pilas, etc. Un gran recurso para encontrar inspiración y recomendaciones para su propio uso.

La página de inicio de UsesTech.com muestra los 3 primeros en la lista

Chapoteo

Una aplicación macOS para configura cualquier sitio web como fondo de escritorio. Podrías mostrar tus sitios favoritos y tu feed, una hermosa foto aleatoria de paisajes e incluso un GIF animado como fondo de pantalla, lo que te permite tener un escritorio menos aburrido.

Menú contextual de Plash en macOS

Alpine.js

Una biblioteca JavaScript muy mínima para agregue comportamiento dinámico a su sitio web. Con Alpine.js, simplemente puede agregar los atributos proporcionados, como x-data, x-init, x-bind, x-on y x-model al marcado HTML existente en su sitio web. Muy fácil. No es necesario configurar una herramienta de compilación, compilador o transpilador. Una muy buena alternativa a React.js o Vue.js.

Ejemplo de código Alpine.js

Vivus

Una biblioteca de JavaScript para crear animación de dibujo a SVG. Vivus es bastante sencillo de usar. De hecho, proporciona un nombre fácil de usar llamado Vivus Instant donde puede cargar el archivo SVG para animar el SVG.

Hola hay animada

GistPad

Una extensión de Visual Studio Code que le permite administrar Github Gist. La última versión ahora incluye una nueva característica llamada Playground similar a CodePen.io o JSBin, por lo que puede agregar HTML, CSS, JS y ver instantáneamente el resultado directamente desde Visual Studio Code.

Zona de juegos interactiva GistPad en código Visual Studio

Oscuridad

Un práctico aplicación web para generar múltiples capas de sombras. Puede decidir cuántas capas agregar, cambiar el color y la extensión. Generará automáticamente el código CSS para copiar.

Múltiples capas de sombras

Puntos de interrupción receptivos

Como su nombre lo indica, le permite generar fácilmente tamaños de imagen receptivos óptimos. También proporciona opciones donde puede configurar el rango de tamaño de la ventana gráfica, el tamaño de imagen mínimo y máximo, la relación y generar el HTML para mostrar la imagen. Otra aplicación web útil para facilitar el trabajo de los desarrolladores web.

Una imagen con cuadrado punteado y el tamaño.

Browserosaurus

Una aplicación macOS para agregar un menú contextual personalizado en un enlace que contiene la selección del navegador para abrir el enlace. ¡Brillante!

Enlace con el menú contextual de la lista del navegador

massCode

UN aplicación de escritorio para administrar fragmentos de código. Con esta aplicación, puede codificar fragmentos y ejemplos y agruparlos ordenadamente en categorías. massOS está disponible para Windows, macOS y Linux.

Aplicación massCode con interfaz oscura y blanca

XI-Editor

XI-Editor es un barebone para cree un editor de texto con un enfoque en el rendimiento, la confiabilidad y la extensibilidad para desarrolladores. Se ha adoptado para crear un editor de texto en varias plataformas, incluidas macOS, Linux con GTK + y Windows.

Interfaz XI-editor en macOS

Reaccionar contento

Componente React.js para crear un área editable. Además de eso, puede agregar botones junto con negrita, cursiva e hipervínculo, lo que lo convierte en una alternativa perfecta para crear un editor WYSIWYG lean. Puedes ver el ejemplo en vivo aquí.

Reaccionar contento

contorno

Una aplicación web Wiki alojada con funciones modernas. También se basa en algunas herramientas modernas de hoy como React.js, Node.js, Postgres, Redis, AWS para el almacenamiento de archivos, y el aspecto general también se siente moderno. Puedes usarlo para crear wiki del equipo, documentos, notas de reuniones, incorporaciónetc.

Esquema de la interfaz de usuario de la aplicación

Cráter

Crater es una aplicación web creada con PHP para administrar facturas. Te permite crear las facturas, enviar un pedido o presupuestos, administrar clientes, etc. Si desea administrar las facturas y todos los datos que tiene, utilizar Crater puede ser una buena alternativa para usted.

Escritorio de cráter e interfaz móvil

Directus

Directus es un CMS sin cabeza que le permite agregue campos personalizados para casi cualquier tipo de contenido, como noticias, usuarios o productos, etc. Y use cualquier idioma o herramienta de su elección para consumir el contenido de la API, con RESTful o GraphQL. Hablando de eso, consulte nuestra publicación, Introducción a Headless CMS, para obtener más información sobre Headless CMS.

  Directus mascotas: ciervos y osos

Craft.js

Un marco de React para construir un editor de páginas de arrastrar y soltar rico en funciones. Proporciona el sistema subyacente de arrastrar y soltar y maneja cómo se representan, actualizan y mueven los componentes. Tener una interfaz de arrastrar y soltar proporciona comodidad para que los usuarios hagan cosas por su cuenta, y Craft.js puede ser un marco perfecto para construir eso.

Interfaz de arrastrar y soltar

Devilbox

Devilbox es una pila completa para ejecutar un desarrollo local. Proporciona todos los servicios que necesitaría, como Apache, Nginx, MySQL, PHP, MailHog, etc.

Diagrama de la arquitectura del servidor.

Magic.css

Una colección de reglas CSS para animaciones suaves. Con esto, agregar animación a su sitio web es tan fácil como agregar un nombre de clase al HTML. Usted puede instalar Magic.css con NPM o Yarn, y úselo en combinación con JavaScript o jQuery.

Página de inicio del sitio web de CSS Magic

Kutt

Una aplicación web de acortador de URL. Kutt admite el uso de un dominio personalizado y proporciona estadísticas listas para usar. Está construido con la pila moderna Node.js, Prosgress y Redis, y puede alojarlo en su propio servidor.

Página de Kutt.it

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *