Top Banner
The Design of Development @ CascadiaCSS, 6/8/2015 Font Font for headings Font for code 72 quotes & text 48 URLs & citations 48 code{:;} 24 credits 1280 × 720 Thanks, @rands!
43

The Design of Development - CascadiaFest - 2015

Aug 14, 2015

Download

Software

jlembeck
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: The Design of Development - CascadiaFest - 2015

The Design of Development @ CascadiaCSS, 6/8/2015 FontFont for headingsFont for code

72 quotes & text48 URLs & citations48 code{:;}24 credits

1280 × 720

Thanks, @rands!

Page 2: The Design of Development - CascadiaFest - 2015
Page 3: The Design of Development - CascadiaFest - 2015

Slide: page 37

Page 4: The Design of Development - CascadiaFest - 2015

We build things that think first about who is consuming them, not what technical

expertise we can show off.

Page 5: The Design of Development - CascadiaFest - 2015

Alan Kay1989

Users aren’t stupid, dig?

Page 6: The Design of Development - CascadiaFest - 2015

Building Tools is Hard

Page 7: The Design of Development - CascadiaFest - 2015
Page 8: The Design of Development - CascadiaFest - 2015

Building tools is really hard

Page 9: The Design of Development - CascadiaFest - 2015

The Tale of the Uniconkey

Page 10: The Design of Development - CascadiaFest - 2015
Page 11: The Design of Development - CascadiaFest - 2015

Refactor Time

Page 12: The Design of Development - CascadiaFest - 2015

Refactor TimeTests ->

Page 13: The Design of Development - CascadiaFest - 2015

Designing Your User Experiences

Page 14: The Design of Development - CascadiaFest - 2015

Postel’s Law

Page 15: The Design of Development - CascadiaFest - 2015

Be conservative in what you do, be liberal in what you

accept from others.

Postel’s Law 1981

Page 16: The Design of Development - CascadiaFest - 2015

Be conservative in what you do, be liberal in what you accept from others, unless what they're doing is totally absurd, then throw an appropriate and clear error for that biz, because literally nothing is worse

than failing silently, ok maybe a lot of things are worse than that - mostly those are wasps though.

Lembeck’s Law 2015

Page 17: The Design of Development - CascadiaFest - 2015

The Patterns

Page 18: The Design of Development - CascadiaFest - 2015

The PatternFilter

Page 19: The Design of Development - CascadiaFest - 2015

The PatternFiltergulp.src('./assets/styles/index.styl')

.pipe(stylus({use: [nib()]})) .pipe(gulp.dest('static/css/'))

Page 20: The Design of Development - CascadiaFest - 2015

The PatternFilterls input_dir | while read line; do cat

input_dir/$line | colorfy -c red > output_dir/$line; done;

Page 21: The Design of Development - CascadiaFest - 2015

The PatternCantrip

Page 22: The Design of Development - CascadiaFest - 2015

The PatternCantrip

grunticon input_dir output_dir

Page 23: The Design of Development - CascadiaFest - 2015

The PatternSource

Page 24: The Design of Development - CascadiaFest - 2015

The PatternSource

directory-colorfy -d input_dir -c red | while read line; do echo $line > output_dir/

$line; done;

Page 25: The Design of Development - CascadiaFest - 2015

The PatternCompiler

Page 26: The Design of Development - CascadiaFest - 2015

The PatternCompiler

ls input_dir |while read line; do colorfy input_dir/$line -o

output_dir/$line -c red; done

Page 27: The Design of Development - CascadiaFest - 2015

Patterns breed familiarity

Page 28: The Design of Development - CascadiaFest - 2015

Do One Thing

Page 29: The Design of Development - CascadiaFest - 2015

The Unix Philosophy

Page 30: The Design of Development - CascadiaFest - 2015

read the input directoryperformed color changes on SVGsconverted all of the SVGs to PNGs

created separate CSS filescreated a loader snippetcreated a preview html

Page 31: The Design of Development - CascadiaFest - 2015

Ouch

Page 32: The Design of Development - CascadiaFest - 2015

Do One Thing,

Do It Well

Page 33: The Design of Development - CascadiaFest - 2015

Community

Page 34: The Design of Development - CascadiaFest - 2015

Let Them Know You Hear Them

Page 35: The Design of Development - CascadiaFest - 2015

Code Of Conduct

Page 36: The Design of Development - CascadiaFest - 2015
Page 37: The Design of Development - CascadiaFest - 2015

Trust Those That Offer To Help

Page 38: The Design of Development - CascadiaFest - 2015

Utilize Your Already Existing Tools

Page 39: The Design of Development - CascadiaFest - 2015

Don't Go Total Rando

Page 40: The Design of Development - CascadiaFest - 2015

Empathy In Creation

Page 41: The Design of Development - CascadiaFest - 2015

“We don’t know who discovered water, but

we’re pretty sure it wasn’t a fish.”

Page 42: The Design of Development - CascadiaFest - 2015

You're Building This To Be Used

Page 43: The Design of Development - CascadiaFest - 2015

Thanks.