Recursos nuevos para diseñadores y desarrolladores web (agosto de 2020)

Si bien tendíamos a enfocar nuestra lista en campos específicos en la entrega anterior de esta serie, nuestra lista de hoy será más diversa. De hecho, hemos reunido no solo algunas herramientas útiles, sino también sitios donde puede encontrar más referencias y varias herramientas dentro de los campos de diseño y desarrollo web.

Entonces, echemos un vistazo a la lista de recursos nuevos de este mes.

Recursos nuevos para diseñadores y desarrolladores web (julio de 2020)

Recursos nuevos para diseñadores y desarrolladores web (julio de 2020)

En el momento de escribir este artículo, Google acaba de completar el seminario web en vivo web.dev. Un evento de 3 días con el … Lee mas

DesignResourc.es

Una colección de recursos para diseñadores. Aquí puede encontrar herramientas, sitios web e inspiración para cualquier categoría relacionada con el diseño, tanto de pago como gratuito. Por ejemplo, puede encontrar una herramienta para ayudar a auditar la accesibilidad de su sitio web, herramientas para generar colores, encontrar sitios web para diseñadores y mucho más.

BlockBook

Creado por uno de los principales desarrolladores de Gutenberg, BlockBook permite desarrollar un Gutenberg en un entorno aislado. Puede explorar la biblioteca de bloques y ver las propiedades de cada bloque.

WPContent

Un sitio donde puede enviar, buscar y votar artículos y noticias relacionados con WordPress. Se creó como un sustituto cuando Godaddy suspendió ManageWP.org en junio de 2020.

Herramientas de la comunidad de DigitalOcean

DigitalOcean proporciona una colección de herramientas para administrar su Droplet con facilidad. Uno de mis favoritos es Nginx Config Tools donde podemos generar configuraciones con el preset. Estas herramientas son útiles y muy útiles si desea administrar VPS o Droplet por su cuenta.

EstiloEtapa

Un proyecto para reavivar el espíritu de CSS Zen Garden, uno de los proyectos legendarios en desarrollo web, y también puede ser la primera entrada para que muchos desarrolladores aprendan desarrollo web.

Similar a CSS Zen Garden, StyleStage muestra e inspira lo que CSS es capaz de hacer con la misma estructura HTML.

Contenedores VSCode

Esta característica en Visual Studio Code es bastante increíble. Le permite ejecutar contenedores Docker como su entorno de desarrollo completo.

Esto significa que no tiene que instalar Node.js, PHP y otras cosas que normalmente se requieren para el desarrollo, directamente en su computadora. Más bien, VS Code utilizará los instalados dentro del contenedor Docker.

Wiki.js

Una aplicación Wiki moderna construida sobre Node.js. Viene con una característica completa; no solo para administrar el contenido, sino también para administrar los medios cargados y los usuarios, personalizar el idioma y configurar la funcionalidad de búsqueda, el almacenamiento y la apariencia.

En el momento de escribir esta publicación, Wiki.js se encuentra en un desarrollo activo, por lo que podemos esperar ver más funciones en el futuro.

Dolibarr

Un moderno ERP y CRM para gestionar las actividades y los recursos de su empresa, como los contactos de clientes y proveedores, facturas y pedidos, contabilidad y mucho más. Es gratis, creado con PHP y diseñado para pequeñas y grandes empresas.

Unsplash

Unsplash es uno de los lugares más populares para encontrar bellas imágenes y fotos gratuitas. Con el complemento oficial de WordPress, ahora puede buscar la imagen e incluirla en su sitio web.

El complemento también agrega lo relevante alt texto, subtítulos y publica el tamaño de imagen correcto con Unsplash CDN.

IngenieríaBlogs

Una colección de artículos y noticias agregados relacionados con la ingeniería. Puede mantenerse actualizado sobre diferentes temas de ingeniería de la Web, SQL, AWS, Elastic y mucho más.

Tiempo de música

Music Time conecta el reproductor de Spotify a su editor de código. Puede agregar música, reproducir o crear listas de reproducción y descubrir música nueva sin cambiar a la aplicación web o de escritorio de Spotify. ¡Con buena pinta!

Pixi.js

Una biblioteca de JavaScript para crear un contenido atractivo e interactivo en computadoras de escritorio y dispositivos móviles utilizando tecnologías web nativas: WebGL o Canvas. Puede usarlo para crear animaciones y efectos complejos que no se pueden entregar usando solo HTML y CSS.

LimeText

LimeText es un editor de texto que funciona y se siente bastante similar a SublimeText. En el backend, mientras SublimeText usa Python, LimeText usa el lenguaje Go. Es un editor de texto de código abierto con el objetivo de ser una alternativa gratuita a SublimeText.

Movimiento

Le permite agregar fácilmente animaciones a su aplicación React.js, así como interacciones de gestos como tocar, desplazar y arrastrar.

Animockup

Una herramienta para crear una maqueta animada. Hay varias maquetas de dispositivos para seleccionar: teléfono, computadora portátil y PC de escritorio. Puede cargar un video en MP4, MOV o WebM para que aparezca en la pantalla de la maqueta.

También proporciona un tamaño preestablecido si desea descargar la maqueta y cargarla en redes sociales como Facebook, Twitter, Dribbble, Snapchat e Instagram.

NoDiseño

Una colección de herramientas para que los desarrolladores encuentren y generen códigos, colores, combinación de fuentes e íconos que completarían su sitio web. más allá del código.

Caja

Esta herramienta facilita la conversión de su aplicación PHP en PHAR. En caso de que no esté familiarizado con PHAR, es una extensión de archivo especial donde podemos poner y ejecutar nuestra aplicación PHP en un solo archivo, .phar.

Fundamentos web

Una gran colección de recursos, reunidos por ingenieros de Google, para obtener mejores prácticas, sugerencias y herramientas para crear un sitio web y una aplicación web modernos.

Strman

La manipulación de cadenas o texto es bastante común en la programación web, pero también podría ser complicada. Esta biblioteca, Strman, proporciona funciones reutilizables que facilitan la realización de estas tareas habituales.

Puede encontrar la función para agregar un texto a otro texto, cambiar el caso del texto, truncar el texto y mucho más.

Knopf

Una biblioteca CSS que proporciona un sistema de botones modular y extensible para crear varios tipos de botones. Con esta biblioteca, puede crear un botón simple, un grupo de botones, un botón de icono y personalizar los estilos para que coincidan con las necesidades de diseño de su sitio.

Deja un comentario

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