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>Umar Hansa</title> 17 <meta name="description" content="Front end web developer" /> 18 19 <link rel="canonical" href="/" /> 20 21 22 23 24 <meta property="og:title" content="Umar Hansa" /> 25 <meta property="og:description" content="Front end web developer" /> 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="home-page"> 48 49 <header class="dt-header dt-header-page-selected__home"> 50 <nav> 51 <ul> 52 53 <li class="dt-header__home"> 54 <a href="/" class="active"> 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/"> 79 Code 80 </a> 81 </li> 82 83 </ul> 84 </nav> 85</header> 86 87 88 <div class="container"> 89 90<div class="home-content"> 91 <div class="umaar" itemscope itemtype="http://data-vocabulary.org/Person"> 92 <img src="/assets/images/speaking-close-up.b16a1a65.jpg" alt="Umar giving a conference talk"> 93 94 <article> 95 <h1 id="intro">About me</h1> 96 97 <p> 98 I'm <span itemprop="name">Umar</span>, a web developer in the <span itemprop="address" itemscope itemtype="http://data-vocabulary.org/Address">UK</span>. I create <a href="/dev-tips/">developer tips</a> for the web community. People have said some <a href="/dev-tips/feedback">nice things</a> about it! 99 </p> 100 101 <p> 102 I <a href="/blog">blog</a> and also <a href="https://twitter.com/umaar">tweet</a> useful developer resources. 103 </p> 104 </article> 105 106 <article class="umaar-section"> 107 <h2 id="social">Social</h2> 108 109 <ul> 110 <li>umaar.com (this page)</li> 111 <li><a href="https://developers.google.com/community/experts/directory/profile/profile-umar_hansa">Google Developer Expert</a> (2013 - 2021)</li> 112 <li><a href="https://vimeo.com/umaar">Vimeo</a></li> 113 <li><a href="http://www.reddit.com/user/umaar/">Reddit</a></li> 114 <li><a href="https://dev.to/umaar">dev.to</a></li> 115 <li><a href="https://www.tiktok.com/@umarhansaofficial">TikTok</a></li> 116 <li><a href="https://www.instagram.com/umarhansa/">Instagram</a></li> 117 <li><a href="https://www.linkedin.com/in/umarhansa/">LinkedIn</a></li> 118 <li><a href="https://www.youtube.com/c/UmarHansa">YouTube</a></li> 119 <li><a href="https://github.com/umaar">GitHub</a></li> 120 <li><a href="https://twitter.com/umaar">Twitter</a></li> 121 </ul> 122 </article> 123 124 <article class="umaar-section"> 125 <h2 id="workshops">Workshops</h2> 126 <ul> 127 <li><a href="https://shop.smashingmagazine.com/products/front-end-bootcamp-london">The Modern Front-End Workflow Bootcamp (2018)</a> / <a href="https://web.archive.org/web/20180925212220/https://shop.smashingmagazine.com/products/front-end-bootcamp-london">archive</a></li> 128 <li>
128<a href="https://fronteers.nl/workshops/devtools-with-umar-hansa">DevTools Workshop in the Netherlands (2018)</a> / <a href="https://archive.is/yNVAn">archive</a></li> 129 <li> 130 <a href="https://smashingconf.com/online-workshops/workshops/umar-hansa"> 131 Front-End Testing & Browser Automation (2020) 132 </a> / <a href="https://archive.is/pNygi">archive</a> 133 </li> 134 <!-- <li> 135 <a href="https://frontendmasters.com/workshops/advanced-dev-tools/"> 136 Frontend Masters: Advanced DevTools (2021) 137 </a> / <a href="https://archive.is/D911f">archive</a> 138 </li> --> 139 </ul> 140 </article> 141 142 <article class="umaar-section"> 143 <h2 id="courses">Courses</h2> 144 <ul> 145 <li><a href="https://code.tutsplus.com/courses/chrome-developer-tools">Chrome Developer Tools (2014)</a></li> 146 <li><a href="https://moderndevtools.com/">Modern DevTools (2018)</a></li> 147 </ul> 148 </article> 149</div> 150</div> 151 152 </div> 153 154 155 156 157 158
159<script src="/assets/scripts/external/quicklink.js"></script>
vendor: 1 bytes, line 159
159
160<script src="/assets/js/main.b9d50b00.js"></script>
160 161 162 163
164<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>
164 165</body> 166</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.