Dan OC

UI developer Joined almost 5 years ago

  • 1 story
  • Posted to Global Styleguides in Zeplin—connecting design systems to engineering, in reply to Pelin Kenez , Jun 20, 2019

    connecting design systems to engineering


    Engineers can now clearly see the component names from within a design, promoting reusability

    So the only new connection is that it is now more obvious for engineers where visual components have been reused, or am I missing something?

    1 point
  • Posted to The perils of functional CSS, in reply to Philip A , Jun 11, 2019

    I am a huge fan of functional CSS. The part I really disliked was having to use a ton of classes for reusable elements.

    <!-- Repeating these classes for every button can be painful --> Button

    But then I saw the extracting-components page from Tailwind and I was sold.

    .btn-blue { @apply bg-blue-500 text-white font-bold py-2 px-4 rounded; }

    2 points
  • Posted to The Most Hated UI & UX Pattern of 2018, Jul 05, 2018

    The articles opinion about 'fake' preloaders are a load of rubbish.

    It is much better to tell the user that something is happening, rather than just leave an empty space giving zero feedback.

    Yes, usually poor performance is the cause of such things, but it can also be that the user just has a slow internet connection.

    0 points
  • Posted to How is Invision Studio?, Jan 15, 2018

    I heard the Enterprise tool costs 60k euros per year... pretty crazy.

    0 points
  • Posted to How building a design system empowers your team to focus on people — not pixels., in reply to Mattan Ingram , Jan 10, 2018

    What I have seen over the past few years is how the expectations of developers and designers have changed so drastically and the list skill sets they should possess has just continued to grow.

    In reality, there are very few, real, 'full-stack' designers or developers and everything ends up being watered down. It seems to create a void somewhere between design and development.

    It really feels like a hybrid design-developer role should become more of a thing.

    1 point
  • Posted to InVision Design System Manager + Brand.ai Joins InVision, Oct 26, 2017

    Amazing stuff! I am curious about the developer integration though.

    Are the class names generated via the symbol names? If so, how optimised is the output?

    For example now, a button would look something like:

    .btn { border: none; padding: 2rem; }

    .btn--primary { background-color: orange; color: white; }

    .btn--secondary { background-color: purple; color: pink; }

    Is the generated code attaching all styles to a single class? This really bulks out the size of the CSS file by code duplication. Instead of the above, the output of the CSS would look something like:

    .btn--primary { border: none; padding: 2rem; background-color: orange; color: white; }

    .btn--secondary { border: none; padding: 2rem; background-color: purple; color: pink; }

    2 points
Load more comments