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

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

2022-08-26 0 Por ljxih


El desarrollo de front-end cambia rápidamente, con cosas nuevas para explorar cada mes. Siempre hay una nueva metodología, enfoque y marco introducido en el mundo del desarrollo web con el que necesita actualizarse.

En esta edición de la serie, presentaremos algunos marcos y recursos para diseñadores web, herramientas de prueba y mucho más. Si eres un desarrollador o diseñador front-end, estoy bastante seguro de que te encantará lo que tenemos en la lista. Vamos a ver.

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

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

En los últimos meses, las cosas han cambiado mucho en los campos de desarrollo front-end. Y esto es… Lee mas

Prueba de biblioteca de accesibilidad

Testing Accessibility Library le permitirá realizar pruebas automáticas de accesibilidad para el teclado. Además de mejorar la Accesibilidad, puede ayudar a evaluar la usabilidad de su sitio web con un teclado y reducir el tiempo que normalmente usaría en las pruebas manuales.

biblioteca de pruebas de teclado

Iconos 3D

Las tendencias van y vienen, pero parece que el uso de elementos 3D en el diseño web llegó para quedarse. La biblioteca de iconos 3D es una colección de iconos 3D que puedes usar para proyectos comerciales y personales. Está disponible en muchos formatos de archivo, incluidos Licuadora, figma, Bosquejoy Photoshop.

iconos 3d

Iconero

Iconer.app es un colección de íconos de fuentes populares como Bootstrap, Remix, Material, Radix, y muchos más. Además de eso, le permite personalizar los iconos. Puedes cambiar el color, el tamaño, el ancho del trazo, etc. e incluso puedes seleccionar el formato a descargar.

Actualmente admite varios formatos, incluidos JPG, PNG, JSX y SVG.

icono

Kit de estructura metálica Lofi

Este kit de diseño consta de 100 componentes para wireframing en figma. Incluye componentes comunes para crear aplicaciones móviles y de escritorio, como botones, campos de entrada e imágenes.

Creo que es una joya si eres diseñador web o de aplicaciones, ya que te ayudará a manifestar tu próxima gran idea.

lofiwireframekit

Vue TermUI

Crear una aplicación de Terminal puede ser intimidante, pero con Vue TermUI, no tiene por qué serlo. Es un biblioteca que le permite desarrollar una hermosa CLI con Vue y viene con herramientas web con las que puede tener una funcionalidad familiar para desarrollar la web como HMR, Bundling y DevTools.

vue término ui

Patrones WebDev

Una colección de patrones, fragmentos de código y libros de cocina para optimizar su sitio web. Se divide en diferentes categorías: Animación, Componente, Diseño, Temas y Web Vitals. Todo esto en conjunto lo ayudará a crear un sitio web que sea rápido y atractivo utilizando las mejores prácticas modernas.

patrones de diseño

RakkasJS

A marco completo que le permite crear un sitio web con tecnología moderna: React.js y Vite. Con Vite, ofrece un entorno de desarrollo mucho mejor y más rápido. también es compatible Renderizado de SSR con el nuevo React.js Suspensey enrutamiento basado en archivos.

Creo que esta biblioteca podría ser un buen competidor para algunas de las alternativas como Siguiente.js y gatsby.

rakkasjs

CMDK

Esta biblioteca trae una componente componible React.js para crear CMD + k interfaz de acceso directo que puede enviar a su sitio web. Los usuarios de Mac ya deberían estar familiarizados con el acceso directo, que en algunas aplicaciones iniciará un búsqueda interactiva, diálogoo paleta de comandos.

cmdk

Aprende Vue 3: paso a paso

Después de años de trabajo, Vue 3 finalmente es estable. En este curso, Jeffrey Way ha hecho un trabajo fantástico cubriendo las mejoras y las nuevas características de Vue 3 de principio a fin. ¡Y ha sido generoso al proporcionar este curso gratis!

curso vue 3

Sombra de desplazamiento CSS puro

