#stylelint — Public Fediverse posts

Линт проектов: собираем ESLint, Prettier и Stylelint в один пакет

В большинстве компаний линтинг со временем превращается в хаос: разные правила ESLint, устаревшие конфиги и копипаста между проектами. Покажу, как навести порядок – собрать линт-инфраструктуру в один пакет и выстроить систему контроля кода для всех репозиториев.

https://habr.com/ru/articles/1038340/

#eslint #prettier #линтинг_кода #stylelint #husky #lint #javascript #typescript #react #madge

Линт проектов: собираем ESLint, Prettier и Stylelint в один пакет

В большинстве компаний линтинг со временем превращается в хаос: разные правила ESLint, устаревшие конфиги и копипаста между проектами. Покажу, как навести порядок – собрать линт-инфраструктуру в один пакет и выстроить систему контроля кода для всех репозиториев.

https://habr.com/ru/articles/1038340/

#eslint #prettier #линтинг_кода #stylelint #husky #lint #javascript #typescript #react #madge

Линт проектов: собираем ESLint, Prettier и Stylelint в один пакет

В большинстве компаний линтинг со временем превращается в хаос: разные правила ESLint, устаревшие конфиги и копипаста между проектами. Покажу, как навести порядок – собрать линт-инфраструктуру в один пакет и выстроить систему контроля кода для всех репозиториев.

https://habr.com/ru/articles/1038340/

#eslint #prettier #линтинг_кода #stylelint #husky #lint #javascript #typescript #react #madge

Линт проектов: собираем ESLint, Prettier и Stylelint в один пакет

В большинстве компаний линтинг со временем превращается в хаос: разные правила ESLint, устаревшие конфиги и копипаста между проектами. Покажу, как навести порядок – собрать линт-инфраструктуру в один пакет и выстроить систему контроля кода для всех репозиториев.

https://habr.com/ru/articles/1038340/

#eslint #prettier #линтинг_кода #stylelint #husky #lint #javascript #typescript #react #madge

🎉 **`[email protected]` is out!**

Stylelint 17 dropped back in January with some fabulous updates (Modern ESM API, fix mode strict by default, position args got _opinions_) — and somehow my tiny "did you remember the copyright header" plugin... just kept working. Five years of "boring on purpose" finally paid off. 💅

Now compatible with stylelint **16 AND 17**. Drop it in, get on with your day.

📦 https://github.com/castastrophe/stylelint-header

#CSS #stylelint #frontend #devtools

Did y'all know I have written a stylelint plugin to inject copyright or licensing data into your CSS files? It supports template variables for dynamic years and flags to support custom matching tolerances. Check it out and let me know if you have any feature ideas! https://github.com/castastrophe/stylelint-header #css #stylelint #tooling #frontend

Any Mediawiki extension devs here that use SublimeText3? I am struggling to get linting and fixing for css/js files working correctly. Could use some advise.

#mediaWiki #linting #eslint #jsprettier #styleLint

Any Mediawiki extension devs here that use SublimeText3? I am struggling to get linting and fixing for css/js files working correctly. Could use some advise.

#mediaWiki #linting #eslint #jsprettier #styleLint

Any Mediawiki extension devs here that use SublimeText3? I am struggling to get linting and fixing for css/js files working correctly. Could use some advise.

#mediaWiki #linting #eslint #jsprettier #styleLint

Any Mediawiki extension devs here that use SublimeText3? I am struggling to get linting and fixing for css/js files working correctly. Could use some advise.

#mediaWiki #linting #eslint #jsprettier #styleLint

Any Mediawiki extension devs here that use SublimeText3? I am struggling to get linting and fixing for css/js files working correctly. Could use some advise.

#mediaWiki #linting #eslint #jsprettier #styleLint

В поисках хорошего стиля. Часть 1. Зачем нам свои линтеры на Go в Островке

Мы написали свои линтеры для Go, которые умеют находить пустые инициализации и проверять экспортируемость полей и методов типов. Сегодня мы поговорим о том, как наша команда пришла к собственному линтеру, и немного погрузимся в детали его реализации. Всем привет! Меня зовут Артём Блохин, я Golang-разработчик в команде интеграций Островка. Если бы «Рождественская история» Чарльза Диккенса была про стиль кода, то получилось бы как-то так: «Начнём сначала: код‑стайл умер. Сомневаться в этом не приходилось. Свидетельство о его погребении было подписано девопсом, архитектором и тимлидом. Оно было подписано разработчиком Островка.» Отправиться на поиски хорошего стиля

https://habr.com/ru/companies/ostrovok/articles/839514/

#островок #линтеры #golang #ast #stylelint #style_guide

В поисках хорошего стиля. Часть 1. Зачем нам свои линтеры на Go в Островке

Мы написали свои линтеры для Go, которые умеют находить пустые инициализации и проверять экспортируемость полей и методов типов. Сегодня мы поговорим о том, как наша команда пришла к собственному линтеру, и немного погрузимся в детали его реализации. Всем привет! Меня зовут Артём Блохин, я Golang-разработчик в команде интеграций Островка. Если бы «Рождественская история» Чарльза Диккенса была про стиль кода, то получилось бы как-то так: «Начнём сначала: код‑стайл умер. Сомневаться в этом не приходилось. Свидетельство о его погребении было подписано девопсом, архитектором и тимлидом. Оно было подписано разработчиком Островка.» Отправиться на поиски хорошего стиля

https://habr.com/ru/companies/ostrovok/articles/839514/

#островок #линтеры #golang #ast #stylelint #style_guide

В поисках хорошего стиля. Часть 1. Зачем нам свои линтеры на Go в Островке

