Designthingy Bootstrap Boilerplate

Overview:

The DesignThingy Bootstrap Boilerplate is a front-end development tool that allows users to build fast, robust, and adaptable static websites from PSD and sketch files. It provides full support for HTML5, JavaScript, CSS, and SVG. The boilerplate includes features such as a local development server, ES6 support, minification of CSS and JS files, autoprefixing, linting, SVG support, Bootstrap theming, and Fontawesome integration. This tool aims to streamline the development process and provide a clean and efficient environment for building static websites.

Features:

• Technologies: Full support for HTML5, JavaScript (ES6, babel), CSS (Sass and PostCSS), and SVG (svg4everybody)
• Local Development Server: Built-in server with real-time monitoring using browserSync and Watch
• ES6 Ready: Built-in Babel support for JavaScript ES6 code
• Minification: Automatic minification of CSS and JS files with source map in development process
• Autoprefixing: Conversion of SCSS files to CSS with vendor prefixes
• Linting: Built-in support for eslint and stylelint for code testing
• SVG: Support for SVG4Everybody that adds SVG External Content support to all browsers
• Bootstrap Theming: Support for customizing Bootstrap themes
• Fontawesome: Built-in fontawesome support
• SCSS module pattern support: Support for SCSS module pattern for organizing stylesheets

Installation:

To install the DesignThingy Bootstrap Boilerplate, follow these steps:

1. Install the following prerequisites on your machine:

   • Node JS
   • Git
   • NPM
   • Grunt CLI

2. Clone or download the Git repository of the boilerplate.

3. Install the dependencies by running the following command in the terminal:

   npm install
   

4. Run the development server using one of the following commands in the terminal:

   grunt dev
   

   or

   npm start
   

Summary:

The DesignThingy Bootstrap Boilerplate is a powerful front-end development tool that provides a streamlined and efficient environment for building static websites from PSD and sketch files. It offers a wide range of features, including support for modern technologies, a local development server, minification of CSS and JS files, autoprefixing, linting, SVG support, Bootstrap theming, and Fontawesome integration. With its easy installation process and comprehensive documentation, this boilerplate aims to simplify the development process and help developers create fast, robust, and adaptable static websites.