No More Tools - Speaker Deck

Slide 1

Slide 1 text

NO MORE TOOLS

Slide 2

Slide 2 text

We have a plethora of tools that are bound to make our lives easier and tasks completed faster.

Slide 3

Slide 3 text

“Creatives aren’t good at their art because of their tools; their talent stems from the skills and knowledge they’ve acquired while using their tools.” “The Good Creative”—Paul Jarvis

Slide 4

Slide 4 text

SIMPLICITY

Slide 5

Slide 5 text

We live in superabundance of information and the most crucial skill isn’t multi-tasking but single-threading our attention.

Slide 6

Slide 6 text

The strive for simplicity is superﬁcial.

Slide 7

Slide 7 text

“Complexity is a fact of the world, simplicity is in the mind.” “Living with Complexity”—Don Norman

Slide 8

Slide 8 text

TESLER’S LAW OF CONSERVATION OF SIMPLICITY Every application has an inherent amount of irreducible complexity. The only question is who will have to deal with it.

Slide 9

Slide 9 text

AUTOMATION

Slide 10

Slide 10 text

We need to automate tasks to stay productive and focus on problem-solving that simply cannot be delegated.

Slide 11

Slide 11 text

AUTOPREFIXER postcss/autopreﬁxer Worry-free vendor preﬁxing.

Slide 12

Slide 12 text

LINTING csslint/csslint Checking for bad patterns

Slide 13

Slide 13 text

MEDIA OPTIMISATION jamiemason/imageoptim-cli svg/svgo addyosmani/tmi Strip unnecessary bytes

Slide 14

Slide 14 text

MINIFICATION jakubpawlowicz/clean-css jbleuzen/node-cssmin Strip unnecessary characters

Slide 15

Slide 15 text

CODE BLOAT giakki/uncss geuis/helium-css Search and remove unused declarations

Slide 16

Slide 16 text

TESTING PERFORMANCE zeman/perfmap adyedinborough/stress-css Find speciﬁc elements hindering performance

Slide 17

Slide 17 text

TESTING PERFORMANCE YSlow, Chrome Developer Tools Audit, Google Page Speed

Slide 18

Slide 18 text

DEBUGGING LAYOUT ISSUES pesticide.io Find problems with the box model

Slide 19

Slide 19 text

GUIs FOR AUTOMATION Hammer for Mac CodeKit Livereload

Slide 20

Slide 20 text

NPM

Slide 21

Slide 21 text

npm provides a native ecosystem for task automation.

Slide 22

Slide 22 text

“The current support in npm for front- end packaging isn’t good enough. npm loves you, front-enders, and we care about your use cases.” Npm and front-end packaging—

Slide 23

Slide 23 text

` ` "scripts": { "start": "npm run watch-styles & npm run watch- jade & npm run server", "watch-styles": "stylus -w ./assets/styl/ -o ./ assets/ static/css/", "watch-jade": "jade --watch ./assets/jade/ index.jade --out ./assets/static/" }

Slide 24

Slide 24 text

bit.ly/leveldb-example bit.ly/npm-task-automation

Slide 25

Slide 25 text

GULP & GRUNT

Slide 26

Slide 26 text

` ` var gulp = require(‘gulp’); var jshint = require(‘gulp-jshint’); gulp.taks(‘test’, function() { return gulp .src(‘./sample.js’) .pipe(jshint()) .pipe(jshint.reporter(‘jshint-stylish’)); });

Slide 27

Slide 27 text

MAKE

Slide 28

Slide 28 text

` ` build: all all: index.html public/css/main.min.css public/css/main.min.css: public/css/main.css cssmin public/css/main.css > public/css/main.min.css public/css/main.css: public/styl/main.styl $(STYLUS_FILES) stylus -u ./ public/styl/main.styl -u autoprefixer-stylus -o public/css

Slide 29

Slide 29 text

bit.ly/building-static

Slide 30

Slide 30 text

COLLABORATION

Slide 31

Slide 31 text

Technology is a mean to an end but it will fail miserably if people can’t work together, feel empowered to contribute and grow.

Slide 32

Slide 32 text

Every single person joins a team with their own set of biases, predispositions and preferences.

Slide 33

Slide 33 text

“Knowledge makes everything simpler.” “Living with Complexity”—Don Norman

Slide 34

Slide 34 text

Breaking down data in modules makes it more digestible and controllable.

Slide 35

Slide 35 text

Good tools, especially command line based, don’t fail nor succeed silently.

Slide 36

Slide 36 text

The aim to build bullet-proof software is profound but almost impossible to achieve.

Slide 37

Slide 37 text

It’s relatively easy to build overcomplicated solutions but it’s hard to maintain them.

Slide 38

Slide 38 text

It’s easy to introduce unnecessary complexity by adding tools that manage other tools.

Slide 39

Slide 39 text

“brew install python easyinstall pip install bower install npm install -g fuck-you” @lewiscowper