https://github.com/yauhenkavalchuk/starting_template
Стартовый шаблон для вёрстки веб-проектов
https://github.com/yauhenkavalchuk/starting_template
css gulp sass scss template
Last synced: 6 months ago
JSON representation
Стартовый шаблон для вёрстки веб-проектов
- Host: GitHub
- URL: https://github.com/yauhenkavalchuk/starting_template
- Owner: YauhenKavalchuk
- Created: 2015-10-24T15:41:42.000Z (almost 10 years ago)
- Default Branch: master
- Last Pushed: 2016-12-12T14:13:05.000Z (almost 9 years ago)
- Last Synced: 2025-04-04T01:04:36.678Z (6 months ago)
- Topics: css, gulp, sass, scss, template
- Language: CSS
- Homepage: http://youtube.com/c/YauhenKavalchuk/
- Size: 520 KB
- Stars: 11
- Watchers: 3
- Forks: 4
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Starting_template
Starting template is a front-end HTML5/SCSS/JS template. Featuring the latest technologies and impeccable code this download is the ideal starting point for any web project.
## Gulp - Start Guide
> **Need to ensure you have everything on your machine:**
>1. Node.js
>2. npm
>3. Bower
**In root of template, use commands:**
- npm i
- bower i
- gulp (Run project)
- gulp build (Build project)
### SASS Partials
The partials directory is where most of the CSS is constructed. Plan ahead and think how to structure these.
- components:
- _global.scss
- _variables.scss
- helpers:
- _global.scss
- _extends.scss
- _media.scss
- _mixins.scss
- sections:
- _header.scss
- _footer.scss
- vendors:
- _global.scss
- _bootstrap-grid.scss
- main.scss
###Automatically sprite generation
Example of Sprite using
```
.selector {
@include sprite($apple-touch-icon);
}
```
> **apple-touch-icon** - the name of image
###Structuring your projects
This is a developer preference. There is no official way. Do you want all your pages in partials? Would you rather just add main components and still use style.scss for the bulk of the CSS? Do what's best for you and your project.
###Who's behind this?
Base is proudly made by Evgeny Kovalchuk and is the result of many hours working on projects of all sizes. It is driven by a massive enthusiasm for all things web.
Base is constantly updated and modified to ensure it stays on top of the game. If you’ve any suggestions or ideas then don’t hesitate to get in touch.
----------
###Author's profile in social networks:
| Profile: | Link: |
----------------- | ----------------------------------------------------------------------------------------
| LinkedIn: | linkedin.com |
| VK: | vk.com |
| Facebook: | facebook.com |
|Twitter: | twitter.com |