https://github.com/zualex/frontend-template

Simple responsive template
https://github.com/zualex/frontend-template

autoprefixer gulp npm responsive sass template twig

Last synced: 2 days ago
JSON representation

Simple responsive template

• Host: GitHub
• URL: https://github.com/zualex/frontend-template
• Owner: zualex
• Created: 2015-07-19T11:27:54.000Z (over 9 years ago)
• Default Branch: master
• Last Pushed: 2017-02-25T12:24:11.000Z (almost 8 years ago)
• Last Synced: 2023-03-02T23:32:53.370Z (almost 2 years ago)
• Topics: autoprefixer, gulp, npm, responsive, sass, template, twig
• Language: HTML
• Homepage: http://zualex.github.io/frontend-template/
• Size: 3.41 MB
• Stars: 28
• Watchers: 7
• Forks: 15
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Simple responsive template

The template used responsive:

- Grid of 12 columns

- Table

- Menu with 4 types of animation:

  - Fold Out

  - Slide Down

  - Fade In/Out

  - Not Animated

The template uses:

- [Gulp](http://gulpjs.com/)

- [Browser-sync](https://www.browsersync.io/) - automatic restart when changing the code page

- [Sass](http://sass-lang.com/)

- [Autoprefixer](https://github.com/postcss/autoprefixer)

- Merge and compress CSS and JavaScript

- Combining images into a sprite

- [Sass Guidelines](http://sass-guidelin.es/) An opinionated styleguide for writing sane, maintainable and scalable Sass.

## Get started

Install packages:

```bash

npm install

```

Create environment file:

```bash

cp config.json.example config.json

```

And run command:

```bash

gulp

```

## Commands gulp

- `gulp start` - run browserSync

- `gulp reload` - reload browserSync

- `gulp build:sprites` - combining images into a sprite

- `gulp build:css` - merge and compress CSS

- `gulp build:js` - merge and compress JavaScript

- `gulp build:html` - build html from twig

- `gulp compile` - run commands `build:sprites`, `build:css`, `build:js`, `build:html`

- `gulp` - run command `start`, `compile` and watch file

## Сonfig

In config.json file specifies the path to the source