This package has been deprecated

Author message:

Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

html-initial-bundle

1.0.14 • Public • Published

HTML Initial Bundle

License:MIT npm

HTML layer with JS bundler for professional templates development

Shell

screenshot

Why

  • Templates, themes prototyping
  • Integration with any CMS
  • Modeling JavaScript applications
  • Routine web development tasks automation

Features

  • Advanced CSS Reset scss-reset
  • Basic SCSS Mixins Collection scss-mixins
  • (Not so) Old browsers support
  • Predefined VSC workspace
  • Initial JavaScript modules and SCSS files
  • Automated test tasks (HTML Validation, Mobile friendly, Performance etc.)

Related Tools

Code concepts

JavaScript plugins

  • Babel
  • Rollup

JavaScript utils

  • DomReady
  • Parallax
  • NoJs

Tests

  • Detailed (but slow) HTML5 W3C Validation
  • Fast in-development HTML5 Validation
  • CSS3 Validation
  • Google Mobile-friendly test
  • Google PageInsight Performance test

Images Compression

  • WEBP Convertor
  • SVG (SVGOmg compression)
  • Best practices for PNG/JPG

Contributing

For issues, bugs or imporvements please open an issue

Installation

Please download zip file from html-initial-bundle repository.

or by Git:

git clone https://github.com/andreymatin/html-initial-bundle

or by CLI:

npm i -g html-npm-cli;
gethtml init

Automation

Development bundle for fast and robust web development

Files

  • .gulp/*
  • ./gulpfile.js
  • ./babel.config.js
  • ./package.json

Styles Automation

  • gulp-sass
  • gulp-postcss
  • autoprefixer

Server Automation

  • gulp-connect
  • gulp-open
  • localtunnel

Notification

  • gulp-plumber
  • gulp-notify

Source Maps

  • gulp-sourcemaps

JavaScript development

  • rollup
  • rollup-plugin-babel

Images

  • gulp-imagemin
  • imagemin-pngquant
  • imagemin-zopfli
  • imagemin-mozjpeg
  • imagemin-jpeg-recompress
  • imagemin-giflossy
  • gulp-webp
  • gulp-svg-sprite

Tests

Editor

  • ./.vscode/settings.json
  • ./.editorconfig
  • ./.eslintrc.json

VSC Tweaks

  • liveSassCompile
  • Emmet "commentAfter"
  • Panel at the "right" (Terminal, hints etc.)
  • ESLint JS Standard tweaks

Tunneling

.gulp/server.js

const subdomain = ''

HTML Files

  • index.html - templates list
  • home.html - main landing page
  • product.html - product page
  • article.html - article page
  • test-design.html - design system
  • test-sprite.html - svg sprite test

Folders

  • .gulp - gulp tasks
  • src - initial files
  • dest - beautified files, initial processing
  • build - compressed files

SVG Sprite generation

  • copy svg files for sprite into './images/sprite/' folder
  • launch in the terminal gulp sprite
  • generated svg sprite is there - ./images/sprite.svg

Inspiration

Package Sidebar

Install

npm i html-initial-bundle

Weekly Downloads

1

Version

1.0.14

License

MIT

Unpacked Size

5.1 MB

Total Files

133

Last publish

Collaborators

  • andreymatin