From the course: CSS: Design Systems and Architectures
Unlock the full course today
Join today to access over 22,600 courses taught by industry experts or purchase this course individually.
Editor settings, tools, and setup - CSS Tutorial
From the course: CSS: Design Systems and Architectures
Editor settings, tools, and setup
- [Narrator] Many programming languages rely on indentation for readability, and for some languages it's part of the syntax. So the first thing I would like to do is set my text editor preferences for consistent indentation. The options are between an indentation width of usually two or four spaces, and hard tabs or soft tabs. Both tab styles may look the same, but hard tabs refer to the ASCII and coding tab character used to advance the cursor to the next stop. Soft tabs use the spaces to replicate this effect. Using different tab styles can result in inconsistencies when multiple are accessing the same files with different configurations, which makes it untidy and harder to read. EditorConfig is a useful tool for enforcing formatting styles. To use this tool, create a config file. Here is a sample. The root value refers to where the config file will be saved. Then specify which file type to apply the rules to using glob patterns. For example, this asterisks is used to match all file…
Contents
-
-
-
-
-
(Locked)
Overview1m 32s
-
(Locked)
Defining the stages and categories4m 40s
-
(Locked)
Editor settings, tools, and setup2m 21s
-
(Locked)
Formatting rules1m 50s
-
(Locked)
Class-based CSS1m 39s
-
(Locked)
Naming conventions with SMACSS3m 6s
-
(Locked)
Base styles3m 6s
-
(Locked)
Modular CSS3m 25s
-
(Locked)
Responsive2m 16s
-
(Locked)
Templates1m 31s
-
(Locked)
-