Skip to content

Instantly share code, notes, and snippets.

npm install -g bower
$ npm install -g generator-zurb-ink
$ yo zurb-ink
(Choose Ink Template)
$ bower install
$ gulp
$ gulp build
$ npm install -g bower
$ npm install -g yo
$ (sudo) npm install -g generator-gulp-ink-email
$ yo gulp-ink-email
(Choose Ink Template)
$ gulp serve
$ gulp build
$ gulp serve:dist
Front-End Further Reading:
Javascript World Domination: https://medium.com/@slsoftworks/javascript-world-domination-af9ca2ee5070
Hitchhikers Guide to Tools: http://reactkungfu.com/2015/07/the-hitchhikers-guide-to-modern-javascript-tooling/
Intro Angular apps in 60 minutes (compare contrast ember/backbone): https://www.youtube.com/watch?v=TRrL5j3MIvo
A baseline for front-end Developers: http://rmurphey.com/blog/2015/03/23/a-baseline-for-front-end-developers-2015/
http://rmurphey.com/blog/2012/04/12/a-baseline-for-front-end-developers/
Front End News: http://frontendfront.com/
React Intro : http://reactfordesigners.com/labs/reactjs-introduction-for-people-who-know-just-enough-jquery-to-get-by/
Longevity of JS Frameworks: http://blog.bitovi.com/longevity-or-lack-thereof-in-javascript-frameworks/
module.exports = function(grunt) {
grunt.initConfig({
// Tasks
task1name: {
build: {
files: {
@maroon: #800000;
@burgundy: #800020;
@darkred: #8B0000;
@wine: #722F37;
/*
body {
background:@burgundy;
color:@darkred;
}*/
module.exports = function(grunt) {
grunt.initConfig({
less: {
build: {
// options: {
// compress: true,
// sourceMap: true
// },
files: {
var gulp = require('gulp'),
less = require('gulp-less'),
concat = require('gulp-concat')
//sourcemaps = require('gulp-sourcemaps'),
//minifycss = require('gulp-minify-css')
gulp.task('less', function() {
gulp.src('./src/styles/*.less')
//.pipe(sourcemaps.init())
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
@charset "UTF-8";
article, aside, footer, header, main, nav, section {
display: block;
}
html, body, h1, h2, h3, ul, li, a, p,
article, aside, footer, header, main, nav, section {
padding: 0;
margin: 0;
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>PeakMap</title>
<link rel="stylesheet" type="text/css" href="css/styles.css">
</head>
<body>