Knyle Style Sheets – CSS StyleGuide

Knyle Style Sheets – CSS StyleGuide

Download source – 4.86 MB Step 1: Create Gulp-KSS Folder Add NewFolder => Gulp-Kss Step 2: Configure Your Project Open cmd and move to working directory i.e Gulp Folder to generate package.json configuration. npm init Step 3: Install Gulp Locally npm install gulp –save-dev npm install kss –save-dev This command will create the node_modules folder consist of all the npm Library. Step 4: Create a Gulp Configuration File Create gulpfile.js […]

Read More Leave comment

gulp.js – sass to css

gulp.js – sass to css

Step 1: Create MVC 6 Core Project GulpExample Step 2: Create a SASS Folder and File wwwroot = >  Create a new Folder (sass) = > create new sass file “style.scss” and create folder css. $bgColor:#cccccc; body{ background-color:$bgColor; } Step 3: Create Gulp Folder Add NewFolder => Gulp Step 4: Configure Your Project Open cmd and move to working directory i.e Gulp Folder to generate package.json configuration. npm […]

Read More Leave comment

gulp.js – js/css Minification

gulp.js – js/css Minification

Step 1: Create MVC 6 Core Project GulpExample Step 2: Remove all old min files Go to wwwroot/js — > site.min.js Go to wwwroot/css —>site.mn.css Create two folder for the min files wwwroot/css/css-min wwwroot/js/js-min Step 3: Create Gulp Folder Add NewFolder => Gulp Step 4: Configure Your Project Open cmd and move to working directory i.e Gulp Folder to generate package.json configuration. npm init Step 5: Install Gulp […]

Read More Leave comment

Gulp.js – Primary task methods

Gulp.js – Primary task methods

Gulp Variables var gulp = require(‘gulp’); OR const gulp = require(‘gulp’); OR let gulp = require(‘gulp’); Gulp provides primary task methods: gulp.task – defines a new task with a name, optional array of dependencies and a function. gulp.task(‘default’, function() { }); gulp.src – sets the folder where source files are located. gulp.dest – sets the destination folder where build files will be placed. gulp.task(‘minify-css’, () […]

Read More Leave comment

Gulp.js – Installation

Gulp.js – Installation

Step 1: Install Node.js Node.js can be downloaded for Windows, Mac and Linux from nodejs.org/download/. There are various options for installing from binaries, package managers and docker images – full instructions are available. Step 2: Install Gulp Globally npm install gulp-cli -g OR npm install -g gulp Step 3: Configure Your Project Select the Project Folder CD:gulpExample and then fire the command it will create […]

Read More Leave comment

Gulp.js – Introduction

Gulp.js – Introduction

Gulp is open source javascript toolkit .Gulp is a task runner that enables automation and crunching of monotonous tasks all in one swoop.Gulp is a front end build system , build on the top of Node.js and NPM.Gulp is used for time consuming and repetitive task. Common Tasks Generating HTML from templates and content files Cache Busing Compressing new and modified images Compiling Sass to […]

Read More Leave comment
Visitors
Page Hits: 51758
Unique Visitors :
12537
Made With By Keshab