43
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!

The Design of Development - CascadiaFest - 2015

Embed Size (px)

Citation preview

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!

Slide: page 37

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

expertise we can show off.

Alan Kay1989

Users aren’t stupid, dig?

Building Tools is Hard

Building tools is really hard

The Tale of the Uniconkey

Refactor Time

Refactor TimeTests ->

Designing Your User Experiences

Postel’s Law

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

accept from others.

Postel’s Law 1981

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

The Patterns

The PatternFilter

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

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

The PatternFilterls input_dir | while read line; do cat

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

The PatternCantrip

The PatternCantrip

grunticon input_dir output_dir

The PatternSource

The PatternSource

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

$line; done;

The PatternCompiler

The PatternCompiler

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

output_dir/$line -c red; done

Patterns breed familiarity

Do One Thing

The Unix Philosophy

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

created separate CSS filescreated a loader snippetcreated a preview html

Ouch

Do One Thing,

Do It Well

Community

Let Them Know You Hear Them

Code Of Conduct

Trust Those That Offer To Help

Utilize Your Already Existing Tools

Don't Go Total Rando

Empathy In Creation

“We don’t know who discovered water, but

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

You're Building This To Be Used

Thanks.