Giter Site home page Giter Site logo

personal-boilerplate's Introduction

personal-boilerplate

Based on Gulp with Stylus and postCSS. Also uses PHP includes.

Features:

  • CSS / JS Minifiers and concatenators.
  • CSS Reset, pre-processor hierarchy guide, some useful classes (repeatables.styl), (WIP).
  • Babel to transpile ES6.
  • A easy to use structure for postcss modules.

How to use:

npm install

Will install all dependencies, then:

gulp

To run the default function (Starts stylus, creates/minifies CSS and JS files, watches for changes).

You can also run specific functions:

gulp js // Babel, Concat, Terse.
gulp css // Stylus, post css modules.

Since the files are .php you need a web server to run them, i recommend XAMPP

If you need help, contact me on GitHub

Changelog

1.2

  • First "commited" version of the boilerplate. Reworked readme, folder structure, gulpfile and some of the JS/Stylus code snippets.

1.3

  • Added Pump to dependencies and created a debug method for javascript on the gulpfile.
  • Added some generic helper classes that i found myself rewriting in almost all projects, look for them on defaults.styl.
  • Added some common font-sizes as variables on variables.styl.
  • Fixed some bugs with folder structure creating 2 "main" files.
  • Removed images function until i can find a better alternative.
  • Removed useless JS bloating on main file that will come back when those tools are ready.

1.4

  • JS tools are back!
  • Removed useless mixins, added more useful snippets on defaults.styl
  • ACTUALLY Fixed some bugs with folder structure creating 2 "main" files.
  • Cleaned everything up a bit

1.5

  • Added Babel to the Stack.
  • Changed from gulp-uglify to gulp-terser.
  • Removed Old IE fallbacks (It's been enought time, right?)
  • Restructured Gulpfile;

1.6

  • Removed cssmqpacker module
  • Updated dependency versions and fixed some conflicts
  • Added some stuff that makes life easier on the .styl files

1.7

  • Added extra helper methods on helpers.x.js
  • Added preset to babel in gulpfile
  • updated dependencies

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.