stylelint Reviews and Details

Is stylelint good?

Social recommendations and mentions

• Codemod for ignoring lint errors

  Meet my new codemod, ignore-lint-errors. It helps us ignore lint errors from eslint, stylelint, and typescript (glint for Ember projects). - Source: dev.to / 3 months ago

• Web development is fun again

  Says who? There have been CSS generators and preprocessors since 2006, not to mention all the tools which turn mockups into CSS. LLMs have no problem generating CSS. Lots of developers need to relearn CSS; the book Every Layout is a good start [5]. [1]: https://css-tricks.com/dont-fight-the-cascade-control-it/ [2]: https://stylelint.io [3]: https://github.com/microsoft/vscode-css-languageservice [4]:... - Source: Hacker News / 7 months ago

• No More Messy Code: How to Master HTML, CSS, and JS Linting in VS Code Like a Pro

  For CSS, Stylelint can catch duplicate properties, invalid values, or even vendor prefix issues. - Source: dev.to / 7 months ago

• Improving Code Quality with Linting

  You can even lint your stylesheets if you're working with CSS. One of my favourite tools for that is Stylelint. Similar to ESLint, it's configuration-based and lets you define what rules you want to include, it also has a recommended configuration that you can extend from. - Source: dev.to / almost 2 years ago

• CSS Variable Naming: Best Practices and Approaches

  Stylelint: A modern, flexible linter for CSS that can be configured to check variable consistency. PostCSS: A tool that transforms CSS with plugins, including variable checks. CSS Linter: A specific tool to ensure correct and consistent use of CSS variables. Conclusion 🔗. - Source: dev.to / about 2 years ago

• BEM Modifiers in Pure CSS Nesting

  Once upon a time, when native CSS nesting was just starting to be discussed, I thought, "Nesting? In pure CSS? I will never use that!" But over time, I got used to it, and now I even like it. Will the same happen with native CSS mixins, or, heaven forbid, native CSS loops? I want to say no, but I will not make predictions. At the very least, with experience, I have become acquainted with a wonderful tool like... - Source: dev.to / about 2 years ago

• Streamline Your Workflow: A Guide to Normalising Git Commit and Push Processes

  There are more linting tools that I won't go into deeply, but you can integrate them with lint-staged. For example, you can lint your CSS content with Stylelint, or even lint your README files with markdownlint, etc. - Source: dev.to / about 2 years ago

• Why it is Important to Update Linters and How to Do it Right

  Another common way to extend configs in linters is using the extends key in the configuration file. Let's take StyleLint as an example:. - Source: dev.to / over 2 years ago

• How to Improve Development Experience of your React Project

  Stylelint is similar to ESLint, but its focus is on styling rather than JavaScript. It helps you find errors in style files, such as old syntax or empty classes. We will also incorporate stylelint-config-clean-order to sort your style rules and group them consistently across the entire codebase. - Source: dev.to / over 2 years ago

• Don't sound like a robot: use CSS to Control Text-to-Speech

  As the property is still experimental, stylelint does not recognize it yet at the time of writing this, so let's explicitly disable the property-no-unknown rule only where we use it by adding a stylelint-disable comment and re-enable it afterwards. - Source: dev.to / about 3 years ago

• How to Effortlessly Improve a Legacy Codebase Using Robots

  Run static analysis e.g. Lint with lockfile-lint, Stylelint, ESLint, check for unimported files using unimported, and identify potential security vulnerabilities. Source: about 3 years ago

• How can I have CSS automatically formatted so that all of the properties are in order by length, as I type?

  I use StyleLint (https://stylelint.io/) to lint my css/scss. I don't think that's a rule, but writing a custom rule isn't too tough. And you can use the vscode extension - https://marketplace.visualstudio.com/items?itemName=stylelint.vscode-stylelint. Source: over 3 years ago

• Deno Fresh PostCSS: Future CSS with Deno

  The complete code for this project is in the Rodney Lab GitHub repo. I do hope the post has either helped you with an existing project or provided some inspiration for a new one. As an extension, you can add all your favourite future CSS rules to the PostCSS config. Beyond PostCSS for linting your input CSS, consider trying stylelint. - Source: dev.to / over 3 years ago

• 20 Best Libraries and Tools for React Developers

  Stylelint helps prevent errors and ensures style conventions. - Source: dev.to / over 3 years ago

• Automated Frontend Workflow

  After installation, it will generate a lefthook.yml file which can be customized to perform a static code analysis before committing the code. For example, it can ensure that the git commit follows the git-conventional-commits, and use Prettier, ESLint, and Stylelint to check, format, and fix any file which will be committed and run any test related with Vitest depending on the filetype and run each in parallel. - Source: dev.to / over 3 years ago

• Improve your Vue 3 accessiblity with linters & git hooks

  Next we also want to lint our CSS, because we can also have accessibility issues there. We can do this by adding the stylelint linter to our project. The configuration there depends on what CSS processing you're using. For this case, we'll use CSS modules:. - Source: dev.to / over 3 years ago

• Advice for experienced dev taking on front-end role?

  Tooling takes away alot of headaches and saves yourself from "being clever" (stupid). Most front-end tooling can be run out of the nodeJS runtime, so even if your stack isn't JS oriented, it's still worth running node. The obvious shoutouts: Vite, eslint, stylelint, postCSS, browserslist. Playwright is somethin else you can give a look at if your scope of work is large enough. Source: over 3 years ago

• Is There Too Much CSS Now?

  you'll never see any error messages or warnings in devtools / IDEs when you try. I’ve seem dev tools highlight code that either doesn’t make sense or doesn’t have any affect. I wonder if something like Stylelint [1] would catch this. [1]: https://stylelint.io. - Source: Hacker News / over 3 years ago

• The missing chapter of Code Reviews

  Lint - Tools such as ESLint and Stylelint can help you enforce various rules in javascript and css - code styles, restricting use of certain methods etc. - Source: dev.to / almost 4 years ago

• Automating Tests using CodeceptJS and Testomat.io: First Steps

  Before starting build and test, let's also make sure that our source code passes static quality control, by adding the popular linting tools (eslint for JavaScript and stylelint for CSS) at the beginning of our test tool chain:. - Source: dev.to / almost 4 years ago

• Any color preview plugins that support `modern` rgb() css functions?

  I am seeing this specifically in scss modules linted with stylelint.io which will auto "fix" them to the new spec. Source: almost 4 years ago