1<!doctype html> 2<html lang="en"> 3<head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1"> 6 <meta name="apple-mobile-web-app-capable" content="yes" /> 7 8 9 <link type="text/css" rel="stylesheet" href="/assets/css/main.094e0168.css"> 10 <link rel="icon" type="image/jpeg" href="/assets/images/favico.ccce4930.jpg" /> 11 12 13 <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700&display=swap" rel="stylesheet"> 14 15 16 <title>Code - Umar Hansa</title> 17 <meta name="description" content="Code by Umar Hansa" /> 18 19 <link rel="canonical" href="/code/" /> 20 21 22 23 24 <meta property="og:title" content="Code - Umar Hansa" /> 25 <meta property="og:description" content="Code by Umar Hansa" /> 26 <meta property="og:type" content="website" /> 27 <meta property="og:image" content="/assets/images/social.2b8ba2c0.png" /> 28 <meta name="twitter:card" content="summary_large_image" /> 29 30 31 32 33 34 35
36<script>
vendor: 345 bytes, lines 36-42
36 37 (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ 38 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), 39 m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) 40 })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); 41 42 ga('create', '
42UA-2903544-3
vendor: 38 bytes, lines 42-43
42', 'auto'); 43 ga('send', 'pageview');
44</script>
44 45</head> 46 47<body class=""> 48 49 <header class="dt-header dt-header-page-selected__code"> 50 <nav> 51 <ul> 52 53 <li class="dt-header__home"> 54 <a href="/"> 55 Home 56 </a> 57 </li> 58 59 <li class="dt-header__tips"> 60 <a href="/dev-tips/"> 61 Tips 62 </a> 63 </li> 64 65 <li class="dt-header__blog"> 66 <a href="/blog/"> 67 Blog 68 </a> 69 </li> 70 71 <li class="dt-header__videos"> 72 <a href="/videos/"> 73 Videos 74 </a> 75 </li> 76 77 <li class="dt-header__code"> 78 <a href="/code/" class="active"> 79 Code 80 </a> 81 </li> 82 83 </ul> 84 </nav> 85</header> 86 87 88 <div class="container"> 89 90<div class="page-content"> 91 <div class="umaar"> 92 <article class="umaar-section"> 93 <h1 id="personal-github-projects-ive-enjoyed-working-on">Personal GitHub Projects I've enjoyed working on</h1> 94 <ul> 95 <li><a href="https://github.com/GoogleChrome/devtools-docs/commits/master?author=umaar">Official DevTools Documentation</a></li> 96 <li><a href="https://github.com/umaar/location-history">Location History</a></li> 97 <li><a href="https://github.com/umaar/robots">Martian Robot - Coding Challenge</a></li> 98 <li><a href="https://github.com/umaar/keypad-challenge">Keypad Solver - Coding Challenge</a></li> 99 <li><a href="https://github.com/umaar/meter-display">Meter Display</a></li> 100 <li><a href="https://github.com/umaar/space-invaders">Space Invaders</a></li> 101 102 <li> 103 <a href="https://github.com/umaar/identify-chrome-extension"> 104 Image Detection - Chrome Extension 105 </a> 106 </li> 107 108 <li> 109 <a href="https://github.com/umaar/point-mesh"> 110 Point Mesh Visualisation - Web Demo 111 </a> 112 </li> 113 114 <li> 115 <a href="https://github.com/umaar/train-timetable-coding-exercise"> 116 Train Timetable Coding Exercise 117 </a> 118 </li> 119 120 <li><a href="https://github.com/umaar/webdriverjs-recipes">WebDriver Recipes</a></li> 121 122 <li> 123 <a href="http://umaar.github.io/experiments/github-3d-logo/"> 124 3D Renders of the GitHub logo 125 </a> 126 </li> 127 128 <li> 129 <a href="https://github.com/umaar/csv-stream-example"> 130 Using JavaScript Streams to parse CSV - Web Demo 131 </a> 132 </li> 133 134 <li> 135 <a href="https://github.com/umaar/nap-products"> 136 Retail Products - Node.js + Client side product viewer 137 </a> 138 </li> 139 140 <li> 141 <a href="https://github.com/umaar/protoproject"> 142 Augmented Reality Music - Web App 143 </a> 144 </li> 145 146 <li><a href="https://github.com/umaar/yt-downloader-web">YouTube Downloader</a></li> 147 148 <li> 149 <a href="https://github.com/umaar/blood-fire"> 150 Blood Fire - Web Visualisation 151 </a> 152 </li> 153 154 <li> 155 <a href="https://github.com/umaar/performance-debugging-devtools-2018"> 156 Performance Debugging with DevTools - Slides 157 </a> 158 </li> 159 160 <li> 161 <a href="https://github.com/umaar/ig-photo-slideshow"> 162 Face Slideshow reacting to audio 163 </a> 164 165 / 166 167 <a href="https://github.com/umaar/face-slideshow"> 168 Face Slideshow (alternative version) 169 </a> 170 </li> 171 172 <li> 173 <a href="https://github.com/umaar/wiki-globe"> 174 Wikipedia Globe Visualisation - Realtime web demo 175 </a> 176 </li> 177 178 <li> 179 <a href="https://github.com/umaar/better-twitter-embed"> 180 Improved Tweet embedding - Node.js scripts 181 </a> 182 </li> 183 184 <li> 185 <a href="https://github.com/umaar/data-rights-extension"> 186 Data Rights Finder - Chrome Extension 187 </a> 188 </li> 189 190 <li> 191 <a href="https://github.com/umaar/hyperapp-example"> 192 HyperApp Demo - Client-side webapp 193 </a> 194 </li> 195 196 <li> 197 <a href="https://github.com/umaar/leaderboard"> 198 Leaderboard - A Node.js app powered by redis 199 </a> 200 </li> 201 202 <li> 203 <a href="https://github.com/umaar/awair"> 204 Air Quality Monitoring Dashboard 205 </a> 206 </li> 207 208 <li> 209 <a href="https://github.com/umaar/farewill-test"> 210 Farewill Code Test 211 </a> 212 </li> 213 214 <li> 215 <a href="https://github.com/umaar/export-github-stars"> 216 Export GitHub Stars 217 </a> 218 </li> 219 220 <li>
221 <a href="https://github.com/umaar/alfred-video-segment-extractor"> 222 Alfred Workflow: Video Segment Extractor 223 </a> 224 </li> 225 226 <li> 227 <a href="https://github.com/umaar/wordcloud"> 228 Word Cloud: Create a word/tag-cloud of a bunch of text 229 </a> 230 </li> 231 232 <li> 233 <a href="https://github.com/umaar/video-everyday"> 234 Video Everyday: Automatically create a '1 second everyday' video 235 </a> 236 </li> 237 238 <li> 239 <a href="https://github.com/umaar/offline-website-scripts"> 240 Offline Website Scripts: Download and run scripts on popular websites 241 </a> 242 </li> 243 244 <li> 245 <a href="https://github.com/umaar/learn-browser-testing"> 246 Learn Browser Testing and Automation: Code for my course 247 </a> 248 </li> 249 250 <li> 251 <a href="https://github.com/umaar/postcode-checker"> 252 Postcode checker: Node.js app for checking postcodes 253 </a> 254 </li> 255 256 <li> 257 <a href="https://github.com/umaar/weather-checker"> 258 Weather checker: Node.js app for checking the weather 259 </a> 260 </li> 261 262 <li> 263 <a href="https://github.com/google-developer-training/web-fundamentals-security-codelab">Teaching developers web security concepts</a> 264 </li> 265 266 <li> 267 <a href="https://github.com/google-developer-training/web-fundamentals-rendering-types-codelab">Teaching developers about web page rendering</a> 268 </li> 269 </ul> 270 </article> 271</div> 272</div> 273 274 </div> 275 276 277 278 279 280
281<script src="/assets/scripts/external/quicklink.js"></script>
vendor: 1 bytes, line 281
281
282<script src="/assets/js/main.b9d50b00.js"></script>
282 283 284 285
286<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"134d389f545544e2814f8b3676762fd4","r":1,"spa":2}' crossorigin="anonymous"></script>
286 287</body> 288</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.