html {
font-size: 16px; /* Sets up the Base font size */
}
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
var gulp = require('gulp'); | |
var concat = require('gulp-concat'); | |
var uglify = require('gulp-uglify'); | |
var postcss = require('gulp-postcss'); | |
var autoprefixer = require('autoprefixer'); | |
var cssnano = require('cssnano'); | |
gulp.task('js', function() { | |
gulp.src('app/js/*.js') | |
.pipe(concat('script.js')) |
Name | Minified | Minified + Gzipped | Download Over 2G | Download Over 3G | Dependencies |
---|---|---|---|---|---|
ZeroClipboard | 31.2 kB | 9.9 kB | 0.31 s | 0.19 s | 0 |
clipboard.js | 9.53 kB | 2.97 kB | 0.09 s | 0.06 s | 3 |
Note: ZeroClipboard requires flash support. While clipboard.js not required flash.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* css/main.css */ | |
body { | |
margin: 0; | |
} | |
.wrap { | |
max-width: 600px; | |
margin-left: auto; | |
margin-right: auto; | |
padding-left: 20px; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// IIFE to create local scope and to avoid global namespacing collisions | |
(function () { | |
let todoCollection = {}; | |
let todoIds = []; | |
/* | |
Data Structure: | |
const todoCollection = { | |
"1": { |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!-- index.html --> | |
<!DOCTYPE html> | |
<html lang="en"> | |
<head> | |
<meta charset="UTF-8"> | |
<meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
<title>Todo App</title> | |
</head> | |
<body> | |
<h2>Todo App</h1> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
const students = [ | |
{ | |
id: '1', | |
isSelected: true, | |
name: 'Mike', | |
}, | |
{ | |
id: '2', | |
isSelected: false, | |
name: 'Jane', |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
const students = [ | |
{ | |
id: '1', | |
isSelected: true, | |
name: 'Mike', | |
}, | |
{ | |
id: '2', | |
isSelected: false, | |
name: 'Jane', |