Giter VIP home page Giter VIP logo

pink's Introduction

Учебный проект «Pink» от HTML Academy


Описание проекта

Сайт для раскрашивания серых будней в розовый цвет "Pink".

Технические особенности:
1. Адаптивность вёрстки: мобильная, планшетная и десктопная версии («резина»).
2. Адаптивность графики: ретинизация, векторные изображения.
3. Используемая методология: БЭМ.
4. Используемый препроцессор: Less.
5. Используемый инструмент автоматизации: Gulp.
6. Используемые фреймворки: нет.
7. Кроссбраузерность: Chrome, Firefox.

Как использовать

npm install - установка зависимостей.

npm start - сборка проекта в режиме разработки и запуск локального сервера.

npm run build - финальная сборка проекта.

npm test - запуск теста на наличие стилистических ошибок.

npm run deploy - финальная сборка проекта и публикация на GitHub Pages.


Структура проекта

.
├── source/                   # каталог для размещения исходных файлов проекта
│   ├── fonts/                # каталог шрифтов
│   ├── img/                  # каталог растровых и векторных изображений
│   │   ├── favicon/          # каталог растровых и векторных изображений для фавиконок
│   │   └── icons/            # каталог векторных изображений для создания спрайта
│   ├── js/                   # каталог JS файлов
│   ├── less/                 # каталог для размещения файлов стилей .less
│   │   ├── blocks/           # каталог файлов стилей .less
│   │   ├── global/           # каталог файлов стилей .less
│   │   └── style.less/       # файл подключения стилей .less
│   ├── catalog.html          # файл разметки страницы каталога
│   ├── favicon.ico           # файл фавиконка
│   ├── form.html             # файл разметки страницы формы
│   ├── index.html            # файл разметки главной страницы
│   └── manifest.webmanifest  # файл выбора фавиконок
├── .editorconfig             # файл конфигурации настроек редактора
├── .gitattributes            # файл атрибутов Git
├── .gitignore                # файл исключений Git
├── .stylelintrc              # файл конфигурации stylelint
├── Readme.md                 # документация проекта
├── Specification.md          # техническое задание
├── gulpfile.js               # каталог задач для Gulp
├── package-lock.json         # lock-файл npm
└── package.json              # файл npm зависимостей и настроек проекта

pink's People

Contributors

ks123kirill avatar keksobot avatar dependabot[bot] 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.