Мы написали свои линтеры для Go, которые умеют находить пустые инициализации и проверять экспортируемость полей и методов типов. Сегодня мы поговорим о том, как наша команда пришла к собственному линтеру, и немного погрузимся в детали его реализации. Всем привет! Меня зовут Артём Блохин, я Golang-разработчик в команде интеграций Островка. Если бы «Рождественская история» Чарльза Диккенса была про стиль кода, то получилось бы как-то так: «Начнём сначала: код‑стайл умер. Сомневаться в этом не приходилось. Свидетельство о его погребении было подписано девопсом, архитектором и тимлидом. Оно было подписано разработчиком Островка.» Отправиться на поиски хорошего стиля

https://habr.com/ru/companies/ostrovok/articles/839514/

#островок #линтеры #golang #ast #stylelint #style_guide

New blog: "'New Job, Better Programmer'"
https://michaelchadwick.info/blog/2024/06/15/new-job-better-programmer

#development #dynamic-analysis #emberjs #eslint #husky #introspection #linting #npm #pnpm #programming #static-analysis #stylelint #testing #blog

ブログ書いた。

Stylelint による倫理プロパティ強制は `stylelint-plugin-logical-css` がよさそう
https://blog.w0s.jp/713

#css #stylelint

これは確かにプロパティー覚えるのにも良さそう

https://www.npmjs.com/package/stylelint-use-logical

#CSS #Stylelint

Как автоматизировать использование дизайн токенов с помощью Stylelint и PostCSS

Привет, Хабр! Меня зовут Саша и вот уже 7 лет я работаю фулстек разработчиком и пишу на C# и TypeScript/React. Сегодня я хотел бы поделиться своим небольшим успехом в автоматизации. В какой-то момент я понял, что во время код ревью я указываю разработчикам на одни и те же ошибки. Но, что ещё хуже, я сам время от времени допускаю эти ошибки. Сегодня хочу рассказать об одной из таких проблем, которую я решил с помощью PostCSS + Stylelint, и о том, как я это сделал. Статья будет полезна для разработчиков, которые уже используют или собираются использовать дизайн токены. Начнём!

https://habr.com/ru/articles/779492/

#javascript #stylelint #postcss #дизайнтокены #автоматизация #cssпеременные #линтеры #typescript #плагины

New post: “Never Use ‘Scroll’ Value for Overflow” — about #CSS today!

https://blog.kizu.dev/never-use-overflow-scroll/

This post is prompted by the website for the new “monaspace” family of fonts.

The problem there was the `scroll` value for any of the `overflow` properties. Don’t use it.

In my post, I tell why, and how this can be prevented by #stylelint (and better testing).

#Stylelint version 15 deprecates stylistic rules.

This means we had to install #Prettier in our project 🤦‍♂️ Yay for another dependency :blobcat_sadlife:

➡️ https://stylelint.io/migration-guide/to-15/

#WebDevelopment #CSS :css3: #Frontend

#Stylelint deprecated all stylistic rules and #ESLint is also kinda moving in that direction.

Maybe it’s finally time to take a look at #Prettier? 🤔

But I definitely have to configure it so code stays readable and doesn’t become this mess of seemingly random line breaks.

Ever looked at what Prettier does to JS template literals? It’s certainly something 😬

https://stylelint.io/migration-guide/to-15

New releases by me:

- stylelint-a11y 1.2.7 https://github.com/ronilaukkarinen/stylelint-a11y/releases/tag/1.2.7
- gulp-stylelint 14.1.1 https://github.com/ronilaukkarinen/gulp-stylelint/releases/tag/14.1.1
- devpackages 2.5.3 https://github.com/digitoimistodude/devpackages/releases/tag/2.5.3
- air-light 9.2.9 https://github.com/digitoimistodude/air-light/releases/tag/9.2.9

#OpenSource #CSS #Stylelint #WebDev #WordPress #WordPressStarterThemes #wpfi #Gulp

"As of Stylelint v15 all style-related rules have been deprecated."

Even this sentence doesn't make any sense. Stylelint is all about styles.

I actually liked having formatting and pretty printing all in the stylelint itself without the need of other plugins.

Modularization goes too far sometimes. Just look at all the postcss plugins... #CSS #Stylelint #WebDev #Prettier

https://stylelint.io/migration-guide/to-15

Remembered the time when I contributed to #OpenSource and did two #stylelint PRs that are already merged:

1. https://github.com/stylelint/stylelint/pull/6589 — makes the messages a bit more configurable for a number of rules.

2. https://github.com/stylelint/vscode-stylelint/pull/442 — exposes one of the stylelint settings in its vscode extension.

Need to do this more.

I spent the entire morning overhauling my #stylelint configuration. Going through the list of rules and setting up *everything* is kinda fun 😁

Have to test this with a real project before release.

https://github.com/pangolinjs/stylelint-config

There should be versions of `eslint-disable`, `stylelint-disable` (-line etc) that would instead of removing the errors & warnings, reduce the severity: removing the warnings, and making errors into warnings.

This way it would be possible to mark something be safe to pass the CI, but keep the visible warning.

Otherwise, we basically need to make a separate rule that targets the disabling comment for a specific rule and gives a warning for it, which is a bit meta.

#frontend #eslint #stylelint

Has anyone experimented with rome as a replacement for #Prettier and #ESLint / #stylelint? They've just released version 10 that is rewritten in #rustlang, for crazy perf gains. I'm curious what the migration would be like. One downside is that it sounds like they don't support any kind of plugins, so far.

RT @sebmck: https://twitter.com/sebmck/status/1589987087780302848

Announcement: https://rome.tools/blog/2022/11/08/rome-10.html

#javascript