home.social

#atomicdesign — Public Fediverse posts

Live and recent posts from across the Fediverse tagged #atomicdesign, aggregated by home.social.

  1. En back, WordPress ne reste ni plus, ni moins que du PHP (certes, moins "conventionnel" que des frameworks modernes, mais si tu l’utilises comme une dépendance via Bedrock, tu as un excellent compromis).

    En front, c’est du HTML / CSS / JS. Se contenter de builder type Elementor ou Divi va vite polluer ton DOM et nécessiter une quantité morbide d’assets. Gutenberg offre selon moi la meilleure UX, autant pour le contributeur, que le designer ou le développeur #AtomicDesign

  2. Is it time to ditch Gulp + SCSS for my #Drupal 11 projects? 🤔

    As a back-end dev who usually avoids the theme layer, I’m looking at Atomic Design with Tailwind and Storybook. The idea of building in a sandbox instead of fighting global CSS sounds like a dream, but the Webpack/SDC overhead is giving me pause.

    Has anyone made this jump? Is it a developer's paradise or just a shiny new version of the same old front-end headaches?

    #WebDev #TailwindCSS #Storybook #AtomicDesign

  3. Is it time to ditch Gulp + SCSS for my #Drupal 11 projects? 🤔

    As a back-end dev who usually avoids the theme layer, I’m looking at Atomic Design with Tailwind and Storybook. The idea of building in a sandbox instead of fighting global CSS sounds like a dream, but the Webpack/SDC overhead is giving me pause.

    Has anyone made this jump? Is it a developer's paradise or just a shiny new version of the same old front-end headaches?

    #WebDev #TailwindCSS #Storybook #AtomicDesign

  4. 𝗨𝗻𝗼𝗖𝗦𝗦:

    #CSS #AtomicDesign #Unocss

    thewhale.cc/posts/unocss

    The instant on-demand Atomic CSS engine. UnoCSS is an engine instead of a framework because there are no core utilities - all the functionalities are provided via presets or inline configurations. We are imagining UnoCSS being able to simulate the functionalities of most of the existing atomic CSS frameworks. And possibly have been used as the engine to create some new atomic CSS frameworks!

  5. 𝗨𝗻𝗼𝗖𝗦𝗦:

    #CSS #AtomicDesign #Unocss

    thewhale.cc/posts/unocss

    The instant on-demand Atomic CSS engine. UnoCSS is an engine instead of a framework because there are no core utilities - all the functionalities are provided via presets or inline configurations. We are imagining UnoCSS being able to simulate the functionalities of most of the existing atomic CSS frameworks. And possibly have been used as the engine to create some new atomic CSS frameworks!

  6. 𝗨𝗻𝗼𝗖𝗦𝗦:

    #CSS #AtomicDesign #Unocss

    thewhale.cc/posts/unocss

    The instant on-demand Atomic CSS engine. UnoCSS is an engine instead of a framework because there are no core utilities - all the functionalities are provided via presets or inline configurations. We are imagining UnoCSS being able to simulate the functionalities of most of the existing atomic CSS frameworks. And possibly have been used as the engine to create some new atomic CSS frameworks!

  7. Certes, les interfaces ont peu évolué durant des années. Celleux qui refusent Gutenberg et FSE restent sur une image vieillotte de TinyMCE, ou de panneaux “incompréhensibles” et lourds de page builders plus ou moins qualitatifs.

    Hors, WordPress a changé !

    Il a notamment intégré la logique #AtomicDesign depuis 2018 via #Gutenberg. Et là est la vraie plus value des designers contribuant à l’open source. Fini les complaintes larmoyantes, voilà des actions concrètes.

  8. En quelques clics et glisser / déposer, je peux rapidement créer des palettes personnalisées, et mettre en page différents éléments de contenus : atomes, molécules, organismes… Je suis la logique #AtomicDesign, j’assemble les petites briques pour en faire des compositions, également assemblées entre elles pour en faire des pages.

  9. En quelques clics et glisser / déposer, je peux rapidement créer des palettes personnalisées, et mettre en page différents éléments de contenus : atomes, molécules, organismes… Je suis la logique #AtomicDesign, j’assemble les petites briques pour en faire des compositions, également assemblées entre elles pour en faire des pages.

  10. #AtomicDesign の人も #X やめるみたい。
    おれもどーしよっかなーってずっと言ってるけどアカウントはまだ消せてないんだよな〜 :tony_neutral:

    mastodon.social/@brad_frost/11

  11. #AtomicDesign の人も #X やめるみたい。
    おれもどーしよっかなーってずっと言ってるけどアカウントはまだ消せてないんだよな〜 :tony_neutral:

    mastodon.social/@brad_frost/11

  12. #AtomicDesign の人も #X やめるみたい。
    おれもどーしよっかなーってずっと言ってるけどアカウントはまだ消せてないんだよな〜 :tony_neutral:

    mastodon.social/@brad_frost/11

  13. #AtomicDesign の人も #X やめるみたい。
    おれもどーしよっかなーってずっと言ってるけどアカウントはまだ消せてないんだよな〜 :tony_neutral:

    mastodon.social/@brad_frost/11

  14. #AtomicDesign の人も #X やめるみたい。
    おれもどーしよっかなーってずっと言ってるけどアカウントはまだ消せてないんだよな〜 :tony_neutral:

    mastodon.social/@brad_frost/11

  15. I am facing the big challenge to establish a #designsystem in my company, together with my lovely team. We're right at the start, despite having #storybook and #figma designs in place. But everything has grown without having a big vision in mind, halfly embracing #atomicdesign. Everything growed so fast. I started to educate myself, maybe somebody have some good resources to recommend? I guess consuming everything what @brad_frost does would help right?

  16. Atomic Design propone una analogía con átomos, moléculas y organismos para diseñar componentes web.

    Como piezas de Lego, todo se construye a partir de elementos básicos. 💻🔧

    #atomicdesign #diseñoweb #innovación

  17. Atomic Design propone una analogía con átomos, moléculas y organismos para diseñar componentes web.

    Como piezas de Lego, todo se construye a partir de elementos básicos. 💻🔧

    #atomicdesign #diseñoweb #innovación

  18. Atomic Design propone una analogía con átomos, moléculas y organismos para diseñar componentes web.

    Como piezas de Lego, todo se construye a partir de elementos básicos. 💻🔧

    #atomicdesign #diseñoweb #innovación

  19. Hearing @brad_frost begin a talk with "remember when websites used the Photoshop slice tool?" I slowly raised my hand. youtube.com/live/9H3tDkZU088?s #AtomicDesign

  20. Hearing @brad_frost begin a talk with "remember when websites used the Photoshop slice tool?" I slowly raised my hand. youtube.com/live/9H3tDkZU088?s #AtomicDesign

  21. Hearing @brad_frost begin a talk with "remember when websites used the Photoshop slice tool?" I slowly raised my hand. youtube.com/live/9H3tDkZU088?s #AtomicDesign

  22. Hearing @brad_frost begin a talk with "remember when websites used the Photoshop slice tool?" I slowly raised my hand. youtube.com/live/9H3tDkZU088?s #AtomicDesign

  23. Hearing @brad_frost begin a talk with "remember when websites used the Photoshop slice tool?" I slowly raised my hand. youtube.com/live/9H3tDkZU088?s #AtomicDesign

  24. Finally took the plunge and ordered a copy of the e-book #AtomicDesign by @brad_frost :

    mastodon.social/@brad_frost/11

    There are still a few days left to take the opportunity he offered!

    Go, grab yours. It's good!

    #CSS #FrontendDevelopment #RecommendedReading

  25. Finally took the plunge and ordered a copy of the e-book #AtomicDesign by @brad_frost :

    mastodon.social/@brad_frost/11

    There are still a few days left to take the opportunity he offered!

    Go, grab yours. It's good!

    #CSS #FrontendDevelopment #RecommendedReading

  26. Finally took the plunge and ordered a copy of the e-book #AtomicDesign by @brad_frost :

    mastodon.social/@brad_frost/11

    There are still a few days left to take the opportunity he offered!

    Go, grab yours. It's good!

    #CSS #FrontendDevelopment #RecommendedReading

  27. Finally took the plunge and ordered a copy of the e-book #AtomicDesign by @brad_frost :

    mastodon.social/@brad_frost/11

    There are still a few days left to take the opportunity he offered!

    Go, grab yours. It's good!

    #CSS #FrontendDevelopment #RecommendedReading

  28. Finally took the plunge and ordered a copy of the e-book #AtomicDesign by @brad_frost :

    mastodon.social/@brad_frost/11

    There are still a few days left to take the opportunity he offered!

    Go, grab yours. It's good!

    #CSS #FrontendDevelopment #RecommendedReading

  29. Like a fine wine, a design system should increase in value over time. We’ll discuss tactics and techniques like team structure, versioning, managing changes and additions to the system, communication strategies, and more to ensure design system provides lasting value to your organisation.

    Design System Maintenance – Covered in @brad_frost ’s Masterclass at Front Conference Zurich. frontconference.com/workshops/ #atomicdesign #masterclass

  30. Like a fine wine, a design system should increase in value over time. We’ll discuss tactics and techniques like team structure, versioning, managing changes and additions to the system, communication strategies, and more to ensure design system provides lasting value to your organisation.

    Design System Maintenance – Covered in @brad_frost ’s Masterclass at Front Conference Zurich. frontconference.com/workshops/ #atomicdesign #masterclass

  31. Like a fine wine, a design system should increase in value over time. We’ll discuss tactics and techniques like team structure, versioning, managing changes and additions to the system, communication strategies, and more to ensure design system provides lasting value to your organisation.

    Design System Maintenance – Covered in @brad_frost ’s Masterclass at Front Conference Zurich. frontconference.com/workshops/ #atomicdesign #masterclass

  32. Like a fine wine, a design system should increase in value over time. We’ll discuss tactics and techniques like team structure, versioning, managing changes and additions to the system, communication strategies, and more to ensure design system provides lasting value to your organisation.

    Design System Maintenance – Covered in @brad_frost ’s Masterclass at Front Conference Zurich. frontconference.com/workshops/ #atomicdesign #masterclass

  33. Like a fine wine, a design system should increase in value over time. We’ll discuss tactics and techniques like team structure, versioning, managing changes and additions to the system, communication strategies, and more to ensure design system provides lasting value to your organisation.

    Design System Maintenance – Covered in @brad_frost ’s Masterclass at Front Conference Zurich. frontconference.com/workshops/ #atomicdesign #masterclass

  34. A style guide reference website is the happy home for all a design system’s ingredients. A robust and well-presented reference site can help a design system truly take root at your organisation. Anatomy of Effective Reference Website – Covered in @brad_frost ’s Masterclass at Front Conference Zurich. frontconference.com/workshops/ #atomicdesign #masterclass

  35. A style guide reference website is the happy home for all a design system’s ingredients. A robust and well-presented reference site can help a design system truly take root at your organisation. Anatomy of Effective Reference Website – Covered in @brad_frost ’s Masterclass at Front Conference Zurich. frontconference.com/workshops/ #atomicdesign #masterclass

  36. A style guide reference website is the happy home for all a design system’s ingredients. A robust and well-presented reference site can help a design system truly take root at your organisation. Anatomy of Effective Reference Website – Covered in @brad_frost ’s Masterclass at Front Conference Zurich. frontconference.com/workshops/ #atomicdesign #masterclass

  37. A style guide reference website is the happy home for all a design system’s ingredients. A robust and well-presented reference site can help a design system truly take root at your organisation. Anatomy of Effective Reference Website – Covered in @brad_frost ’s Masterclass at Front Conference Zurich. frontconference.com/workshops/ #atomicdesign #masterclass

  38. A style guide reference website is the happy home for all a design system’s ingredients. A robust and well-presented reference site can help a design system truly take root at your organisation. Anatomy of Effective Reference Website – Covered in @brad_frost ’s Masterclass at Front Conference Zurich. frontconference.com/workshops/ #atomicdesign #masterclass

  39. The heart and soul of a successful design system is a component library that lives in code and directly powers an organisation's software products. We'll cover all that goes into creating a UI component library that's reusable, flexible, extensible, and easy to work with.

    Creating a rock-solid component library. Covered in @brad_frost ’s Masterclass at Front Conference Zurich. frontconference.com/workshops/ #atomicdesign #masterclass

  40. The heart and soul of a successful design system is a component library that lives in code and directly powers an organisation's software products. We'll cover all that goes into creating a UI component library that's reusable, flexible, extensible, and easy to work with.

    Creating a rock-solid component library. Covered in @brad_frost ’s Masterclass at Front Conference Zurich. frontconference.com/workshops/ #atomicdesign #masterclass

  41. The heart and soul of a successful design system is a component library that lives in code and directly powers an organisation's software products. We'll cover all that goes into creating a UI component library that's reusable, flexible, extensible, and easy to work with.

    Creating a rock-solid component library. Covered in @brad_frost ’s Masterclass at Front Conference Zurich. frontconference.com/workshops/ #atomicdesign #masterclass

  42. The heart and soul of a successful design system is a component library that lives in code and directly powers an organisation's software products. We'll cover all that goes into creating a UI component library that's reusable, flexible, extensible, and easy to work with.

    Creating a rock-solid component library. Covered in @brad_frost ’s Masterclass at Front Conference Zurich. frontconference.com/workshops/ #atomicdesign #masterclass