CSSをメンテナブルにするstylelint入門
はじめに CSS の品質管理には、頭を抱えた方も多いのではないでしょうか。 ですが、CSS の品質管理ツールをどのように活用するのか議論が少ない印象を持っております。 Vue CLIやCreate React App などのフロントエンド開発ツールには ESLintの設定が含まれていますが、CSS の linter は含まれてないのです。 そこで、stylelint の特徴や機能を使って、エラーを検知、フォーマットの一貫性やスタイリングの重複を防ぐ方法について解説します。 この記事は、stylelint の使い方やあまり知られていないルールやプラグインついても紹介します。 styelintとは？ stylelintの公式ドキュメントから引用すると A mighty, modern linter that helps you avoid errors and enforce conventi
Figma によるデザインシステム入門
本書は Figma によるデザインシステムコースの日本語訳になります。デザインシステムに興味がある人や構築しようとしている人もチェックしてみてください。デザインシステムに縁のないデザイナーや開発者のためにプロダクトと向き合った最適なデザインシステムを探求するための材料になれば嬉しく思います。 (原文 : https://help.figma.com/hc/en-us/sections/14548397990423-Course-Introduction-to-design-systems) この記事は、Figmaから許可を得た上で翻訳され、Brand Guidelineに則った内容となっております。(Brand Guideline: https://www.figma.com/ja/using-the-figma-brand/) ## 更新情報 [2023/7/1] - 表紙画像に、このコ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
