Saltar al contenido

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

peeky-js-framework

Cada día surgen nuevas herramientas y técnicas en el campo del desarrollo web. Y a veces, se vuelve bastante difícil mantenerse al día con todos los nuevos avances.

Por lo tanto, en esta publicación, hemos reunido algunos de los recursos más interesantes para ayudar a nuestros compañeros desarrolladores web a mantenerse actualizados. En esta ronda de la serie, tenemos herramientas y marcos, un par de materiales de aprendizaje y algunos recursos de diseño. Sin más preámbulos, pasemos a la lista completa.

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

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

Como desarrollador web, siempre hay algo que puedes aprender y crecer todos los días. Puedes aprender a diseñar … Lee mas

Peeky

A marco de prueba para JavaScript con algunas tomas interesantes. Primero, incluye una interfaz de usuario atractiva donde puede ejecutar y monitorear las pruebas de cada archivo.

En segundo lugar, admite JavaScript moderno listo para usar, incluidos Aysnc / Promise, TypeScript y muchos más por venir. Creo que todos estos lo hacen destacar del resto de marcos similares.

peeky-js-framework

Pautas impresionantes

Awesome Guidelines contiene directrices para estándares de código y mejores prácticas para muchos lenguajes de programación, marcos y entornos de desarrollo.

Por lo tanto, si está administrando un equipo de desarrolladores, esta sería una excelente referencia para que formular pautas para su equipo. Necesitas tenerlo en tu marcador.

aweseme-pautas

BID KeyVal

¿Sabías que el navegador tiene una base de datos incorporada? Se llama IndexedDB. Funciona de manera similar a SQL, donde puede agregar una base de datos y las columnas, excepto que vive directamente en el navegador.

Esta la biblioteca facilita el manejo de IndexedDB. Aborda todas las peculiaridades y la compatibilidad entre los diferentes navegadores y versiones.

idb-keyval

Imagen de gráfico abierto de Github

Github ha realizado una actualización interesante en su plataforma. Antes de esta actualización, solía verse extraño cuando se compartía una URL de repositorio desde Github, ya que muestra el autor del repositorio.

Ahora con la actualización, Github muestra una imagen más relevante para el repositorio. que incluye el nombre del repositorio, idiomas, autor, etc. En esta publicación de blog, Github compartió cómo funciona detrás de escena.

github-opengraph-image

Diseño Absurdo

A colección de ilustraciones abstractas que parecen absurdas. Si alguna vez necesita diseñar un sitio web con una personalidad única, puede intentar utilizar estas ilustraciones en su diseño. La ilustración viene en dos formatos: PNG y SVG.

absurdo-diseño

WVSC

A tema VSCode personalizado. Viene en una combinación de colores claros y oscuros y se ve muy bien en Retina y en códigos HTML, CSS y JS. Otro tema atractivo, deberías instalar para darle a su editor de código una nueva apariencia.

wvsc

API de esquema

Una herramienta en la que puede analizar un sitio web para obtener metadatos estructurados del sitio web definido en Schema.org. Una herramienta muy útil para espiar lo que hacen sus competidores con sus metadatos. Además, es gratis.

esquema-api

Boxicons

Una colección de iconos diseñados para diseñadores y desarrolladores web. La colección contiene más de 1500 iconos de varias categorías. Aquí puede encontrar algunos íconos regulares para crear sitios web y aplicaciones, así como logotipos de tecnología y servicios populares.

boxicons

Shiki

Una biblioteca de JavaScript liviana para resaltar la sintaxis del código con el color adecuado. Es rapido y admite 100 idiomas listos para usar incluido uno escrito en chino tradicional. También incluye algunos temas populares como Monokai, Dracula, Github tanto en la versión oscura como en la clara.

Reacción a prueba de balas

Una arquitectura predefinida que cubre casi todo lo que necesita para construir una aplicación robusta usando React.js. Eso establece la estructura y configuración del directorio, los componentes con estilo, la gestión del estado, la autenticación, las pruebasetc.

Es un gran ahorro de tiempo y le permite comenzar a desarrollar de inmediato. Si alguna vez necesitas crear una aplicación con React.js, este es un excelente punto de partida.

reaccionar a prueba de balas

Antorcha

A biblioteca para representar la sintaxis del código con un color adecuado que no requiere JavaScript. ¡Sí! a diferencia de bibliotecas similares para este propósito, Torchlight se ejecuta en el extremo del servidor y genera un HTML completamente renderizado con los colores de sintaxis. Es compatible con muchos idiomas y proporciona varios temas listos para usar.

antorcha

Laravel Zero

A marco para crear una línea de comandos (CLI) usando Laravel. Viene con algunas tomas diferentes a las de un Laravel incorporado. Por ejemplo, agrega soporte para un menú interactivo donde puede seleccionar opciones directamente en Terminal y la capacidad de enviar una notificación de escritorio, por nombrar algunas. Es un marco para crear una aplicación CLI robusta.

laravel-zero

Accesorios de WP-CLI

A Extensión WP-CLI para generar contenido ficticio. Puede generar no solo publicaciones, sino otros tipos de contenido en WordPress, como Menú, Taxonomía y Usuarios. Esto resulta útil para realizar pruebas automatizadas.

wp-cli-accesorios

Starship es una herramienta que extiende el entorno de Shell. Agrega la finalización de comandos, información adicional de sus proyectos actuales, como la rama actual de Git, métricas de Git y la versión del lenguaje de programación actual.

También ofrece muchas opciones que hacer que el entorno de Shell sea más agradable de usar e impulsar la productividad.

nave estelar

HTTPie

Un moderno aplicación de línea de comandos para realizar solicitudes HTTP. A diferencia de algunas de las aplicaciones existentes, HTTPie proporciona una sintaxis más intuitiva. También tiene soporte JSON integrado con una salida más legible. Es un cliente HTTP completo que le ayuda a ser más productivo cuando se trata de solicitudes HTTP.

httpie

Aprende cualquier cosa

¿Está interesado en aprender algo nuevo pero no está seguro de por dónde empezar? Dirígete a este motor de búsqueda único que te proporcionará directrices y recursos para materiales de aprendizaje. Puede buscar cualquier cosa, desde diseño web hasta aplicaciones móviles, etc.

aprender-cualquier cosa

Depuración de VSCode JS

Lo nuevo y mejorado Depurador de JavaScript para Visual Studio Code. Funciona en diferentes plataformas, no solo en el navegador como Chrome y Edge, sino también en el entorno Node.js y una extensión VSCode.

vscode-js-debug

Pelusa por etapas

Mantenga su fuente en conformidad con el código estándar con esta extensión. Te permite verifique el código al ponerlo en escena en Git y evitaría que empujara antes de pasar el control. Es muy útil si gestiona un proyecto en equipo o en código abierto con varios colaboradores.

pelusa

ChromePHP

Esta biblioteca PHP le permite orquestar un Chrome-headless a través de PHP. Puede utilizar esta biblioteca para ejecutar algunas pruebas de automatización en el navegador. Estoy seguro de que los desarrolladores de PHP agradecerían esta biblioteca, ya que pueden mantener la mayoría de sus proyectos que utilizan un solo lenguaje: PHP.

chrome-php

Vitesse WebExt

Un entorno estándar y de desarrollo para que pueda empezar rápidamente desarrollo de extensiones de navegador construidas sobre Vue.js y sus componentes de soporte.

También se ha ocupado de las configuraciones de requisitos previos, como con el Polyfills WebExtension, WindiCSS para estilizar, ESLint para el código hilas, TypeScript, etc.

vitesse-webext