Tutorial CSS Grid Layout | Dashboards

Juan nos explica en este mini tutorial, las nociones básicas de cómo usar CSS Grid Layout para dashboards en combinación con flex layout.
Esta funcionalidad es una forma completamente novedosa y única que permite distribuir los elementos dentro de un layout de manera bidimensional y automática . Esta distrubución en grid tiene una implementación directa en CSS, lo que facilita y aligera el trabajo en la fase de desarrollo.
--
Penpot is the first open-source collaborative design tool that bridges the gap between designers and developers.
Penpot allows a true collaboration between designers and developers thanks to features like Flex Layout and Code Inspect. It’s the only one that can be web based or self-hosted. The tool works with open web standards (SVG) avoiding vendor lock-in and giving teams absolute freedom in their designs.
You can use it for your mockups, webs, apps and any other type of UX & UI Design
- Penpot Community -
community.penpot.app
Design: penpot.app​​
Help: help.penpot.app​
Contribute: github.com/penpot
Flex Layout: penpot.app/layout
Penpot Fest: penpotfest.org
Follow us:
* X: / penpotapp ​​
* Instagram: / penpot.app
* Github: github.com/penpot
* Mastodon: fosstodon.org/@penpot/​
* LinkedIn: / penpotdesign
Penpot: Bring Design Collaboration between Designers and Developers.

[@danielmunoz2316]

Gracias por este tutorial en castellano

[@fckn_jeew9372]

Thet's cool! thnks

[@superlucky4499]

Adobe's new ToS sent me here!

[@ryoukaii22149]

keren🔥

[@BS-gr3bi]

I would suggest to put the language in which the video clip is in brackets at the end in title, or title to be on that language. Also if there is a translation of video to be in the title.

[@axelhunger]

Tengo una idea pero no he usado penpot. Si primero me podrían dar una Demo, luego explicarles una idea que sería interesante implementar pero no existe. Podría tal vez hacerlo en figma un mock up y explicarles la idea. Es como funciona OUTLOOK.

[@axelhunger]

Es para una forma de prototipar, sin que desaparezca la otra. Empieza cliqueando un botón... y hacer muchas cosas. La cosa digan los desarrolladores, eso se puede hacer y no importa el tiempo que nos tome.

[@axelhunger]

Preferirian que la UI FUERAN LOS MAS SIMILARES A FIGMA. Es una cuestion de psicologia, carga cognitiva, aprendizaje, flujo de trabajo. Hay muchos libros que hablan de eso cómo la UX LAWS, LA LEY DE JACOB Y ABOUT FACE. Imaginate que cada comando fuera distinto en un software y no pudieras personalizarlo. Ayuda a los usuarios también a criterios usar iconos consistente a los existentes que estan acostumbrados a ver. Y también el copy, por favor. Eso mínimo que digo, causaría una gran impacto de mejora para el negocio como la UX,

[@axelhunger]

A futuros años, luego ME HICIERON CASO, Y DESARROLLAN UN NUEVO DESIGN SISTEM. Entrevista a usuarios. Haz prueba a/b Mide.