Cómo hacer un Sitio Web o Blog en 2022 - Guía fácil y Gratuita para Crear un Sitio Web

Nuevos recursos para diseñadores y desarrolladores web (agosto de 2023)

Cada día surgen nuevas herramientas y técnicas en el campo del desarrollo web. Y, a veces, resulta 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.

Peeky

A marco de prueba para JavaScript con algunas tomas interesantes. Primero, incluye una interfaz de usuario atractiva donde puedes 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 todo esto lo distingue del resto de marcos similares.

Directrices impresionantes

Pautas impresionantes contienen Directrices para el estándar de código y las mejores prácticas. para muchos lenguajes de programación, marcos y entornos de desarrollo.

Entonces, si administras un equipo de desarrolladores, esta sería una excelente referencia para ti. formular pautas para su equipo. Necesitas tenerlo en tu marcador.

Valor clave del BID

¿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 se encuentra directamente en el navegador.

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

Imagen de gráfico abierto de Github

Github ha realizado una interesante actualización de su plataforma. Antes de esta actualización, parecía extraño cuando se compartía una URL del 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.

Diseño Absurdo

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

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 instálelo para darle a su editor de código una nueva apariencia.

API de esquema

Una herramienta donde puedes analizar un sitio web para obtener metadatos estructurados del sitio web definido en esquema.org. Una herramienta bastante útil para espiar lo que hacen sus competidores con sus metadatos. Además, es gratis.

Cajas

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 habituales para crear sitios web y aplicaciones, así como logotipos de tecnologías y servicios populares.

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, Drácula, Github, tanto en versiones oscuras como claras.

Reacción a prueba de balas

Una arquitectura predefinida que cubre casi todo lo que necesita para crear una aplicación sólida utilizando React.js. Él establece la estructura y configuración del directorio, componentes con estilo, gestión de estado, autenticación, pruebasetc.

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

luz de las antorchas

A biblioteca para representar la sintaxis del código con un color adecuado que. ¡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. Admite muchos idiomas y proporciona varios temas listos para usar.

laravel cero

A marco para crear una línea de comandos (CLI) usando Laravel. Viene con algunas tomas diferentes a las de Laravel incorporada. 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 construir una aplicación CLI sólida.

Accesorios 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.

Nave estelar

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

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

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 incorporado con resultados más legibles. Es un cliente HTTP completo que te ayuda a ser más productivo al tratar con solicitudes HTTP.

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á pautas y recursos para materiales de aprendizaje. Puede buscar cualquier cosa, desde diseño web hasta aplicaciones móviles, etc.

Depuración de VSCode JS

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

Pelusa puesta en escena

Mantenga su fuente cumpliendo con el código estándar con esta extensión. Te permite verificar el código al prepararlo en Git y evitaría que empuje antes de pasar la verificación. Es bastante útil si gestionas un proyecto en un equipo o de código abierto con varios contribuyentes.

ChromePHP

Esta biblioteca PHP le permite orquestar un Chrome sin cabeza 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 apreciarían esta biblioteca, ya que pueden mantener la mayoría de sus proyectos que utilizan un solo lenguaje: PHP.

Vitesse WebExt

Un entorno estándar y de desarrollo para que puedas aprender rápidamente desarrollar extensiones de navegador basadas en Vue.js y sus componentes de soporte.

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