Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
The Road To Code
Search
binx
August 08, 2013
1
360
The Road To Code
binx
August 08, 2013
Tweet
Share
More Decks by binx
See All by binx
On the Importance of Iteration
binx
0
95
Designing for Spacecraft Operations
binx
2
580
Place and Space
binx
0
500
Error: Success
binx
0
510
Peak Visualization?
binx
1
530
The Data Visualization Hustle
binx
2
420
People, Not Users
binx
2
220
Data Collection and Memory
binx
1
210
Memes, Kitsch, and Gangnam Style
binx
0
350
Featured
See All Featured
Rebuilding a faster, lazier Slack
samanthasiow
82
9.1k
Art, The Web, and Tiny UX
lynnandtonic
299
21k
What’s in a name? Adding method to the madness
productmarketing
PRO
23
3.5k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
[RailsConf 2023] Rails as a piece of cake
palkan
55
5.6k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
181
53k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
34
3.1k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
31
1.3k
The Language of Interfaces
destraynor
158
25k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.4k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
130
19k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
29
1.8k
Transcript
The Road to Code Girls Who Code, July 2013
who I am & how I got here
Stamen Design
data visual understandable beautiful
Museum of Modern Art
Facebook Stories
MTV Video Music Awards
Meshu
But life wasn’t always this glamorous :(
Math vs. Programming #include<iostream> using std::cout; using std::cin; using std::endl;
int main() { int num=0,sum=0,maxvalue=0; cout <<"Please enter a positive number: "; cin >> maxvalue; for(num=1;num<=maxvalue;num++) sum=sum+num; cout<<"The sum is ...."<<sum; return 0; } x(x+1) 2
Data Visualization
None
None
None
My First Portfolio
> !stamen > !javascript > !falling in love with !
! web programming
> !stamen > !javascript > !falling in love with !
! web programming
> !stamen > !javascript > !falling in love with !
! web programming
1) Accessibility 2) User interactivity 3) The internet is your
! ! data source
1) Accessibility 2) User interaction 3) The internet is your
! ! data source
1) Accessibility 2) User interaction 3) The internet is your
! ! data source
None
None
a message from the Department of Uncomfortable Truths:
web programming is complicated
Visual Design Frontend Code Backend Code User Experience Animation
Meshu
Visual Design Frontend Code Backend Code User Experience Animation
Considerations - How should the site feel? - What information
do you want to convey? - How will people move through your site? Methods - Sketching out user scenarios - Sketching out different page views
Visual Design Frontend Code Backend Code User Experience Animation
SQL Database Django (Python) HTML CSS Javascript Page Render d3.js
jQuery Polymaps
Visual Design Frontend Code Backend Code User Experience Animation
Considerations - Page layout - Colors and type treatment -
Hierarchy of information Methods - Sketchbook - Illustrator/Photoshop - HTML/CSS
Visual Design Frontend Code Backend Code User Experience Animation
Considerations - Transitions between different data states - Transitions between
different page views - Confirming user actions Methods - CSS - Javascript
whew!
Thanks! rachelbinx@gmail.com