https://suze.dev/

1<!DOCTYPE HTML>
2<html>
3
4<head>
5  <meta charset="utf-8">
6  <title>Suze Shardlow :: Suze Shardlow :: Home</title>
7  <link rel="shortcut icon" href="/images/favicon/favicon.png">
8  

8<script src="https://kit.fontawesome.com/b77d94a82e.js" crossorigin="anonymous"></script>

8
9  <link rel="stylesheet" href="/assets/css/main.css">
10  <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
11
12  <meta name="theme-color" content="#ff0000" />
13  <meta name="msapplication-navbutton-color" content="#ff0000">
14  <meta name="apple-mobile-web-app-capable" content="yes">
15  <meta name="apple-mobile-web-app-status-bar-style" content="#ff0000">
16
17  <!-- Global site tag (gtag.js) - Google Analytics -->

17
18  <script async src="https://www.googletagmanager.com/gtag/js?id=

18UA-108081564-1

18"></script>
19  

19<script>
20    

20window.dataLayer = window.dataLayer || [];
21    function gtag() { dataLayer.push(arguments); }
22    gtag('js', new Date());
23
24    gtag('config', '

24UA-108081564-1

24');
25  

25</script>

25
26  <!-- Begin Jekyll SEO tag v2.8.0 -->
27<title>Suze Shardlow :: Home | suze.dev</title>
28<meta name="generator" content="Jekyll v3.9.5" />
29<meta property="og:title" content="Suze Shardlow :: Home" />
30<meta name="author" content="@SuzeShardlow" />
31<meta property="og:locale" content="en_UK" />
32<meta name="description" content="Suze Shardlow’s personal website." />
33<meta property="og:description" content="Suze Shardlow’s personal website." />
34<link rel="canonical" href="https://suze.dev/" />
35<meta property="og:url" content="https://suze.dev/" />
36<meta property="og:site_name" content="suze.dev" />
37<meta property="og:type" content="website" />
38<meta name="twitter:card" content="summary" />
39<meta property="twitter:title" content="Suze Shardlow :: Home" />
40<meta name="twitter:site" content="@SuzeShardlow" />
41<meta name="twitter:creator" content="@SuzeShardlow" />

42<script type="application/ld+json">
43{"@context":"https://schema.org","@type":"WebSite","author":{"@type":"Person","name":"@SuzeShardlow"},"description":"Suze Shardlow’s personal website.","headline":"Suze Shardlow :: Home","name":"suze.dev","url":"https://suze.dev/"}</script>

43
44<!-- End Jekyll SEO tag -->
45
46</head>
47
48<body>
49  <div id="wrapper">
50    <div id="main">
51      <div class="inner">
52        <header id="header">
53  
54  <a href="/" class="logo"><strong>Suze.dev</strong> by Suze Shardlow</a>
55  
56  
57  
58  <ul class="icons">
59    <span class="label share-label">Share this content</span>
60    
61    <li>
62      <a target=""
63        href="https://twitter.com/intent/tweet?text=Check out Suze Shardlow is a multi-award-winning devrel leader, coder, tech writer and tech event MC. by @SuzeShardlow&url=https://suze.dev/"
64        class="icon fa-twitter"></a>
65    </li>
66    
67    <li>
68      <a target=""
69        href="https://www.linkedin.com/shareArticle?mini=true&url=https://suze.dev/&title=Suze Shardlow is a multi-award-winning devrel leader, coder, tech writer and tech event MC.&source=suze.dev by Suze Shardlow"
70        class="icon fa-linkedin-in"></a>
71    </li>
72    
73    <li>
74      <a target=""
75        href="https://wa.me/?text=Check out Suze Shardlow is a multi-award-winning devrel leader, coder, tech writer and tech event MC. by Suze Shardlow https://suze.dev/"
76        class="icon fa-whatsapp"></a>
77    </li>
78    
79    <li>
80      <a target=""
81        href="mailto:?subject=Check out Suze Shardlow is a multi-award-winning devrel leader, coder, tech writer and tech event MC. by Suze Shardlow&body=Suze Shardlow is a multi-award-winning devrel leader, coder, tech writer and tech event MC. https://suze.dev/"
82        class="icon fa-envelope"></a>
83    </li>
84    
85  </ul>
86
87  
88
89  
90  <div class="align-right">
91    

91<script type='text/javascript' src='https://ko-fi.com/widgets/widget_2.js'></script>

91

92<script
93    type='text/javascript'>kofiwidget2.init('Buy me a coffee!', '#ff0000', 'SuzeShardlow'); kofiwidget2.draw();</script>

93
94
95  </div>
96</header>
97        <section id="banner">
98          <div class="content">
99            <header class="main">
100              <h1>Suze Shardlow is a multi-award-winning devrel leader, coder, tech writer and tech event MC.</h1>
101              <p></p>
102            </header>
103        </section>
104
105        <header class="major">
106          <h2>Writing</h2>
107        </header>
108
109        <!-- First block starts here -->
110        <!-- Latest post -->
111        
112        <div class="row">
113          <div class="col-7 col-12-medium mb-1-medium">
114            <a href="/blog/im-a-techwomen100-2020-winner/">
115              <span class="image fit">
116                <div class="zoombox">
117                  <img src="/images/blog/2020_11_16_im_a_techwomen100_2020_winner/techwomen100.jpg" class="zoomimg">
118                </div>
119              </span>
120              <h3 class="bloglist-title">I'm a TechWomen100 2020 Winner!
121            </a></h3>
122            <h4 class="bloglist-subtitle">
123              Tech • 2-minute read
124            </h4>
125            <p>I’ve been recognised for my community building, event hosting and tech education work.  There were a total of 700 nominations and I am in the top 100!  Here’s what they said about me…</p>
126
127
128          </div>
129
130          <!-- Second and third posts -->
131          <div class="col-5 col-12-medium">
132
133            
134            
135            
136
137            <!-- Second post -->
138            <div class="row">
139
140              <div class="col-5 col-12-medium">
141                <a href="/blog/10-things-to-look-out-for-when-choosing-an-estate-agent/">
142                  <span class="image fit">
143                    <div class="zoombox">
144                      <img src="/images/blog/2020_09_21_ten_things_to_look_out_for_when_choosing_an_estate_agent/estate_agent.jpg" class="zoomimg">
145                    </div></a>
146                </span>
147              </div>
148
149              <div class="col-7 col-12-medium mb-1-medium">
150                <a href="/blog/10-things-to-look-out-for-when-choosing-an-estate-agent/">
151                  <h3 class="bloglist-title">10 Things To Look Out For When Choosing An Estate Agent
152                </a></h3>
153                <h4 class="bloglist-subtitle">
154                  Adulting • 9-minute read
155                </h4>
156                <p>It's not in their interest to educate you about what their contract means.</p>
157              </div>
158            </div>
159
160            <!-- Third post -->
161            <div class="row">
162
163              <div class="col-5 col-12-medium">
164                <a href="/blog/how-to-create-a-tech-talk-in-four-weeks/">
165                  <span class="image fit">
166                    <div class="zoombox">
167                      <img src="/images/blog/2020_08_31_how_to_create_a_tech_talk_in_four_weeks/get_heard_2020_banner.png" class="zoomimg">
168                    </div></a>
169                </span>
170              </div>
171
172              <div class="col-7 col-12-medium mb-1-medium">
173                <a href="/blog/how-to-create-a-tech-talk-in-four-weeks/">
174                  <h3 class="bloglist-title">How To Create A Tech Talk In 4 Weeks
175                </a></h3>
176                <h4 class="bloglist-subtitle">
177                  Leadership • 3-minute read
178                </h4>
179              <p>Our first Ladies of Code public speaking workshop series helped four women write and perform a tech talk.</p>
180              </div>
181
182              
183            </div>
184
185            <!-- Fourth post -->
186            <div class="row">
187
188              <div class="col-5 col-12-medium">
189                <a href="/blog/wtf-is-a-recession/">
190                  <span class="image fit">
191                    <div class="zoombox">
192                      <img src="/images/blog/2020_08_14_wtf_is_a_recession/wtf_recession.jpg" class="zoomimg">
193                    </div></a>
194                </span>
195              </div>
196
197              <div class="col-7 col-12-medium mb-1-medium">
198                <a href="/blog/wtf-is-a-recession/">
199                  <h3 class="bloglist-title">WTF Is A Recession?
200                </a></h3>
201                <h4 class="bloglist-subtitle">
202                  Adulting • 7-minute read
203                </h4>
204              <p>We hear this word a lot, but what does it actually mean?</p>
205              </div>
206
207              
208            </div>
209
210          </div>
211        </div>
212
213        <!-- First block ends here -->
214
215        <header class="major">
216          <h2>Speaking</h2>
217        </header>
218        <div class="row">
219          
220          
221        
222          
223          <div class="col-4 col-12-medium">
224            <a href="/public_speaking">

225              <span class="image fit">
226                <div class="zoombox">
227                  <img src="/images/public_speaking/2019_04_11_from_policing_to_programming/policing_to_prog_pivotal_main.jpg" class="zoomimg">
228                </div>
229              </span>
230              <div>
231                <h3 class="bloglist-title">From Policing To Programming: How I Changed Career When I Turned 40
232            </a></h3>
233          </div>
234          <p>
235            Pivotal Europe, London, United Kingdom
236          <p>
237        </div>
238        
239        
240          
241        
242          
243        
244          
245        
246          
247        
248          
249        
250          
251        
252          
253          <div class="col-4 col-12-medium">
254            <a href="/public_speaking">
255              <span class="image fit">
256                <div class="zoombox">
257                  <img src="/images/public_speaking/fact_coding_series/2020_02_07_fact_coding_series_with_suze_shardlow_workshop_one/sussex1.jpg" class="zoomimg">
258                </div>
259              </span>
260              <div>
261                <h3 class="bloglist-title">FACT///.Coding Workshop Series With Suze Shardlow
262            </a></h3>
263          </div>
264          <p>
265            University of Sussex, Brighton, UK
266          <p>
267        </div>
268        
269        
270          
271        
272          
273        
274          
275        
276          
277        
278          
279          <div class="col-4 col-12-medium">
280            <a href="/public_speaking">
281              <span class="image fit">
282                <div class="zoombox">
283                  <img src="/images/public_speaking/2020_05_15_get_into_engineering_management/get_into_engmgmt.jpg" class="zoomimg">
284                </div>
285              </span>
286              <div>
287                <h3 class="bloglist-title">Get into... Engineering Management
288            </a></h3>
289          </div>
290          <p>
291            Webinar recorded in London, United Kingdom
292          <p>
293        </div>
294        
295        
296          
297        
298          
299        
300          
301        
302          
303        
304          
305        
306          
307        
308          
309        
310          
311        
312          
313        
314          
315        
316          
317        
318          
319        
320          
321        
322          
323        
324          
325        
326          
327        
328          
329        
330          
331        
332          
333        
334          
335        
336          
337        
338          
339        
340          
341        
342          
343        
344          
345        
346          
347        
348          
349        
350          
351        
352          
353        
354          
355        
356          
357        
358          
359        
360          
361        
362      </div>
363
364      <header class="major">
365        <h2>Coding</h2>
366      </header>
367      <div class="row">
368        
369        
370        <div class="col-3 col-12-medium">
371          <a href="/coding_projects/boris_bikes/">
372            <span class="image fit">
373              <div class="zoombox">
374                <img src="/images/coding_projects/boris_bikes/boris_bikes.jpg" class="zoomimg">
375              </div>
376            </span>
377            <div>
378              <h3 class="learn-header">Boris Bikes
379          </a>
380          </h3>
381
382          <h5>HTML, CSS, JavaScript</h5>
383        </div>
384        <p>A little JavaScript app I built in one evening using the TfL and Google Maps APIs.</p>
385      </div>
386      
387      
388        
389      
390        
391      
392        
393        <div class="col-3 col-12-medium">
394          <a href="/coding_projects/personal_website/">
395            <span class="image fit">
396              <div class="zoombox">
397                <img src="/images/coding_projects/personal_website/suze_dev_on_macbook.jpg" class="zoomimg">
398              </div>
399            </span>
400            <div>
401              <h3 class="learn-header">suze.dev
402          </a>
403          </h3>
404
405          <h5>HTML, CSS, JavaScript, Jekyll</h5>
406        </div>
407        <p>A personal portfolio site built using Jekyll and GitHub Pages.</p>
408      </div>
409      
410      
411        
412        <div class="col-3 col-12-medium">
413          <a href="/coding_projects/skedaddle/">

414            <span class="image fit">
415              <div class="zoombox">
416                <img src="/images/coding_projects/skedaddle/skedaddle_on_macbook.jpg" class="zoomimg">
417              </div>
418            </span>
419            <div>
420              <h3 class="learn-header">Skedaddle
421          </a>
422          </h3>
423
424          <h5>MongoDB, Express, EJS, Node.js</h5>
425        </div>
426        <p>A full stack app which draws data from the Transport for London (TfL) API to help Tube travellers.</p>
427      </div>
428      
429      
430        
431        <div class="col-3 col-12-medium">
432          <a href="/coding_projects/unscramble/">
433            <span class="image fit">
434              <div class="zoombox">
435                <img src="/images/coding_projects/unscramble/unscramble_on_macbook.png" class="zoomimg">
436              </div>
437            </span>
438            <div>
439              <h3 class="learn-header">Unscramble
440          </a>
441          </h3>
442
443          <h5>HTML, CSS, JavaScript</h5>
444        </div>
445        <p>A web-based game I built after two weeks of learning JavaScript.</p>
446      </div>
447      
448      
449
450    </div>
451    
452
453    <hr />
454
455  </div>
456
457  </div>
458  <div id="sidebar">
459  <div class="inner">
460    <nav id="menu">
461      <header class="major">
462        <h2>Look around...</h2>
463      </header>
464
465      <ul>
466        
467          
468
469        
470          <li><a href="/" class="menu-highlight">Home</a>
471          </li>
472        
473
474        
475          
476
477        
478        <li>
479          
480          
481
482        <span class="opener ">About</span>
483          
484            <ul>
485              
486                
487              <li><a href="/about" class="">About Me</a>
488              </li>
489        </li>
490          
491                
492              <li><a href="/bio" class="">Bio</a>
493              </li>
494        </li>
495          
496            </ul>
497          
498
499        
500
501        
502          
503
504        
505          <li><a href="/blog" class="">Writing</a>
506          </li>
507        
508
509        
510          
511
512        
513          <li><a href="/public_speaking" class="">Public Speaking</a>
514          </li>
515        
516
517        
518          
519
520        
521          <li><a href="/coding_projects" class="">Coding Projects</a>
522          </li>
523        
524
525        
526          
527
528        
529          <li><a href="/sketchnotes" class="">Sketchnotes</a>
530          </li>
531        
532
533        
534
535        
536
537      </ul>
538
539      

539<script type='text/javascript' src='https://ko-fi.com/widgets/widget_2.js'></script>

539

540<script
541    type='text/javascript'>kofiwidget2.init('Buy me a coffee!', '#ff0000', 'SuzeShardlow'); kofiwidget2.draw();</script>

541
542
543
544    </nav>
545
546    <footer id="footer">
547  <header class="major">
548    <h2>Find me!</h2>
549  </header>
550
551  <ul class="icons">
552    
553    <li>
554      <a href="https://twitter.com/intent/follow?screen_name=suzeshardlow" class="icon fa-twitter" rel="me"><span class="label"></a>
555    </li>
556    
557    <li>
558      <a href="https://linkedin.com/in/SuzeShardlow" class="icon fa-linkedin-in" rel="me"><span class="label"></a>
559    </li>
560    
561    <li>
562      <a href="https://github.com/SuzeShardlow" class="icon fa-github-alt" rel="me"><span class="label"></a>
563    </li>
564    
565    <li>
566      <a href="https://hachyderm.io/@suze" class="icon fa-mastodon" rel="me"><span class="label"></a>
567    </li>
568    
569    <li>
570      <a href="https://www.youtube.com/channel/UCWSMhdjbGea46ugbKF31CDA" class="icon fa-youtube" rel="me"><span class="label"></a>
571    </li>
572    
573    <li>
574      <a href="" class="icon fa-envelope email" rel="me"><span class="label"></a>
575    </li>
576    
577
578    <form "
579    action="https://tinyletter.com/theshardlowdown" method="post" target="popupwindow"
580    onsubmit="window.open('https://tinyletter.com/theshardlowdown', 'popupwindow', 'scrollbars=yes,width=800,height=600');return true">
581    <label class="subscribe-cta-nav" for="tlemail">Subscribe to get new content in
582        your inbox:</label>
583    <input class="subscribe-input-nav" type="text" name="email"
584        placeholder="[email protected]" id="tlemail" />
585    <input type="hidden" value="1" name="embed" />
586    <div class="align-right">
587        <input class="subscribe-button-nav" type="submit" value="Subscribe" />
588        </div>
589</form>
590
591    <div class="h-card">
592
593      <p class="copyright">
594        &copy; <a class="p-name u-url u-uid" href="/">
595          <span class="p-given-name">Suze</span>
596          <span class="p-family-name">Shardlow</span></a> 2017-2024. All rights reserved.
597          <span class="p-country-name">United Kingdom</span>.
598        Layout: <a href="http://html5up.net" target="_blank">HTML5 UP</a>
599
600        <section style="display: none;">
601          <ul>
602            <li class="p-honorific-prefix">Ms</li>
603            <li class="p-nickname">SuzeShardlow</li>
604            <li class="p-gender-identity">F</li>
605            <li class="u-email email">#</li>
606            <li class="u-photo"><img src="/images/p_data/suze.jpg"></li>
607            <li class="p-job-title">Developer Relations Strategist</li>
608          </ul>
609        </section>
610
611    </div>
612
613</footer>
614
615
616  </div>
617</div>
618  </div>
619
620  

620<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

620

621<script src="/assets/js/browser.min.js"></script>

621

622<script src="/assets/js/breakpoints.min.js"></script>

622

623<script src="/assets/js/util.js"></script>

623

624<script src="/assets/js/main.js"></script>

624

625<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

625
626
627</body>
628
629</html>