Giter VIP home page Giter VIP logo

bbrf-html-starter's Introduction

HTML STARTER

Используя html-starter, мы создаём из лучших практик построения css основу для нового проекта. ( по умолчанию темная цветовая тема)

В котором настроенны:

✅ HTML

Что это?

Это код, который используется для структурирования и отображения веб-страницы и её контента.
✅SCSS

Что это?

Вы можете изменять  настройки в вашем проекте. 
Для  автоматического комполирования файлов css необходимо запустить 

Live Sass Compiler

Что это?

В проекте scss создает 2 css файла style-light style-dark 
для разных цветовых тем.

Конфигурации нужно изменять в файлах variables_light.scss variables_dark.scss 
  • ✅@import
✅ ESLintint

Что это?

ESLint статически анализирует ваш код, чтобы быстро найти проблемы. Он встроен в большинство текстовых редакторов.
✅ Stylelint

Что это?

Мощный современный линтер, который поможет вам избежать ошибок и обеспечить соблюдение соглашений в ваших стилях.
✅ Prettier

Что это?

Форматировщик кода Поддерживает множество языков интегрируется с большинством редакторов.
  • ✅ Readme
  • ☑️ Gitignore

Lax 2.0 Gif

Команды

Установить зависимости npm i
Запустить ESLint npm run lint --fix
Запустить StyLelint npm run stylelint --fix

Для запуска потребуется

  • Этот репозиторий
git clone https://github.com/VladislavBobyrev/bbrf-html-starter .
  • NPM
npm i -D eslint-config-airbnb-base stylelint stylelint-order stylelint-scss stylelint-color-format prettier
  • Live Sass Compiler
https://marketplace.visualstudio.com/items?itemName=ritwickdey.live-sass
  • Live Server
https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer
  • браузер

Связвться со мной

**ВНИМАНИЕ!** Вся конфигурация является открытой.

**ВНИМАНИЕ!** На компьютере должны быть установлены программы `node` и `npm`. Генерация занимает много времени за счёт установки `node_modules`. Необходимо дождаться окончания этого процесса.

bbrf-html-starter's People

Contributors

vladislavbobyrev avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.