Next possible features - Githubissues

andreymatin commented 3 years ago

[ ] concurrently or parallelshell integration for node process
[ ] base64 encoding automation. Ref example: https://base64.guru/converter/encode/image
[ ] https
[ ] node proxy page config
[ ] blank command to remove test files
[ ] JS mode (UMD, ES libs)
[ ] JS mode (Additional test cases)
[ ] JS mode (auto project name replace for roll, remove proxy, page-preview)
[ ] Free templates/examples
[ ] enable / disable build on fly
[ ] build check recreation after remove
[ ] local fonts snippet
[ ] internal assets compiler
[ ] Design system generator
[ ] js modules config - index.js copy
[ ] add tpl library
[ ] JS template library for JS HTML resources (maybe with template literals support) ? php support ? google closure integration
snippet for background-image: image-set and hight ratio

  background-image: image-set(url('../images/bg.webp') 1x,
      url('../images/bg.webp') 2x);

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
  .class-name {
    background-image: url('../images/page-bg@2x.jpg');
    background-image: image-set(url('../images/bg.webp') 1x,
      url('../images/bg.webp') 2x);
  }
}

[ ] gulp plugin for https://bitsofco.de/pa11y/
[x] pnpm simlinks off
[x] Bootstrap Grid System 5
[x] CSS Audit/Analyze
[x] enable / disable purify
[x] ? AVIF support (https://www.npmjs.com/package/gulp-avif)
[x] rollup noicy warnings
sassdoc (http://sassdoc.com/gulp/)
Test: css analyzer
[x] add ui-explorer

andreymatin commented 3 years ago

favicon generator https://realfavicongenerator.net/favicon/gulp#.YKP6CaFRWUk

andreymatin commented 3 years ago

[x] done test example with @2 images + webp

    <!-- Logo -->
    <div class="logo">
      <a class="logo__link" href="./index.html" accesskey="1">
        <picture>
          <source srcset="./images/logo.webp 1x, ./images/logo@2x.webp 2x" type="image/webp">
          <img loading="eager" srcset="./images/logo.png 1x, ./images/logo@2x.png 2x" src="./images/logo.png" alt=" | Logo" width="233" height="32">
        </picture>
      </a>
    </div>

andreymatin commented 3 years ago

[x] replace loading="lazy" to loading="eager"
[ ] example with 'sticky' element
[ ] example with preloaded custom font

andreymatin commented 3 years ago

[x] aria-label="| Home" for Logo and snippet for links with images without description text

andreymatin commented 3 years ago

VSC: intellisence for CSS class names from node_modules folder

"html-css-class-completion.includeGlobPattern" (default: "**/*.{css,html}")

andreymatin commented 3 years ago

VSC: Path Intellisense for template folder

andreymatin commented 3 years ago

[x] yarn add giflossy

andreymatin commented 3 years ago

[x] <html class="no-js"

andreymatin commented 2 years ago

[ ] https://github.com/nfroidure/gulp-svgicons2svgfont

andreymatin commented 2 years ago

Automatic CSS Test: CSS Overflow Elements Inspiration: https://davidwalsh.name/detect-overflow-elements

andreymatin commented 2 years ago

HTML to JSX

andreymatin commented 2 years ago

Webpack bundler

andreymatin commented 2 years ago

? gulp custom: TOC CSS Generator

andreymatin commented 1 year ago

WASM integration example

andreymatin commented 1 year ago

[ ] TS with Rollup integration (https://www.npmjs.com/package/@rollup/plugin-typescript)

Frontend-Layers / html-base

Next possible features #20