GithubHelp home page GithubHelp logo

gulp-boiler's People

Contributors

psullivan6 avatar

Watchers

 avatar  avatar

gulp-boiler's Issues

Track page speed

Currently, I am using the PageSpeed Insights node package, but that requires a lot of server overhead and doesn't have a good way of tracking the speed value over time.

I would assume that using native Google Analytics functionality for user timings would be the best option. That, or just log the page speed values during development.

The main goal is to track the site performance throughout development to see if changes to the base code are affecting the overall performance.

**Findings: ** using an express server seems to be the most performant option and livereload and the like slow down the performance to un-realistic levels. Using an express server meant the PageSpeed Insights score jumped up by at least 15 points.

Devtools CSS to build

Add in some sort of functionality so someone can edit the CSS in chrome dev tools and then have those changes port back to the project code, preferably into the SCSS file from whence it came.

Obfuscate environment variables

Need to obfuscate the Google API key and future keys through the use of an .env file or something similar. Is there a solution that works really well with gulp?

SQS | Can squarespace support non-template files?

Figure out if squarespace can support extra files that aren't their native repo files. Basically, can I push the _source directory?

_Findings:_ I have already done this without any visible errors or messages. I assume it is possible, but I want to confirm with the SQS support team

Privacy Policy

Use iubenda to create a Privacy Policy that covers the various services and tracked metrics. For example: Google Analytics, etc...

Build arguments

Add a release or some other argument to the build task that creates a production build and also increments the build number

Add a simple or some other argument to the speed task to deliver just the page speed score and none of the rest of the data

Add HTML5 Boilerplate Code

Add in as much HTML 5 Boilerplate code as is reasonable. For instance, strip out some of the CSS if it doesn't apply and/or use different color values.

Also, re-format the HTML to fit whichever template language is chosen.

**Related: ** use IE conditional comment wrappers around the <html> tag

Server failure on sub-task

Stop the server gulp task from failing if the styles (or another) task fails. It means that if I accidentally save while writing incorrect scss, then the entire server will sut down and I have to restart it.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.