CSS se ha vuelto más poderoso a lo largo de los años. No solo que ahora es mucho más fácil centrar el div o crear un diseño de cuadrícula complejo, también puede crear un efecto interactivo como la creación de sugerencias de sombras tanto para desplazamiento horizontal como vertical. Consulta el artículo para saber cómo.

sombras de desplazamiento CSS puro

Indonesios que diseñan

Este es un sitio web donde puedes encontrar un lista de indonesios que trabajan como diseñadores en muchos campos diferentes, ya sea UI/UX, web, aplicación, tipografía, etc. Si es un desarrollador que intenta encontrar un diseñador, un socio de diseño o una empresa que intenta buscar grandes talentos en diseño, definitivamente debe consultar la lista.

indonesios que diseñan

MillónJS

Una biblioteca de JavaScript que ofrece implementación DOM virtual más rápida. Es más rápido en comparación con React.js en aproximadamente 11 veces y solo menos de 1 KB. Está diseñado como un reemplazo directo para React.js para que pueda tener lo mejor de ambos lados. Un desarrollo familiar es ergonómico con un rendimiento más rápido.

millones

miOctocat

Octocat es una mascota de Github. Los diseñadores han estado creando varios temas y caras de Octocat en Octodex. Ahora, puedes crear el tuyo propio fácilmente con myOctocat que puedes usar como tu perfil o avatar. Puede personalizar casi todo, incluido el cabello, la piel, los ojos y todos los accesorios.

miogato

breakdance

El breakdance es nuevo creador de páginas para WordPress. Trae más de 100 componentes de diseño, edición completa del sitio y es compatible con algunos complementos populares como WooCommerce, ACF y Toolset listos para usar. Si todavía le resulta difícil navegar Gutenbergtal vez puedas intentar darle una oportunidad a esta alternativa.

breakdance

Notas de arquitectura de Redis

Este artículo explica cómo funciona Redis y cómo se compara con Memcached. Aunque esto no tiene nada que ver con el front-end, la ilustración de este artículo ha hecho un gran trabajo que creo que los diseñadores y las personas menos técnicas pueden entender fácilmente.

notas de arquitectura

Grabadora de la biblioteca de pruebas

Una extensión de Chrome para aumentar la productividad con la configuración pruebas automáticas E2E. Como lo tienes instalado en Chrome, encontrarás una nueva opción debajo del Grabadora pestaña en DevTools que le permite descargarlo como un script para usar en Biblioteca de pruebas.

grabador de biblioteca de prueba

Lista de verificación de front-end

Esta lista de verificación cubre las cosas que necesita saber para ser un desarrollador front-end. Proporciona los fundamentos como HTML y CSS, proporciona recomendaciones, mejores prácticas y qué hacer y qué no hacer al desarrollar un sitio web. Ya sea que sea un desarrollador nuevo o experimentado, estoy seguro de que hay algo que aprender de la lista.

lista de verificación de front-end

MUI-X

Representar un gran conjunto de datos, como una lista de tablas y una estructura de directorios, puede ser un desafío. Puede tener un impacto negativo en el rendimiento de su sitio web si no se hace correctamente. Aquí es donde entra en juego la biblioteca MUI-X. Ha sido diseñada específicamente para manejar muchos datos junto con filtrado, clasificación y paginación.

mui-x

Remultar

Remulto es un Biblioteca de JavaScript que proporciona abstracción en TypeScript por CRUD operación. Más específicamente, proporciona REST API como controlador, cliente front-end y generador de consultas de base de datos.

Admite bases de datos comunes como MySQL, MongoDB y SQLite. Si viene de un marco MVC tradicional, debería familiarizarse con él bastante rápido.

resultado

¿Qué hay de nuevo en PHP 8.2?

Este artículo presenta cambios que ocurrirán en PHP8.2. Estoy emocionado de ver cómo PHP ha mejorado en los últimos años, fomentando las mejores prácticas y minimizando las malas prácticas.

php82



Source link

Leer también  Intel planea hacer pública la unidad de automóvil autónomo en los EE. UU. En 2022