Pattern Lab Reviews

Stylus Reviews

Pattern Lab mentions (6)

• Unlocking the frontend – a call for standardizing component APIs pt.2

  While this helped ease integration work, in parallel to that we also started exploring more systematic approaches on the frontend side itself. With the advent of Brad Frost Atomic Design, and tools like Pattern Lab, we started using a more component-centric approach. This included colocating all styling (CSS), behavior (JavaScript) and semantic structure (HTML) for a component, and way better encapsulation as a... - Source: dev.to / 3 months ago

• Atomic Design: A Methodology for Building Design Systems

  In order to apply this methodology in your work, you can use a tool called Pattern Lab, created by Brad Frost and Dave Olsen. Pattern Lab is a tool to create atomic design systems. - Source: dev.to / 12 months ago

• Integrating Accessibility In The Web Development Process

  Something that would really help to work with tested components and stay consistent with the code and guarantee code quality would be a component library created with Storybook or Pattern Lab, for example. Developers who have a high level of knowledge of how to write accessible code can create components and test them before implementing them. - Source: dev.to / almost 2 years ago

• How do you make the styling of the site flexible to fast change, but not tedious to actually go in and change every single detail?

  You can read more about Atomic Design Systems and how it scales. I've used Patternlab and I find it awesome. Source: over 2 years ago

• fractal.build as an atomic design tool

  Fractal seemed easier, at least to me, to understand and maintain, than PatternLab, which I failed to install due a bug in the current installer (and when I managed to install the grunt version, I was already told that there is fractal as a possible alternative). - Source: dev.to / over 2 years ago

Stylus mentions (11)

• Future of CSS: Functions and Mixins

  Traditionally CSS lacked features such as variables, nesting, mixins, and functions. This was frustrating for Developers as it often led to CSS quickly becoming complex and cumbersome. In an attempt to make code easier and less repetitive CSS pre-processors were born. You would write CSS in the format the pre-processor understood and, at build time, you'd have some nice CSS. The most common pre-processors these... - Source: dev.to / 3 months ago

• Quick Guide To CSS Preprocessors

  The Stylus is built on Node.js. It differs from Sass and Less, which are more opinionated to the syntax; the stylus allows you to omit semicolons, colons, and braces if you want at any time. Another cool feature is that the stylus has a property lookup feature. You can do that easily if you set property X relative to property Y's value. The stylus can be more concise because of its flexibility, but it depends on... - Source: dev.to / over 1 year ago

• Install Angular

  Ng new test1 ? Would you like to add Angular routing? Yes ? Which stylesheet format would you like to use? > CSS SCSS [ http://sass-lang.com ] SASS [ http://sass-lang.com ] LESS [ http://lesscss.org ] Stylus [ http://stylus-lang.com ]. - Source: dev.to / over 1 year ago

• Is there a way to shorten .contactform h2,… and to say something like .contactform (h2, ul, label)?

  First of all, quit using css. get on board Stylus @ https://stylus-lang.com/. Source: over 1 year ago

• Is a bracket within a bracket possible? (HTML/CSSS)

  The term you are looking for is "nesting". CSS currently does not support it. But there is a draft being worked on. No browser currently supports it, though. Most CSS Pre- or Postprocessors like Sass, Less, Stylus, PostCSS support nesting. Source: almost 2 years ago