Стайлгайд: начало

Талгат Успанов, Bee Software. FrontendFellows №6, 29.07.2016

fb.com/astfrontend

Стайлгайд: начало

Талгат Успанов, Bee Software.

tema.livejournal.ru

Стайлгайд

Руководство по стилю - это такой вид документации, который помогает нам всем (дизайнерам, разработчикам, контент-менеджерам) следовать определённым правилам, чтобы быть последовательными в проекте

(с) кто-то в интернетах

Фронтенд стайлгайд

Руководство по стилю контента

Руководство по стилю кода

learn.javascript.ru
trulycode.com

EditorConfig

.editorconfig 

root = true
[*]
indent_style = space
indent_size = 2
trim_trailing_whitespace = true
insert_final_newline = true
[*.html]
indent_size = 4

Eslint

1. Текстовый редактор / IDE

.eslintrc

.eslintrc 

{
  "rules": {
      "no-console": 0, // 'off'
      "no-empty": 1, // 'warn'
      "indent": [2, 2], // 'error'
      ...
    }
}

Уведомления в консоли

HTML, CSS

Библиотека паттернов / UI компоненты

Draft U.S. Web Design Standards

Исследование

bradfrost.com

Прототипирование

Samantha Warren

Создание

Draft U.S. Web Design Standards

От простого к сложному

Принципы

Стайлгайд

Полезные ссылки

Руководство по стилю контента

Руководство по стилю кода

Библиотека паттернов / UI компоненты

Талгат Успанов

Вопросы?