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
Contributing Code Empathetically
Search
HipsterBrown
October 17, 2015
Programming
0
580
Contributing Code Empathetically
Remembering the People Behind Projects.
Given at jQuery Dev Summit 2015.
HipsterBrown
October 17, 2015
Tweet
Share
More Decks by HipsterBrown
See All by HipsterBrown
The Other Side of Empathy - JSConf Budapest
hipsterbrown
0
280
I'd like to add you to my professional [wireless] network
hipsterbrown
0
110
Talking Tessel with a Hardware Newbie
hipsterbrown
0
160
Collaborative Style Syntax
hipsterbrown
0
130
The Other Side of Empathy - JSConf EU 2015
hipsterbrown
0
130
The Other Side of Empathy
hipsterbrown
1
450
The Other Side of Empathy
hipsterbrown
0
110
Winning on the Wrist
hipsterbrown
0
130
Neat - A Semantic Grid Framework
hipsterbrown
0
280
Other Decks in Programming
See All in Programming
エンジニアとして高みを目指す、 利益を生み出す設計の考え方 / design-for-profit
minodriven
23
11k
Repenser les filtres API Platform: une nouvelle syntaxe
vinceamstoutz
2
150
麻雀点数計算問題生成タスクから学ぶ Single Agentの限界と Agentic Workflowの底力
po3rin
5
2k
大規模アプリにおけるXcode Previews実用化までの道のり
ikesyo
0
950
スマホで海難事故は防げるか?年間2000件以上の小型船舶の事故に挑むアプリ開発
atsuki_seo
0
120
階層構造を表現するデータ構造とリファクタリング 〜1年で10倍成長したプロダクトの変化と課題〜
yuhisatoxxx
3
790
Swift Concurrency - 状態監視の罠
objectiveaudio
2
270
猫と暮らすネットワークカメラ生活🐈 ~Vision frameworkでペットを愛でよう~ / iOSDC Japan 2025
yutailang0119
0
210
Чего вы не знали о строках в Python – Василий Рябов, PythoNN
sobolevn
0
150
Go Conference 2025: Goで体感するMultipath TCP ― Go 1.24 時代の MPTCP Listener を理解する
takehaya
7
1.4k
dynamic!
moro
9
4.3k
AIを活用したレシート読み取り機能の開発から得られた実践知 / AI Receipt Scan Practice
rockname
2
1.5k
Featured
See All Featured
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
358
30k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
32
2.2k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
162
15k
YesSQL, Process and Tooling at Scale
rocio
173
14k
Thoughts on Productivity
jonyablonski
70
4.8k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
45
2.5k
The Invisible Side of Design
smashingmag
301
51k
Building a Modern Day E-commerce SEO Strategy
aleyda
43
7.7k
Bootstrapping a Software Product
garrettdimon
PRO
307
110k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
33
2.4k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
114
20k
Transcript
Contributing Code Empathetically
Remembering People Behind Projects
Who Am I?
Who Am I? Nick Hehr Empathetic Community Member Front-End Developer
Hoodie Contributor
None
What is Empathy?
What is Empathy? The ability to understand and share the
feelings of another.
What is Empathy? Seeing the world through the eyes of
someone else.
Breakdown • Context • Constructive Feedback • Communication • Caring
Context
The internal and external factors that influence the decisions we
make and actions we take.
How It Relates • No One is Un-Opinionated • We
All Have Biases • Listening is Key • “Why?”
None
Set The Example
Descriptive Descriptions • screenshots, animated GIFs, or screencasts • the
behavior and visuals you expected • related issues that would be closed • any context/reasoning behind why a change should be made • notes or concerns while in progress
Constructive Feedback
The return of information that helps to develop or improve.
How It Relates “If you don’t have anything nice to
say, then don’t say anything at all.”
None
How It Relates “If you don’t have anything nice to
say, then don’t say anything at all.”
How It Relates “If you don’t have anything nice to
say, then don’t say anything at all.”
How It Relates “If you don’t have anything constructive to
say, then don’t say anything at all.”
• Mutually Agreed Upon • Set Up With Expectations •
In An Open Space • Shared With Context Constructive Feedback is…
Example Code Reviews
It is intended to find and fix mistakes overlooked, improving
both the overall quality of software and developers' skills.
Encouraging Constructive Feedback
None
https://github.com/atom/atom/blob/master/ CONTRIBUTING.md
https://github.com/hoodiehq/hoodie/blob/master/ CONTRIBUTING.md
Communication
The successful sharing of ideas and feelings between people.
How It Relates • What We Say • How We
Say It • Where We Say It
“I” Statements For Giving Constructive Feedback For Getting Context
“You” Statements For Getting Context For Giving Constructive Feedback
None
How We Communicate • General = Slack • Standups =
Hangouts / In-Person • Recorded Discussions = GitHub Issues • Long-Form / Async = Email
https://<your-team>.slack.com/ customize/slackbot
Caring
To provide the needs of something and show interest in
it.
How It Relates • Caring is Sharing • And Listening
• And Understanding
How Much Do You Care?
Do You Care Enough… • To Write A Blog Post?
• To File An Issue? • To Send An Email? • To Record A Screencast? • To Submit A Pull Request?
– Yoda “Don’t give in to hate. It leads to
the Dark Side.”
Example Documentation
Documentation Matters • Wikis • Code Comments • Styleguides •
Pattern Libraries • README.md
Exemplifying Caring
http://hood.ie/community/#contributors
http://hood.ie/contribute/
By starting to apply empathy to connect with others professionally,
we can continue down that path to connect with others personally.
Resources
http://rosenfeldmedia.com/books/practical-empathy/
http://more-empathy.online
Thank You