No video
  • Penpot
  • 2 ай бұрын
  • 1,026
  • 1

Tutorial CSS Grid Layout | Dashboards | Tutorial en español

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.penp...
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/...
* LinkedIn: / penpotdesign
Penpot: Bring Design Collaboration between Designers and Developers.

Пікірлер: 11

  • @danielmunoz2316
    @danielmunoz23162 ай бұрын

    Gracias por este tutorial en castellano

  • @fckn_jeew9372
    @fckn_jeew93722 ай бұрын

    Thet's cool! thnks

  • @superlucky4499
    @superlucky44992 ай бұрын

    Adobe's new ToS sent me here!

  • @ryoukaii22149
    @ryoukaii221492 ай бұрын

    keren🔥

  • @axelhunger
    @axelhunger2 ай бұрын

    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

    @axelhunger

    2 ай бұрын

    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.

  • @BS-gr3bi
    @BS-gr3bi2 ай бұрын

    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.

  • @Penpot

    @Penpot

    Ай бұрын

    Hey! you have this video in english as well. But thanks for the tip!

  • @BS-gr3bi

    @BS-gr3bi

    Ай бұрын

    @@Penpot but title is on english so that is really confusing. Not sure why is that. Then we don't know which one is on english or spanish. That is a mess.

  • @axelhunger
    @axelhunger2 ай бұрын

    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

    @axelhunger

    2 ай бұрын

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