-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
224 lines (203 loc) · 15.5 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>Women Hack for Non-Profits Blogging Workshop</title>
<link rel="stylesheet" href="css/reveal.css">
<link rel="stylesheet" href="css/theme/black.css">
<!-- Theme used for syntax highlighting of code -->
<link rel="stylesheet" href="lib/css/zenburn.css">
<!-- Printing and PDF exports -->
<script>
var link = document.createElement( 'link' );
link.rel = 'stylesheet';
link.type = 'text/css';
link.href = window.location.search.match( /print-pdf/gi ) ? 'css/print/pdf.css' : 'css/print/paper.css';
document.getElementsByTagName( 'head' )[0].appendChild( link );
</script>
</head>
<body>
<div class="reveal">
<div class="slides">
<section>
<img src="images/logo.png" alt="logo" class="plain logo">
<h2>Blogging Evening</h2>
<h3>April 27th @ <a href="https://gocardless.com/">GoCardless</a></h3>
</section>
<section>
<h2>Awesome People That Helped Make This Happen</h2>
<ul style="font-size: 0.95em;">
<li><a href="https://gocardless.com" target="_blank">GoCardless</a> - One of today's leading payment companies and our kind hosts</li>
<li><a href="http://bennadel.com" target="_blank">Ben Nadel</a> (<em>serial tech blogger at <a href="http://bennadel.com" target="_blank">bennadel.com</a>, co-founder of <a href="https://invisionapp.com" target="_blank">Invision</a></em>) + <a href="http://missgeeky.com" target="_blank">Melinda Seckington</a> <em>(blogger of "all things girly and geeky" at <a href="http://missgeeky.com" target="_blank">missgeeky.com</a>, developer at <a href="https://www.futurelearn.com" target="_blank">FutureLearn</a>, event organizer at <a href="http://geeksoflondon.com/" target="_blank">Geeks of London</a></em>) - who both kindly donated their spare time to provide us with their top blogging tips!</li>
<li><a href="https://twitter.com/echesters" target="_blank">Elizabeth Chesters</a>, <a href="https://twitter.com/krissygoround" target="_blank">Kriselda Rabino</a>, <a href="https://twitter.com/tanya_powell" target="_blank">Tanya Powell</a>, <a href="https://twitter.com/lilianakastilio" target="_blank">Lili</a>, <a href="https://twitter.com/nandy311" target="_blank">Nandhini Narasimhan</a>, <a href="https://twitter.com/VinitaKRathi" target="_blank">Vinita Rathi</a> - Our WHFNP volunteer workshop presenters and preppers</li>
</ul>
</section>
<section>
<h2>Why Should You Blog?</h2>
<p><em>Just a few reasons (there are many more!)</em></p>
<ul>
<li>It's a <strong>learning aid</strong> that helps you break down and analyse topics clearer</li>
<li>It <strong>connects you to a network</strong> of like-minded / supportive communities</li>
<li>Women are highly under-represented in the tech-blogosphere, <strong>it needs your voice</strong></li>
<li>It can <strong>open up opportunities</strong>; whether it be an addition to your CV/portfolio, lead to giving talks, or just be a confidence-builder.</li>
</ul>
</section>
<section>
<h2>"Learning is a lot more fun — and a lot more effective — when it’s social." <br />
<small>- Mike Nelson, <a href="https://storify.com/SusannahFox/mike-nelson-s-career-advice" target="_blank">17 Nuggets of Wisdom</a></small></h2>
</section>
<section>
<section>
<h2>Top Tips - <a href="http://www.bennadel.com" target="_blank">Ben Nadel</a></h2>
<ol>
<li>Keep a backlog of ideas that you want to explore</li>
<li>Blog for yourself</li>
<li>Your point of view is always unique</li>
<li>Try never to make assertions that you haven't tested</li>
<li>No topic is too small or insignificant</li>
</ol>
<br /><br />
<img src="images/ben.jpg" alt="Ben" width="200">
<p><small>(scroll down for details)</small></p>
</section>
<section>
<h3>Keep a backlog of ideas that you want to explore</h3>
<p>Questions and ideas will pop into your head at the most random times. At your desk; walking down the street; in an elevator; at the gym. Make sure to always write those ideas down the moment you have them. I do this using GMail. I have a GMail filter setup that automatically tags and archives emails with a particular Subject line. So, when I have one of those random ideas, I immediately open the closest GMail client (desktop or mobile) and shoot myself an email. Then, the next time I sit down to do some R&D, I have a catalog of ideas from which to choose.</p>
</section>
<section>
<h3>Blog for yourself</h3>
<p>Blogging is hard work. It takes time and dedication. Keeping with it will be much easier if you're doing it for yourself. Meaning, don't chase the next "hot topic" unless it really interests you. If you can do that, you end up creating a anthology of content that you, yourself, want to consume. When that happens, I guarantee that you'll find yourself referring back to your own writing as a sort of personalized documentation. Plus, when you're really excited about a topic, writing one post is more likely to lead to new ideas and new avenues of exploration as you find yourself falling down the rabbit hole of desire.</p>
</section>
<section>
<h3>Your point of view is always unique</h3>
<p>Sometimes, it's hard to get over the fear that you might be covering a topic that someone else has already covered. Who cares! What does that have to do with anything?! You're blogging for yourself. And besides, no one but you has your voice and your perspective. When you write about a topic, it will be unique even if the general topic is common.</p>
</section>
<section>
<h3>Try never to make assertions that you haven't tested</h3>
<p>I can't tell you how many times I've been about to publish a post when I go to double-check something and then discover that half of what I've written is wrong. Sure, this is frustrating; but, it makes me a little wiser every time. Now, rather than attempting to draw theoretical conclusions, I try my best to test every assertion that I've made. And, if I can't test it - or I don't have time to test it - I'll replace the assertion with a written caveat as to where I believe I have gaps in my understand. I'm certainly a fan of the statement, "As such, please take the following paragraph with a grain of salt."</p>
</section>
<section>
<h3>No topic is too small or insignificant</h3>
<p>I write about everything. Every little hurdle. Every little mistake. Every little error that was hard to debug. If it tripped me up, confused me, or wasted my time, I think it's worth documenting. This does a service to anyone that might try to Google for the same thing. And, sometimes embarrassingly, I am that person - Googling for the solution to a problem that I already solved 8 months ago. Talk about paying it forward to your future self! Small topics also have the benefit of keeping the mental machinery working. A body in motion tends to stay in motion. So, if a bunch of small posts can keep up your momentum, I find that to be better than long periods of not writing.</p>
</section>
</section>
<section>
<section>
<h2>Top Tips - <a href="http://www.missgeeky.com" target="_blank">Melinda Seckington</a></h2>
<ol>
<li>What story are you trying to tell?</li>
<li>Start with an outline</li>
<li>Refactor and rewrite</li>
<li>It never will be perfect</li>
</ol>
<br /><br />
<img src="images/melinda.jpg" alt="Melinda" width="200">
<p><small>(scroll down for details)</small></p>
</section>
<section>
<h3>What story are you trying to tell?</h3>
<p style="font-size: 0.95em;">Before writing anything, I try to sit down and think through all the different aspects of my blog post. For starters, who am I writing this post for? Are they other developers? Users of my product? Fans of a TV show? What’s their background, what do they know? Knowing who you’re writing for frames the entire article - for me, it makes it easier to understand and define the scope of what you’re attempting to write. Once you know who you’re writing this for, think about what story you’re telling them. What is it that you want them to take away from this post? What’s the key message? Are you trying to convince them of something? Are you sharing something that you did? Have an idea of what effect you want to have on your audience.</p>
</section>
<section>
<h3>Start with an outline</h3>
<p>My process of writing typically begins with post-it notes. I’ll start with all the key points I want to make, including some of the answers I came up with to the questions in the previous section. Once I’ve got all those post-its I start grouping them and moving them around to create different sections. What I like about this method is that it allows me to be a bit more flexible in how I tell the story - it’s easier to move post-its around and come up with the structure that works best without being bogged down in paragraphs and paragraphs of text.</p>
</section>
<section>
<h3>Refactor and rewrite</h3>
<p>It’s rare I’ll write something that I’m completely happy with in one go. Typically I’ll have an initial draft and go through it completely again - cutting parts, moving paragraphs around and turning it into a better story. Just like with refactoring code, you need to keep in mind that it’s all about making the end product better. Sometimes I’ll have written a sentence or paragraph that I completely love, but I know I need to cut, cause it just doesn’t work. </p>
</section>
<section>
<h3>It never will be perfect</h3>
<p>The main thing I’ve had to accept is that whatever I do none of my posts will ever be ‘perfect’. It’s sometimes super tricky to hit that publish button on something that you feel could be better, yet at the same you can’t keep every single post in a drafted state forever.</p>
</section>
</section>
<!-- Elizabeth's -->
<section>
<h2>Elizabeth & Krissy - Our Blogging Journeys</h2>
<ul>
<li class="fragment" data-fragment-index="1">Why do I blog?</li>
<li class="fragment" data-fragment-index="2">What do I blog about?</li>
<li class="fragment" data-fragment-index="3">What makes a good blog topic or piece?</li>
<li class="fragment" data-fragment-index="4">How to store blog posts and notes</li>
</ul>
</section>
<section>
<h3>Should you just brain dump?</h3>
<p class="fragment" data-fragment-index="1">Yes!</p>
<img src="images/elizabeth-blog-posts.png" class="fragment" data-fragment-index="2" alt="Screenshot of Elizabeth's blog notes - it's messy!">
</section>
<section>
<h2>OVER TO YOU</h2>
<p><em>Time to kickstart your new favourite hobby of tech blogging!</em></p>
<img src="images/writers_block.gif" alt="Writer's block" />
</section>
<section>
<h2>What's Happening Next</h2>
<ol style="font-size: 0.95em">
<li>Together (10 mins): Form small groups based on a broad category (suggested or your own) that interests you and brainstorm sub-topics for that category, discuss approaches, angles and key considerations based on advice given earlier</li>
<li>Set up your account on tonight's designated platform <a href="https://medium.com" target="_blank">Medium.com</a></li>
<li>Write! It doesn't matter how far you get, whether it be a draft or published by the end. The point is to start! We'll be coming around to talk things over / help out where you're stuck.</li>
<li>Blog and tell. We'll have a little discussion of what you've all come up with (exciting!)</li>
</ol>
</section>
<section>
<h2>Example Topics (Broad)</h2>
<ul>
<li>Giving a technical (e.g. dev, design, UX, QA, ops) tutorial</li>
<li>Tips relating to the tech industry</li>
<li>Observations relating to the tech industry</li>
<li>Biography, sharing your personal story/journey in tech</li>
<li>Recap a tech event, podcast, etc</li>
</ul>
</section>
<section>
<h2>Example Blog Titles</h2>
<ul>
<li>My first taste of Python (it wasn't so scary after all)</li>
<li>What is SEO? And how do I apply it to my website?</li>
<li>Linters what are they? Why do I need to use them?</li>
<li>What is Object Oriented programming?</li>
<li>Why I'm switching to a career in UX</li>
<li>How to center anything with CSS</li>
<li>Which Javascript framework should I choose?</li>
<li>Mobile first design and development</li>
<li>Should You Use Bootstrap or Foundation?</li>
</ul>
</section>
<section>
<h2>Example Blog Posts</h2>
<ul>
<li><a href="http://ladiesthatux.com/london/2016/02/01/your-ux-career-how-to-get-ahead/">Ladies That UX:</a> Your UX Career - How to get Ahead</li>
<li><a href="https://www.smashingmagazine.com/2014/05/responsive-images-done-right-guide-picture-srcset/">Smashing Mag:</a> Responsive Images Done Right</li>
<li><a href="https://davidwalsh.name/angular-charts">David Walsh: </a>Angular Charts</li>
<li><a href="http://missgeeky.com/2016/02/04/time-to-talk-day-anxiety-i/">Miss Geeky: </a>Time to Talk Day - Anxiety & I</li>
<li><a href="http://www.bennadel.com/blog/3008-two-way-data-binding-is-just-a-box-of-bananas-in-angular-2-beta-1.htm">Ben Nadel:</a> Two-Way Data Binding Is Just A "Box Of Bananas" In Angular 2 Beta 1</li>
<li><a href="https://blog.empowerhack.io/empowerhack-inclusive-humanitarian-tech-with-a-focus-on-women-4e0f5efa2f0e#.mw94ds7u9">Empowerhack:</a> Inclusive humanitarian tech with a focus on women</li>
<li><a href="http://blog.tanyapowell.co.uk/Be-A-Mentor/">Tanya Powell:</a> Those who can...become a mentor</li>
</ul>
</section>
<section>
<h2>Example Blogs and Bloggers</h2>
<p>We've started an open source wiki page! Please use it, update it and add your own blogs you created today under the WHFNP category :)</p>
<h4><a href="https://github.com/womenhackfornonprofits/whfnp-wiki/wiki/Blogs-We-Like">WHFNP Wiki Blog Reference</a></h4>
</section>
</div>
</div>
<script src="lib/js/head.min.js"></script>
<script src="js/reveal.js"></script>
<script>
// More info https://github.com/hakimel/reveal.js#configuration
Reveal.initialize({
history: true,
// More info https://github.com/hakimel/reveal.js#dependencies
dependencies: [
{ src: 'plugin/markdown/marked.js' },
{ src: 'plugin/markdown/markdown.js' },
{ src: 'plugin/notes/notes.js', async: true },
{ src: 'plugin/highlight/highlight.js', async: true, callback: function() { hljs.initHighlightingOnLoad(); } }
]
});
</script>
</body>
</html>