Equip

screenshot of Equip
scss

Gulp, EJS, Sass(ECSS), Aigis, iconfont

Overview

Equip is a robust template designed to help you efficiently create static websites. Leveraging modern web technologies, it offers a streamlined approach to organizing your code and assets, facilitating a quick and effective workflow. Its focus on best practices ensures that developers can maintain clean and structured projects, making it an ideal choice for both new projects and those that require a solid framework.

Features

  • EJS Template System: Utilizes EJS for templating common components like headers, making code reuse seamless and efficient.
  • JSON Data Management: Manages data efficiently with JSON, allowing easy configuration of site-wide variables such as name and keywords.
  • FLOCSS-Based Directory Structure: Incorporates a Sass directory structure based on FLOCSS, promoting modular and maintainable stylesheets.
  • Live Reload with Browsersync: Integrates Browsersync for live reloading, enhancing the development experience by instantly reflecting changes in the browser.
  • Hologram Style Guide Generation: Automatically generates style guides using Hologram, helping maintain consistency across styling and design.
  • Gulp Task Automation: Utilizes Gulp for task automation, handling EJS compilation, Sass processing, and image optimization seamlessly.
  • Custom Icon Font Generation: Includes functionality to generate custom icon fonts along with dedicated SCSS files for easy integration.
  • Clean Build Process: Offers a clean build process to ensure that unnecessary files are removed, keeping the project tidy during development and release.
scss
SCSS

SCSS is a preprocessor scripting language that extends the capabilities of CSS by adding features such as variables, nesting, and mixins. It allows developers to write more efficient and maintainable CSS code, and helps to streamline the development process by reducing repetition and increasing reusability.

gulp
Gulp

Gulp.js is an old but popular site building tool that automates various repetitive development tasks in web development, such as compiling Sass, minifying JavaScript, and optimizing images.