Saltar al contenido

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

ray

JavaScript es un lenguaje maravilloso. Puede crear casi cualquier cosa con JavaScript; desde un sitio web simple, una aplicación de escritorio a una aplicación móvil y todo eso.

En esta ronda de la serie, exploraremos algunos recursos útiles relacionados con JavaScript. La publicación contiene una lista de utilidades, herramientas y recursos generales creados con JavaScript. Por ejemplo, tenemos un marco de pila completo para desarrollar e implementar una aplicación, un paquete de JavaScript y un puñado de extensiones de VSCode. Pasemos a la lista completa.

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

Recursos nuevos 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 … Leer más

Rayo

Rayo es una pequeña aplicación web que le permite generar fragmentos de código en una hermosa imagen. Puede elegir el tema para el idioma, personalizar el fondo, el relleno, el texto y guardar y compartir en las redes sociales o en la publicación de su blog.

Estilo cónico

Una colección de ejemplos de CSS conic-gradient (); una nueva función CSS para generar dos o más colores rotados alrededor de un punto central. Con el degradado cónico, puede crear presentaciones como gráficos circulares o ruedas de colores fácilmente con solo usar CSS.

estilos cónicos

Browserosaurus

Una aplicación que te permite seleccionar en qué navegador abrir un enlace. Está hecha específicamente para macOS con un tema oscuro y claro que cambia automáticamente según las preferencias del sistema. No más copiar y pegar manualmente el enlace en diferentes navegadores.

browserosaurus

Loripsum

Una herramienta para generar “lorem ipsum”. No solo el contenido, sino que también puede agregar formato adicional como encabezado, negrita, cursiva, cita en bloque y enlaces. Esta herramienta también proporciona un punto final de API que puede utilizar para generar contenido mediante programación. Una herramienta bastante útil para generar contenido ficticio para pruebas o prototipos.

loripsum

WindiCSS

El marco CSS de la utilidad WindiCSS. Diseñado como una alternativa a TailwindCSS que proporciona tiempos de carga más rápidos. Solo genera el CSS utilizado y ya se integra con varias herramientas como la extensión VSCode, CLI, Rollup y frameworks como Vue.js, Nuxt.js y Svelte.

Windicss

VSCode Vite

Una extensión para Vite, un desarrollo front-end moderno con una herramienta de construcción preconfigurada. Si está utilizando VSCode, esta extensión puede ayudarlo a optimizar sus flujos de trabajo. Puede iniciar el servidor de desarrollo, depurar la compilación y obtener una vista previa directamente desde la ventana del editor.

vite

VueUse

Una colección de API de composición de Vue nueva esencial que ayuda a que las aplicaciones de Vue.js sean más fáciles de mantener y flexibles. Proporciona una función para realizar animaciones, comunicarse con navegadores, administrar estados y otras funciones de utilidad.

vueuse

Una de mis extensiones favoritas de VSCode. Esta extensión agrega un navegador directamente a VSCode para que pueda trabajar y obtener una vista previa sin salir del editor. Funciona rápido con un diseño limpio que combina perfectamente con el editor. También tiene DevTools en pleno funcionamiento al igual que Chrome y Firefox.

navegar-lite

Min

Min es un navegador muy minimalista que tiene como objetivo el rendimiento y la protección de la privacidad. El navegador Min brinda la capacidad de detener anuncios, rastreadores, scripts e imágenes para que pueda navegar más rápido y usar menos datos.

navegador-min

Volar

Una extensión de VSCode construida específicamente para Vue 3. Proporciona un servidor de idiomas para Vue.js y es totalmente compatible con la verificación de tipos con TypeScript. Esta extensión todavía está en desarrollo activo con más funciones en camino.

volar

Saruni

Un marco de aplicación web de pila completa con JavaScript. Proporciona las funciones básicas como autenticaciones, correos electrónicos, carga de imágenes y herramientas (React, TypeScript, GraphQL, etc.) para desarrollar la aplicación, así como para implementar la aplicación con flujos de trabajo modernos.

saruni

WithFig

Fig es una aplicación de macOS que agrega autocompletar y accesos directos en Terminal similar a la del editor de código. Ayuda a los desarrolladores a ahorrar tiempo y ser más productivos. En el momento de escribir este artículo, esta aplicación aún se encuentra en desarrollo temprano. Si desea tener en sus manos las cosas, puede registrarse como usuarios beta.

withfig

GrapeJS

GrapesJS es un creador de diseño web que tiene como objetivo ayudarlo a crear una plantilla HTML sin necesidad de codificar. Viene con componentes prediseñados como botones, columnas, imágenes, mapas, etc., donde los usuarios pueden simplemente arrastrar y soltar para crear el diseño que les guste. También puede personalizar los estilos, como el tamaño y los colores. Y también puede crear sus propios componentes personalizados.

uvas

Arco iris CSV

Una extensión de VSCode que proporciona resaltado de sintaxis a CSV, lo que le ayuda a escanear y digerir el contenido CSV fácilmente. Es una especie de pequeña utilidad con grandes beneficios. Creo que esto debería agregarse a la función predeterminada en VSCode.

vscode-arcoiris-csv

Herramientas eléctricas de texto

Una extensión de VSCode que proporciona manipulación de texto todo en uno. Puede transformar el caso del texto, filtrar líneas y cadenas usando RegEx, eliminar duplicados, insertar números de línea, marca de tiempo, ruta y mucho más.

vscode-text-power-tools

Cliente REST VSCode

Una extensión de VSCode que le permite enviar una solicitud a una URL y ver la respuesta del editor. Esta extensión proporciona funciones bastante completas; puede, por ejemplo, cancelar solicitudes, enviar solicitudes de consulta GraphQL, SOAP, soporte de proxy y autenticación, y muchos más.

vscode-resto-cliente

Horizonte

Una pequeña y agradable herramienta de Github para generar un modelo 3D basado en tus contribuciones de Github en un año. Puede compartir este modelo 3D en las redes sociales, imprimirlo o verlo en realidad virtual. Bastante bien, ¿verdad?

horizonte

Manto de nieve

Un paquete de JavaScript diseñado para aplicaciones web modernas y pretende ser una alternativa a un paquete más pesado como Webpack. Snowpack ofrece un mejor proceso de compilación, menos configuraciones, una salida más optimizada y admite algunos marcos como React y Preact listos para usar.

manto de nieve

Enlightn

Una herramienta de auditoría que examina el rendimiento y los posibles problemas de seguridad de su aplicación Laravel. Hay más de cien auditorías integradas, desde comprobaciones de seguridad básicas hasta avanzadas, comprobaciones de mejores prácticas y comprobaciones de fiabilidad. Puede ejecutarlo en una sola línea de comando o ejecutar una verificación automatizada en su repositorio con el bot de Github.

iluminar

Inspector del sitio

Una herramienta de auditoría que examina su sitio en busca de errores tipográficos, errores gramaticales, enlaces rotos y otros errores tipográficos. Está construido con Ruby / Rails, Vue.js, PostgreSQL y es completamente de código abierto. Puede alojarlo en su propio servidor.

inspector del sitio