CINXE.COM
<!doctype html><html lang="en"><head><title data-rh="true">You are being tracked, my friend! | by Shivani Gupta | Frontend Weekly | Medium</title><meta data-rh="true" charset="utf-8"/><meta data-rh="true" name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1,maximum-scale=1"/><meta data-rh="true" name="theme-color" content="#000000"/><meta data-rh="true" name="twitter:app:name:iphone" content="Medium"/><meta data-rh="true" name="twitter:app:id:iphone" content="828256236"/><meta data-rh="true" property="al:ios:app_name" content="Medium"/><meta data-rh="true" property="al:ios:app_store_id" content="828256236"/><meta data-rh="true" property="al:android:package" content="com.medium.reader"/><meta data-rh="true" property="fb:app_id" content="542599432471018"/><meta data-rh="true" property="og:site_name" content="Medium"/><meta data-rh="true" property="og:type" content="article"/><meta data-rh="true" property="article:published_time" content="2020-03-19T14:37:15.232Z"/><meta data-rh="true" name="title" content="You are being tracked, my friend! | by Shivani Gupta | Frontend Weekly | Medium"/><meta data-rh="true" property="og:title" content="You are being tracked, my friend!"/><meta data-rh="true" property="al:android:url" content="medium://p/e86ce074ccc"/><meta data-rh="true" property="al:ios:url" content="medium://p/e86ce074ccc"/><meta data-rh="true" property="al:android:app_name" content="Medium"/><meta data-rh="true" name="description" content="Almost anything you do or interact online involves some form of data, and this data tells a story about who you are and where you have been, what food you have been ordering and your favourite…"/><meta data-rh="true" property="og:description" content="Almost anything you do or interact online involves some form of data, and this data tells a story about who you are and where you have…"/><meta data-rh="true" property="og:url" content="https://medium.com/front-end-weekly/you-are-being-tracked-my-friend-e86ce074ccc"/><meta data-rh="true" property="al:web:url" content="https://medium.com/front-end-weekly/you-are-being-tracked-my-friend-e86ce074ccc"/><meta data-rh="true" property="og:image" content="https://miro.medium.com/v2/resize:fit:1200/1*3UhQUZFcZEEkIagGKzGd4A.png"/><meta data-rh="true" property="article:author" content="https://gshivani.medium.com"/><meta data-rh="true" name="author" content="Shivani Gupta"/><meta data-rh="true" name="robots" content="index,noarchive,follow,max-image-preview:large"/><meta data-rh="true" name="referrer" content="unsafe-url"/><meta data-rh="true" property="twitter:title" content="You are being tracked, my friend!"/><meta data-rh="true" name="twitter:site" content="@frontendweekly1"/><meta data-rh="true" name="twitter:app:url:iphone" content="medium://p/e86ce074ccc"/><meta data-rh="true" property="twitter:description" content="Almost anything you do or interact online involves some form of data, and this data tells a story about who you are and where you have…"/><meta data-rh="true" name="twitter:image:src" content="https://miro.medium.com/v2/resize:fit:1200/1*3UhQUZFcZEEkIagGKzGd4A.png"/><meta data-rh="true" name="twitter:card" content="summary_large_image"/><meta data-rh="true" name="twitter:label1" content="Reading time"/><meta data-rh="true" name="twitter:data1" content="4 min read"/><link data-rh="true" rel="icon" href="https://miro.medium.com/v2/5d8de952517e8160e40ef9841c781cdc14a5db313057fa3c3de41c6f5b494b19"/><link data-rh="true" rel="search" type="application/opensearchdescription+xml" title="Medium" href="/osd.xml"/><link data-rh="true" rel="apple-touch-icon" sizes="152x152" href="https://miro.medium.com/v2/resize:fill:304:304/10fd5c419ac61637245384e7099e131627900034828f4f386bdaa47a74eae156"/><link data-rh="true" rel="apple-touch-icon" sizes="120x120" href="https://miro.medium.com/v2/resize:fill:240:240/10fd5c419ac61637245384e7099e131627900034828f4f386bdaa47a74eae156"/><link data-rh="true" rel="apple-touch-icon" sizes="76x76" href="https://miro.medium.com/v2/resize:fill:152:152/10fd5c419ac61637245384e7099e131627900034828f4f386bdaa47a74eae156"/><link data-rh="true" rel="apple-touch-icon" sizes="60x60" href="https://miro.medium.com/v2/resize:fill:120:120/10fd5c419ac61637245384e7099e131627900034828f4f386bdaa47a74eae156"/><link data-rh="true" rel="mask-icon" href="https://miro.medium.com/v2/resize:fill:1000:1000/7*GAOKVe--MXbEJmV9230oOQ.png" color="#171717"/><link data-rh="true" rel="preconnect" href="https://glyph.medium.com" crossOrigin=""/><link data-rh="true" id="glyph_preload_link" rel="preload" as="style" type="text/css" href="https://glyph.medium.com/css/unbound.css"/><link data-rh="true" id="glyph_link" rel="stylesheet" type="text/css" href="https://glyph.medium.com/css/unbound.css"/><link data-rh="true" rel="author" href="https://gshivani.medium.com"/><link data-rh="true" rel="canonical" href="https://medium.com/front-end-weekly/you-are-being-tracked-my-friend-e86ce074ccc"/><link data-rh="true" rel="alternate" href="android-app://com.medium.reader/https/medium.com/p/e86ce074ccc"/><script data-rh="true" type="application/ld+json">{"@context":"http:\u002F\u002Fschema.org","@type":"NewsArticle","image":["https:\u002F\u002Fmiro.medium.com\u002Fv2\u002Fresize:fit:1200\u002F1*3UhQUZFcZEEkIagGKzGd4A.png"],"url":"https:\u002F\u002Fmedium.com\u002Ffront-end-weekly\u002Fyou-are-being-tracked-my-friend-e86ce074ccc","dateCreated":"2020-03-12T17:55:46.923Z","datePublished":"2020-03-12T17:55:46.923Z","dateModified":"2021-12-13T18:31:25.332Z","headline":"You are being tracked, my friend! - Frontend Weekly - Medium","name":"You are being tracked, my friend! - Frontend Weekly - Medium","description":"Almost anything you do or interact online involves some form of data, and this data tells a story about who you are and where you have been, what food you have been ordering and your favourite…","identifier":"e86ce074ccc","author":{"@type":"Person","name":"Shivani Gupta","url":"https:\u002F\u002Fgshivani.medium.com"},"creator":["Shivani Gupta"],"publisher":{"@type":"Organization","name":"Frontend Weekly","url":"https:\u002F\u002Fmedium.com\u002Ffront-end-weekly","logo":{"@type":"ImageObject","width":163,"height":60,"url":"https:\u002F\u002Fmiro.medium.com\u002Fv2\u002Fresize:fit:326\u002F1*3tLiepV4wSXgEWj_LnUQvw.png"}},"mainEntityOfPage":"https:\u002F\u002Fmedium.com\u002Ffront-end-weekly\u002Fyou-are-being-tracked-my-friend-e86ce074ccc"}</script><style type="text/css" data-fela-rehydration="571" data-fela-type="STATIC">html{box-sizing:border-box;-webkit-text-size-adjust:100%}*, *:before, *:after{box-sizing:inherit}body{margin:0;padding:0;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;color:rgba(0,0,0,0.8);position:relative;min-height:100vh}h1, h2, h3, h4, h5, h6, dl, dd, ol, ul, menu, figure, blockquote, p, pre, form{margin:0}menu, ol, ul{padding:0;list-style:none;list-style-image:none}main{display:block}a{color:inherit;text-decoration:none}a, button, input{-webkit-tap-highlight-color:transparent}img, svg{vertical-align:middle}button{background:transparent;overflow:visible}button, input, optgroup, select, textarea{margin:0}:root{--reach-tabs:1;--reach-menu-button:1}#speechify-root{font-family:Sohne, sans-serif}div[data-popper-reference-hidden="true"]{visibility:hidden;pointer-events:none}.grecaptcha-badge{visibility:hidden} /*XCode style (c) Angel Garcia <angelgarcia.mail@gmail.com>*/.hljs {background: #fff;color: black; }/* Gray DOCTYPE selectors like WebKit */ .xml .hljs-meta {color: #c0c0c0; }.hljs-comment, .hljs-quote {color: #007400; }.hljs-tag, .hljs-attribute, .hljs-keyword, .hljs-selector-tag, .hljs-literal, .hljs-name {color: #aa0d91; }.hljs-variable, .hljs-template-variable {color: #3F6E74; }.hljs-code, .hljs-string, .hljs-meta .hljs-string {color: #c41a16; }.hljs-regexp, .hljs-link {color: #0E0EFF; }.hljs-title, .hljs-symbol, .hljs-bullet, .hljs-number {color: #1c00cf; }.hljs-section, .hljs-meta {color: #643820; }.hljs-title.class_, .hljs-class .hljs-title, .hljs-type, .hljs-built_in, .hljs-params {color: #5c2699; }.hljs-attr {color: #836C28; }.hljs-subst {color: #000; }.hljs-formula {background-color: #eee;font-style: italic; }.hljs-addition {background-color: #baeeba; }.hljs-deletion {background-color: #ffc8bd; }.hljs-selector-id, .hljs-selector-class {color: #9b703f; }.hljs-doctag, .hljs-strong {font-weight: bold; }.hljs-emphasis {font-style: italic; } </style><style type="text/css" data-fela-rehydration="571" data-fela-type="KEYFRAME">@-webkit-keyframes k1{0%{opacity:0.8}50%{opacity:0.5}100%{opacity:0.8}}@-moz-keyframes k1{0%{opacity:0.8}50%{opacity:0.5}100%{opacity:0.8}}@keyframes k1{0%{opacity:0.8}50%{opacity:0.5}100%{opacity:0.8}}</style><style type="text/css" data-fela-rehydration="571" data-fela-type="RULE">.a{font-family:medium-content-sans-serif-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif}.b{font-weight:400}.c{background-color:rgba(255, 255, 255, 1)}.l{display:block}.m{position:sticky}.n{top:0}.o{z-index:500}.p{padding:0 24px}.q{align-items:center}.r{border-bottom:solid 1px #F2F2F2}.y{height:41px}.z{line-height:20px}.ab{display:flex}.ac{height:57px}.ae{flex:1 0 auto}.af{color:inherit}.ag{fill:inherit}.ah{font-size:inherit}.ai{border:inherit}.aj{font-family:inherit}.ak{letter-spacing:inherit}.al{font-weight:inherit}.am{padding:0}.an{margin:0}.ao{cursor:pointer}.ap:disabled{cursor:not-allowed}.aq:disabled{color:#6B6B6B}.ar:disabled{fill:#6B6B6B}.au{width:auto}.av path{fill:#242424}.aw{height:25px}.ax{margin-left:16px}.ay{border:none}.az{border-radius:20px}.ba{width:240px}.bb{background:#F9F9F9}.bc path{fill:#6B6B6B}.be{outline:none}.bf{font-family:sohne, "Helvetica Neue", Helvetica, Arial, sans-serif}.bg{font-size:14px}.bh{width:100%}.bi{padding:10px 20px 10px 0}.bj{background-color:transparent}.bk{color:#242424}.bl::placeholder{color:#6B6B6B}.bm{display:inline-block}.bn{margin-left:12px}.bo{margin-right:12px}.bp{border-radius:4px}.bq{margin-left:24px}.br{height:24px}.bx{background-color:#F9F9F9}.by{border-radius:50%}.bz{height:32px}.ca{width:32px}.cb{justify-content:center}.ch{max-width:680px}.ci{min-width:0}.cj{animation:k1 1.2s ease-in-out infinite}.ck{height:100vh}.cl{margin-bottom:16px}.cm{margin-top:48px}.cn{align-items:flex-start}.co{flex-direction:column}.cp{justify-content:space-between}.cq{margin-bottom:24px}.cw{width:80%}.cx{background-color:#F2F2F2}.dd{height:44px}.de{width:44px}.df{margin:auto 0}.dg{margin-bottom:4px}.dh{height:16px}.di{width:120px}.dj{width:80px}.dp{margin-bottom:8px}.dq{width:96%}.dr{width:98%}.ds{width:81%}.dt{margin-left:8px}.du{color:#6B6B6B}.dv{font-size:13px}.dw{height:100%}.ep{color:#FFFFFF}.eq{fill:#FFFFFF}.er{background:#1A8917}.es{border-color:#1A8917}.ew:disabled{cursor:inherit !important}.ex:disabled{opacity:0.3}.ey:disabled:hover{background:#1A8917}.ez:disabled:hover{border-color:#1A8917}.fa{border-radius:99em}.fb{border-width:1px}.fc{border-style:solid}.fd{box-sizing:border-box}.fe{text-decoration:none}.ff{text-align:center}.fi{margin-right:32px}.fj{position:relative}.fk{fill:#6B6B6B}.fn{background:transparent}.fo svg{margin-left:4px}.fp svg{fill:#6B6B6B}.fr{box-shadow:inset 0 0 0 1px rgba(0, 0, 0, 0.05)}.fs{position:absolute}.fz{margin:0 24px}.gd{background:rgba(255, 255, 255, 1)}.ge{border:1px solid #F2F2F2}.gf{box-shadow:0 1px 4px #F2F2F2}.gg{max-height:100vh}.gh{overflow-y:auto}.gi{left:0}.gj{top:calc(100vh + 100px)}.gk{bottom:calc(100vh + 100px)}.gl{width:10px}.gm{pointer-events:none}.gn{word-break:break-word}.go{word-wrap:break-word}.gp:after{display:block}.gq:after{content:""}.gr:after{clear:both}.gs{line-height:1.23}.gt{letter-spacing:0}.gu{font-style:normal}.gv{font-weight:700}.ia{align-items:baseline}.ib{width:48px}.ic{height:48px}.id{border:2px solid rgba(255, 255, 255, 1)}.ie{z-index:0}.if{box-shadow:none}.ig{border:1px solid rgba(0, 0, 0, 0.05)}.ih{margin-left:-12px}.ii{width:28px}.ij{height:28px}.ik{z-index:1}.il{width:24px}.im{margin-bottom:2px}.in{flex-wrap:nowrap}.io{font-size:16px}.ip{line-height:24px}.ir{margin:0 8px}.is{display:inline}.it{color:#1A8917}.iu{fill:#1A8917}.ix{flex:0 0 auto}.ja{flex-wrap:wrap}.jb{white-space:pre-wrap}.jc{margin-right:4px}.jd{overflow:hidden}.je{max-height:20px}.jf{text-overflow:ellipsis}.jg{display:-webkit-box}.jh{-webkit-line-clamp:1}.ji{-webkit-box-orient:vertical}.jj{word-break:break-all}.jl{padding-left:8px}.jm{padding-right:8px}.kn> *{flex-shrink:0}.ko{overflow-x:scroll}.kp::-webkit-scrollbar{display:none}.kq{scrollbar-width:none}.kr{-ms-overflow-style:none}.ks{width:74px}.kt{flex-direction:row}.ku{z-index:2}.kx{-webkit-user-select:none}.ky{border:0}.kz{fill:rgba(117, 117, 117, 1)}.lc{outline:0}.ld{user-select:none}.le> svg{pointer-events:none}.ln{cursor:progress}.lo{margin-left:4px}.lp{margin-top:0px}.lq{opacity:1}.lr{padding:4px 0}.lu{width:16px}.lw{display:inline-flex}.mc{max-width:100%}.md{padding:8px 2px}.me svg{color:#6B6B6B}.mv{margin-left:auto}.mw{margin-right:auto}.mx{max-width:1386px}.nd{clear:both}.nf{cursor:zoom-in}.ng{z-index:auto}.ni{height:auto}.nj{margin-top:10px}.nk{max-width:728px}.nn{text-decoration:underline}.no{line-height:1.58}.np{letter-spacing:-0.004em}.nq{font-family:source-serif-pro, Georgia, Cambria, "Times New Roman", Times, serif}.ol{margin-bottom:-0.46em}.or{margin:auto}.os{padding-bottom:50%}.ot{height:0}.ou{margin-top:32px}.ov{margin-bottom:14px}.ow{padding-top:24px}.ox{padding-bottom:10px}.oy{background-color:#000000}.oz{height:3px}.pa{width:3px}.pb{margin-right:20px}.pc{line-height:1.12}.pd{letter-spacing:-0.022em}.pe{font-weight:600}.pz{margin-bottom:-0.28em}.qf{max-width:1087px}.qg{max-width:1079px}.qh{list-style-type:disc}.qi{margin-left:30px}.qj{padding-left:0px}.qu{max-width:1099px}.qv{margin-bottom:26px}.qw{margin-top:6px}.qx{margin-top:8px}.qy{margin-right:8px}.qz{padding:8px 16px}.ra{border-radius:100px}.rb{transition:background 300ms ease}.rd{white-space:nowrap}.re{border-top:none}.rf{margin-bottom:50px}.rg{height:52px}.rh{max-height:52px}.ri{box-sizing:content-box}.rj{position:static}.rl{max-width:155px}.rr{margin-bottom:64px}.rs{margin-bottom:48px}.sg{border-radius:2px}.si{height:64px}.sj{width:64px}.sk{align-self:flex-end}.sl{flex:1 1 auto}.sr{padding-right:4px}.ss{font-weight:500}.tf{margin-top:16px}.tg{color:rgba(255, 255, 255, 1)}.th{fill:rgba(255, 255, 255, 1)}.ti{background:rgba(25, 25, 25, 1)}.tj{border-color:rgba(25, 25, 25, 1)}.tm:disabled{opacity:0.1}.tn:disabled:hover{background:rgba(25, 25, 25, 1)}.to:disabled:hover{border-color:rgba(25, 25, 25, 1)}.tu{height:0px}.tv{gap:18px}.tw{fill:rgba(61, 61, 61, 1)}.ty{padding-bottom:6px}.tz{border-bottom:1px solid #F2F2F2}.uf{fill:#242424}.ug{background:0}.uh{border-color:#242424}.ui:disabled:hover{color:#242424}.uj:disabled:hover{fill:#242424}.uk:disabled:hover{border-color:#242424}.uv{border-bottom:solid 1px #E5E5E5}.uw{margin-top:72px}.ux{padding:24px 0}.uy{margin-bottom:0px}.uz{margin-right:16px}.as:hover:not(:disabled){color:rgba(25, 25, 25, 1)}.at:hover:not(:disabled){fill:rgba(25, 25, 25, 1)}.et:hover{background:#156D12}.eu:hover{border-color:#156D12}.ev:hover{cursor:pointer}.fl:hover{color:#242424}.fm:hover{fill:#242424}.fq:hover svg{fill:#242424}.ft:hover{background-color:rgba(0, 0, 0, 0.1)}.iq:hover{text-decoration:underline}.iv:hover:not(:disabled){color:#156D12}.iw:hover:not(:disabled){fill:#156D12}.lb:hover{fill:rgba(8, 8, 8, 1)}.ls:hover{fill:#000000}.lt:hover p{color:#000000}.lv:hover{color:#000000}.mf:hover svg{color:#000000}.rc:hover{background-color:#F2F2F2}.sh:hover{background-color:none}.tk:hover{background:#000000}.tl:hover{border-color:#242424}.tx:hover{fill:rgba(25, 25, 25, 1)}.bd:focus-within path{fill:#242424}.la:focus{fill:rgba(8, 8, 8, 1)}.mg:focus svg{color:#000000}.nh:focus{transform:scale(1.01)}.lf:active{border-style:none}</style><style type="text/css" data-fela-rehydration="571" data-fela-type="RULE" media="all and (min-width: 1080px)">.d{display:none}.bw{width:64px}.cg{margin:0 64px}.cv{height:48px}.dc{margin-bottom:52px}.do{margin-bottom:48px}.ef{font-size:14px}.eg{line-height:20px}.em{font-size:13px}.eo{padding:5px 12px}.fh{display:flex}.fy{margin-bottom:50px}.gc{max-width:680px}.hq{font-size:42px}.hr{margin-top:1.19em}.hs{margin-bottom:32px}.ht{line-height:52px}.hu{letter-spacing:-0.011em}.hz{align-items:center}.jz{border-top:solid 1px #F2F2F2}.ka{border-bottom:solid 1px #F2F2F2}.kb{margin:32px 0 0}.kc{padding:3px 8px}.kl> *{margin-right:24px}.km> :last-child{margin-right:0}.lm{margin-top:0px}.mb{margin:0}.nc{margin-top:40px}.oh{font-size:20px}.oi{margin-top:2.14em}.oj{line-height:32px}.ok{letter-spacing:-0.003em}.oq{margin-top:56px}.pv{font-size:24px}.pw{margin-top:1.25em}.px{line-height:30px}.py{letter-spacing:-0.016em}.qe{margin-top:0.94em}.qo{margin-top:1.14em}.qt{margin-top:1.95em}.rq{display:inline-block}.rt{flex-direction:row}.rw{margin-bottom:0}.rx{margin-right:20px}.sm{max-width:500px}.td{line-height:24px}.te{letter-spacing:0}.tt{margin-bottom:88px}.ue{margin:40px 0 16px}.up{width:min-width}.uu{padding-top:72px}</style><style type="text/css" data-fela-rehydration="571" data-fela-type="RULE" media="all and (max-width: 1079.98px)">.e{display:none}.ll{margin-top:0px}.nl{margin-left:auto}.nm{text-align:center}.rp{display:inline-block}</style><style type="text/css" data-fela-rehydration="571" data-fela-type="RULE" media="all and (max-width: 903.98px)">.f{display:none}.lk{margin-top:0px}.ro{display:inline-block}</style><style type="text/css" data-fela-rehydration="571" data-fela-type="RULE" media="all and (max-width: 727.98px)">.g{display:none}.li{margin-top:0px}.lj{margin-right:0px}.rn{display:inline-block}</style><style type="text/css" data-fela-rehydration="571" data-fela-type="RULE" media="all and (max-width: 551.98px)">.h{display:none}.s{display:flex}.t{justify-content:space-between}.bs{width:24px}.cc{margin:0 24px}.cr{height:40px}.cy{margin-bottom:44px}.dk{margin-bottom:32px}.dx{font-size:13px}.dy{line-height:20px}.eh{padding:0px 8px 1px}.fu{margin-bottom:2px}.gw{font-size:32px}.gx{margin-top:1.01em}.gy{margin-bottom:24px}.gz{line-height:38px}.ha{letter-spacing:-0.014em}.hv{align-items:flex-start}.iy{flex-direction:column}.jn{margin:24px -24px 0}.jo{padding:0}.kd> *{margin-right:8px}.ke> :last-child{margin-right:24px}.kv{margin-left:0px}.lg{margin-top:0px}.lh{margin-right:0px}.lx{margin:0}.mh{border:1px solid #F2F2F2}.mi{border-radius:99em}.mj{padding:0px 16px 0px 12px}.mk{height:38px}.ml{align-items:center}.mn svg{margin-right:8px}.my{margin-top:32px}.nr{font-size:18px}.ns{margin-top:1.56em}.nt{line-height:28px}.nu{letter-spacing:-0.003em}.om{margin-top:40px}.pf{font-size:20px}.pg{margin-top:0.93em}.ph{line-height:24px}.pi{letter-spacing:0}.qa{margin-top:0.67em}.qk{margin-top:1.34em}.qp{margin-top:1.2em}.rm{display:inline-block}.se{margin-bottom:20px}.sf{margin-right:0}.sq{max-width:100%}.st{font-size:24px}.su{line-height:30px}.sv{letter-spacing:-0.016em}.tp{margin-bottom:64px}.ua{margin:32px 0 16px}.ul{width:100%}.uq{padding-top:48px}.mm:hover{border-color:#E5E5E5}</style><style type="text/css" data-fela-rehydration="571" data-fela-type="RULE" media="all and (min-width: 904px) and (max-width: 1079.98px)">.i{display:none}.bv{width:64px}.cf{margin:0 64px}.cu{height:48px}.db{margin-bottom:52px}.dn{margin-bottom:48px}.ed{font-size:14px}.ee{line-height:20px}.ek{font-size:13px}.el{padding:5px 12px}.fg{display:flex}.fx{margin-bottom:50px}.gb{max-width:680px}.hl{font-size:42px}.hm{margin-top:1.19em}.hn{margin-bottom:32px}.ho{line-height:52px}.hp{letter-spacing:-0.011em}.hy{align-items:center}.jv{border-top:solid 1px #F2F2F2}.jw{border-bottom:solid 1px #F2F2F2}.jx{margin:32px 0 0}.jy{padding:3px 8px}.kj> *{margin-right:24px}.kk> :last-child{margin-right:0}.ma{margin:0}.nb{margin-top:40px}.od{font-size:20px}.oe{margin-top:2.14em}.of{line-height:32px}.og{letter-spacing:-0.003em}.op{margin-top:56px}.pr{font-size:24px}.ps{margin-top:1.25em}.pt{line-height:30px}.pu{letter-spacing:-0.016em}.qd{margin-top:0.94em}.qn{margin-top:1.14em}.qs{margin-top:1.95em}.ru{flex-direction:row}.ry{margin-bottom:0}.rz{margin-right:20px}.sn{max-width:500px}.tb{line-height:24px}.tc{letter-spacing:0}.ts{margin-bottom:88px}.ud{margin:40px 0 16px}.uo{width:min-width}.ut{padding-top:72px}</style><style type="text/css" data-fela-rehydration="571" data-fela-type="RULE" media="all and (min-width: 728px) and (max-width: 903.98px)">.j{display:none}.w{display:flex}.x{justify-content:space-between}.bu{width:64px}.ce{margin:0 48px}.ct{height:48px}.da{margin-bottom:52px}.dm{margin-bottom:48px}.eb{font-size:13px}.ec{line-height:20px}.ej{padding:0px 8px 1px}.fw{margin-bottom:50px}.ga{max-width:680px}.hg{font-size:42px}.hh{margin-top:1.19em}.hi{margin-bottom:32px}.hj{line-height:52px}.hk{letter-spacing:-0.011em}.hx{align-items:center}.jr{border-top:solid 1px #F2F2F2}.js{border-bottom:solid 1px #F2F2F2}.jt{margin:32px 0 0}.ju{padding:3px 8px}.kh> *{margin-right:24px}.ki> :last-child{margin-right:0}.lz{margin:0}.na{margin-top:40px}.nz{font-size:20px}.oa{margin-top:2.14em}.ob{line-height:32px}.oc{letter-spacing:-0.003em}.oo{margin-top:56px}.pn{font-size:24px}.po{margin-top:1.25em}.pp{line-height:30px}.pq{letter-spacing:-0.016em}.qc{margin-top:0.94em}.qm{margin-top:1.14em}.qr{margin-top:1.95em}.rv{flex-direction:row}.sa{margin-bottom:0}.sb{margin-right:20px}.so{max-width:500px}.sz{line-height:24px}.ta{letter-spacing:0}.tr{margin-bottom:88px}.uc{margin:40px 0 16px}.un{width:min-width}.us{padding-top:72px}</style><style type="text/css" data-fela-rehydration="571" data-fela-type="RULE" media="all and (min-width: 552px) and (max-width: 727.98px)">.k{display:none}.u{display:flex}.v{justify-content:space-between}.bt{width:24px}.cd{margin:0 24px}.cs{height:40px}.cz{margin-bottom:44px}.dl{margin-bottom:32px}.dz{font-size:13px}.ea{line-height:20px}.ei{padding:0px 8px 1px}.fv{margin-bottom:2px}.hb{font-size:32px}.hc{margin-top:1.01em}.hd{margin-bottom:24px}.he{line-height:38px}.hf{letter-spacing:-0.014em}.hw{align-items:flex-start}.iz{flex-direction:column}.jp{margin:24px 0 0}.jq{padding:0}.kf> *{margin-right:8px}.kg> :last-child{margin-right:8px}.kw{margin-left:0px}.ly{margin:0}.mo{border:1px solid #F2F2F2}.mp{border-radius:99em}.mq{padding:0px 16px 0px 12px}.mr{height:38px}.ms{align-items:center}.mu svg{margin-right:8px}.mz{margin-top:32px}.nv{font-size:18px}.nw{margin-top:1.56em}.nx{line-height:28px}.ny{letter-spacing:-0.003em}.on{margin-top:40px}.pj{font-size:20px}.pk{margin-top:0.93em}.pl{line-height:24px}.pm{letter-spacing:0}.qb{margin-top:0.67em}.ql{margin-top:1.34em}.qq{margin-top:1.2em}.sc{margin-bottom:20px}.sd{margin-right:0}.sp{max-width:100%}.sw{font-size:24px}.sx{line-height:30px}.sy{letter-spacing:-0.016em}.tq{margin-bottom:64px}.ub{margin:32px 0 16px}.um{width:100%}.ur{padding-top:48px}.mt:hover{border-color:#E5E5E5}</style><style type="text/css" data-fela-rehydration="571" data-fela-type="RULE" media="print">.rk{display:none}</style><style type="text/css" data-fela-rehydration="571" data-fela-type="RULE" media="(orientation: landscape) and (max-width: 903.98px)">.jk{max-height:none}</style><style type="text/css" data-fela-rehydration="571" data-fela-type="RULE" media="(prefers-reduced-motion: no-preference)">.ne{transition:transform 300ms cubic-bezier(0.2, 0, 0.2, 1)}</style></head><body><div id="root"><div class="a b c"><div class="d e f g h i j k"></div><script>document.domain = document.domain;</script><div class="l c"><div class="l m n o c"><div class="p q r s t u v w x i d y z"><a class="du ag dv bf ak b am an ao ap aq ar as at s u w i d q dw z" href="https://rsci.app.link/?%24canonical_url=https%3A%2F%2Fmedium.com%2Fp%2Fe86ce074ccc&%7Efeature=LoOpenInAppButton&%7Echannel=ShowPostUnderCollection&source=---top_nav_layout_nav-----------------------------------------" rel="noopener follow">Open in app<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" fill="none" viewBox="0 0 10 10" class="dt"><path fill="currentColor" d="M.985 8.485a.375.375 0 1 0 .53.53zM8.75 1.25h.375A.375.375 0 0 0 8.75.875zM8.375 6.5a.375.375 0 1 0 .75 0zM3.5.875a.375.375 0 1 0 0 .75zm-1.985 8.14 7.5-7.5-.53-.53-7.5 7.5zm6.86-7.765V6.5h.75V1.25zM3.5 1.625h5.25v-.75H3.5z"></path></svg></a><div class="ab q"><p class="bf b dx dy dz ea eb ec ed ee ef eg du"><span><button class="bf b dx dy eh dz ea ei eb ec ej ek ee el em eg eo ep eq er es et eu ev ew ex ey ez fa fb fc fd bm fe ff" data-testid="headerSignUpButton">Sign up</button></span></p><div class="ax l"><p class="bf b dx dy dz ea eb ec ed ee ef eg du"><span><a class="af ag ah ai aj ak al am an ao ap aq ar as at" data-testid="headerSignInButton" rel="noopener follow" href="/m/signin?operation=login&redirect=https%3A%2F%2Fmedium.com%2Ffront-end-weekly%2Fyou-are-being-tracked-my-friend-e86ce074ccc&source=post_page---top_nav_layout_nav-----------------------global_nav------------------">Sign in</a></span></p></div></div></div><div class="p q r ab ac"><div class="ab q ae"><a class="af ag ah ai aj ak al am an ao ap aq ar as at ab" aria-label="Homepage" data-testid="headerMediumLogo" rel="noopener follow" href="/?source=---top_nav_layout_nav-----------------------------------------"><svg xmlns="http://www.w3.org/2000/svg" width="719" height="160" fill="none" viewBox="0 0 719 160" class="au av aw"><path fill="#242424" d="m174.104 9.734.215-.047V8.02H130.39L89.6 103.89 48.81 8.021H1.472v1.666l.212.047c8.018 1.81 12.09 4.509 12.09 14.242V137.93c0 9.734-4.087 12.433-12.106 14.243l-.212.047v1.671h32.118v-1.665l-.213-.048c-8.018-1.809-12.089-4.509-12.089-14.242V30.586l52.399 123.305h2.972l53.925-126.743V140.75c-.687 7.688-4.721 10.062-11.982 11.701l-.215.05v1.652h55.948v-1.652l-.215-.05c-7.269-1.639-11.4-4.013-12.087-11.701l-.037-116.774h.037c0-9.733 4.071-12.432 12.087-14.242m25.555 75.488c.915-20.474 8.268-35.252 20.606-35.507 3.806.063 6.998 1.312 9.479 3.714 5.272 5.118 7.751 15.812 7.368 31.793zm-.553 5.77h65.573v-.275c-.186-15.656-4.721-27.834-13.466-36.196-7.559-7.227-18.751-11.203-30.507-11.203h-.263c-6.101 0-13.584 1.48-18.909 4.16-6.061 2.807-11.407 7.003-15.855 12.511-7.161 8.874-11.499 20.866-12.554 34.343q-.05.606-.092 1.212a50 50 0 0 0-.065 1.151 85.807 85.807 0 0 0-.094 5.689c.71 30.524 17.198 54.917 46.483 54.917 25.705 0 40.675-18.791 44.407-44.013l-1.886-.664c-6.557 13.556-18.334 21.771-31.738 20.769-18.297-1.369-32.314-19.922-31.042-42.395m139.722 41.359c-2.151 5.101-6.639 7.908-12.653 7.908s-11.513-4.129-15.418-11.63c-4.197-8.053-6.405-19.436-6.405-32.92 0-28.067 8.729-46.22 22.24-46.22 5.657 0 10.111 2.807 12.236 7.704zm43.499 20.008c-8.019-1.897-12.089-4.722-12.089-14.951V1.309l-48.716 14.353v1.757l.299-.024c6.72-.543 11.278.386 13.925 2.83 2.072 1.915 3.082 4.853 3.082 8.987v18.66c-4.803-3.067-10.516-4.56-17.448-4.56-14.059 0-26.909 5.92-36.176 16.672-9.66 11.205-14.767 26.518-14.767 44.278-.003 31.72 15.612 53.039 38.851 53.039 13.595 0 24.533-7.449 29.54-20.013v16.865h43.711v-1.746zM424.1 19.819c0-9.904-7.468-17.374-17.375-17.374-9.859 0-17.573 7.632-17.573 17.374s7.721 17.374 17.573 17.374c9.907 0 17.375-7.47 17.375-17.374m11.499 132.546c-8.019-1.897-12.089-4.722-12.089-14.951h-.035V43.635l-43.714 12.551v1.705l.263.024c9.458.842 12.047 4.1 12.047 15.152v81.086h43.751v-1.746zm112.013 0c-8.018-1.897-12.089-4.722-12.089-14.951V43.635l-41.621 12.137v1.71l.246.026c7.733.813 9.967 4.257 9.967 15.36v59.279c-2.578 5.102-7.415 8.131-13.274 8.336-9.503 0-14.736-6.419-14.736-18.073V43.638l-43.714 12.55v1.703l.262.024c9.459.84 12.05 4.097 12.05 15.152v50.17a56.3 56.3 0 0 0 .91 10.444l.787 3.423c3.701 13.262 13.398 20.197 28.59 20.197 12.868 0 24.147-7.966 29.115-20.43v17.311h43.714v-1.747zm169.818 1.788v-1.749l-.213-.05c-8.7-2.006-12.089-5.789-12.089-13.49v-63.79c0-19.89-11.171-31.761-29.883-31.761-13.64 0-25.141 7.882-29.569 20.16-3.517-13.01-13.639-20.16-28.606-20.16-13.146 0-23.449 6.938-27.869 18.657V43.643L545.487 55.68v1.715l.263.024c9.345.829 12.047 4.181 12.047 14.95v81.784h40.787v-1.746l-.215-.053c-6.941-1.631-9.181-4.606-9.181-12.239V66.998c1.836-4.289 5.537-9.37 12.853-9.37 9.086 0 13.692 6.296 13.692 18.697v77.828h40.797v-1.746l-.215-.053c-6.94-1.631-9.18-4.606-9.18-12.239V75.066a42 42 0 0 0-.578-7.26c1.947-4.661 5.86-10.177 13.475-10.177 9.214 0 13.691 6.114 13.691 18.696v77.828z"></path></svg></a><div class="ax h"><div class="ab ay az ba bb q bc bd"><div class="bm" aria-hidden="false" aria-describedby="searchResults" aria-labelledby="searchResults"></div><div class="bn bo ab"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M4.092 11.06a6.95 6.95 0 1 1 13.9 0 6.95 6.95 0 0 1-13.9 0m6.95-8.05a8.05 8.05 0 1 0 5.13 14.26l3.75 3.75a.56.56 0 1 0 .79-.79l-3.73-3.73A8.05 8.05 0 0 0 11.042 3z" clip-rule="evenodd"></path></svg></div><input role="combobox" aria-controls="searchResults" aria-expanded="false" aria-label="search" data-testid="headerSearchInput" tabindex="0" class="ay be bf bg z bh bi bj bk bl" placeholder="Search" value=""/></div></div></div><div class="h k w fg fh"><div class="fi ab"><span><a class="af ag ah ai aj ak al am an ao ap aq ar as at" data-testid="headerWriteButton" rel="noopener follow" href="/m/signin?operation=register&redirect=https%3A%2F%2Fmedium.com%2Fnew-story&source=---top_nav_layout_nav-----------------------new_post_topnav------------------"><div class="bf b bg z du fj fk ab q fl fm"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24" aria-label="Write"><path fill="currentColor" d="M14 4a.5.5 0 0 0 0-1zm7 6a.5.5 0 0 0-1 0zm-7-7H4v1h10zM3 4v16h1V4zm1 17h16v-1H4zm17-1V10h-1v10zm-1 1a1 1 0 0 0 1-1h-1zM3 20a1 1 0 0 0 1 1v-1zM4 3a1 1 0 0 0-1 1h1z"></path><path stroke="currentColor" d="m17.5 4.5-8.458 8.458a.25.25 0 0 0-.06.098l-.824 2.47a.25.25 0 0 0 .316.316l2.47-.823a.25.25 0 0 0 .098-.06L19.5 6.5m-2-2 2.323-2.323a.25.25 0 0 1 .354 0l1.646 1.646a.25.25 0 0 1 0 .354L19.5 6.5m-2-2 2 2"></path></svg><div class="dt l">Write</div></div></a></span></div></div><div class="k j i d"><div class="fi ab"><a class="af ag ah ai aj ak al am an ao ap aq ar as at" data-testid="headerSearchButton" rel="noopener follow" href="/search?source=---top_nav_layout_nav-----------------------------------------"><div class="bf b bg z du fj fk ab q fl fm"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24" aria-label="Search"><path fill="currentColor" fill-rule="evenodd" d="M4.092 11.06a6.95 6.95 0 1 1 13.9 0 6.95 6.95 0 0 1-13.9 0m6.95-8.05a8.05 8.05 0 1 0 5.13 14.26l3.75 3.75a.56.56 0 1 0 .79-.79l-3.73-3.73A8.05 8.05 0 0 0 11.042 3z" clip-rule="evenodd"></path></svg></div></a></div></div><div class="fi h k j"><div class="ab q"><p class="bf b dx dy dz ea eb ec ed ee ef eg du"><span><button class="bf b dx dy eh dz ea ei eb ec ej ek ee el em eg eo ep eq er es et eu ev ew ex ey ez fa fb fc fd bm fe ff" data-testid="headerSignUpButton">Sign up</button></span></p><div class="ax l"><p class="bf b dx dy dz ea eb ec ed ee ef eg du"><span><a class="af ag ah ai aj ak al am an ao ap aq ar as at" data-testid="headerSignInButton" rel="noopener follow" href="/m/signin?operation=login&redirect=https%3A%2F%2Fmedium.com%2Ffront-end-weekly%2Fyou-are-being-tracked-my-friend-e86ce074ccc&source=post_page---top_nav_layout_nav-----------------------global_nav------------------">Sign in</a></span></p></div></div></div><div class="l" aria-hidden="false"><button class="ay fn am ab q ao fo fp fq" aria-label="user options menu" data-testid="headerUserIcon"><div class="l fj"><img alt="" class="l fd by bz ca cx" src="https://miro.medium.com/v2/resize:fill:64:64/1*dmbNkD5D-u45r44go_cf0g.png" width="32" height="32" loading="lazy" role="presentation"/><div class="fr by l bz ca fs n ay ft"></div></div></button></div></div></div><div class="l"><div class="fu fv fw fx fy l"><div class="ab cb"><div class="ci bh fz ga gb gc"></div></div><article><div class="l"><div class="l"><span class="l"></span><section><div><div class="fs gi gj gk gl gm"></div><div class="gn go gp gq gr"><div class="ab cb"><div class="ci bh fz ga gb gc"><div><h1 id="a9be" class="pw-post-title gs gt gu bf gv gw gx gy gz ha hb hc hd he hf hg hh hi hj hk hl hm hn ho hp hq hr hs ht hu bk" data-testid="storyTitle">You are being tracked, my friend!</h1><div><div class="speechify-ignore ab cp"><div class="speechify-ignore bh l"><div class="hv hw hx hy hz ab"><div><div class="ab ia"><div><div class="bm" aria-hidden="false"><a rel="noopener follow" href="/@gshivani?source=post_page---byline--e86ce074ccc---------------------------------------"><div class="l ib ic by id ie"><div class="l fj"><img alt="Shivani Gupta" class="l fd by dd de cx" src="https://miro.medium.com/v2/resize:fill:88:88/2*7Vr4JCeuKrF9jDy9_YEIqQ.jpeg" width="44" height="44" loading="lazy" data-testid="authorPhoto"/><div class="if by l dd de fs n ig ft"></div></div></div></a></div></div><div class="ih ab fj"><div><div class="bm" aria-hidden="false"><a href="https://medium.com/front-end-weekly?source=post_page---byline--e86ce074ccc---------------------------------------" rel="noopener follow"><div class="l ii ij by id ik"><div class="l fj"><img alt="Frontend Weekly" class="l fd by br il cx" src="https://miro.medium.com/v2/resize:fill:48:48/1*NDFydnWKD8c58PA36XKRKg.png" width="24" height="24" loading="lazy" data-testid="publicationPhoto"/><div class="if by l br il fs n ig ft"></div></div></div></a></div></div></div></div></div><div class="bn bh l"><div class="ab"><div style="flex:1"><span class="bf b bg z bk"><div class="im ab q"><div class="ab q in"><div class="ab q"><div><div class="bm" aria-hidden="false"><p class="bf b io ip bk"><a class="af ag ah ai aj ak al am an ao ap aq ar iq" data-testid="authorName" rel="noopener follow" href="/@gshivani?source=post_page---byline--e86ce074ccc---------------------------------------">Shivani Gupta</a></p></div></div></div><span class="ir is" aria-hidden="true"><span class="bf b bg z du">·</span></span><p class="bf b io ip du"><span><a class="it iu ah ai aj ak al am an ao ap aq ar ex iv iw" rel="noopener follow" href="/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2F_%2Fsubscribe%2Fuser%2Ffda018b60e78&operation=register&redirect=https%3A%2F%2Fmedium.com%2Ffront-end-weekly%2Fyou-are-being-tracked-my-friend-e86ce074ccc&user=Shivani+Gupta&userId=fda018b60e78&source=post_page-fda018b60e78--byline--e86ce074ccc---------------------post_header------------------">Follow</a></span></p></div></div></span></div></div><div class="l ix"><span class="bf b bg z du"><div class="ab cn iy iz ja"><div class="fu fv ab"><div class="bf b bg z du ab jb"><span class="jc l ix">Published in</span><div><div class="l" aria-hidden="false"><a class="af ag ah ai aj ak al am an ao ap aq ar iq ab q" data-testid="publicationName" href="https://medium.com/front-end-weekly?source=post_page---byline--e86ce074ccc---------------------------------------" rel="noopener follow"><p class="bf b bg z jd je jf jg jh ji jj jk bk">Frontend Weekly</p></a></div></div></div><div class="h k"><span class="ir is" aria-hidden="true"><span class="bf b bg z du">·</span></span></div></div><span class="bf b bg z du"><div class="ab ae"><span data-testid="storyReadTime">4 min read</span><div class="jl jm l" aria-hidden="true"><span class="l" aria-hidden="true"><span class="bf b bg z du">·</span></span></div><span data-testid="storyPublishDate">Mar 12, 2020</span></div></span></div></span></div></div></div><div class="ab cp jn jo jp jq jr js jt ju jv jw jx jy jz ka kb kc"><div class="h k w fg fh q"><div class="ks l"><div class="ab q kt ku"><div class="pw-multi-vote-icon fj jc kv kw kx"><span><a class="af ag ah ai aj ak al am an ao ap aq ar as at" data-testid="headerClapButton" rel="noopener follow" href="/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2F_%2Fvote%2Ffront-end-weekly%2Fe86ce074ccc&operation=register&redirect=https%3A%2F%2Fmedium.com%2Ffront-end-weekly%2Fyou-are-being-tracked-my-friend-e86ce074ccc&user=Shivani+Gupta&userId=fda018b60e78&source=---header_actions--e86ce074ccc---------------------clap_footer------------------"><div><div class="bm" aria-hidden="false"><div class="ky ao kz la lb lc am ld le lf kx"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" aria-label="clap"><path fill-rule="evenodd" d="M11.37.828 12 3.282l.63-2.454zM13.916 3.953l1.523-2.112-1.184-.39zM8.589 1.84l1.522 2.112-.337-2.501zM18.523 18.92c-.86.86-1.75 1.246-2.62 1.33a6 6 0 0 0 .407-.372c2.388-2.389 2.86-4.951 1.399-7.623l-.912-1.603-.79-1.672c-.26-.56-.194-.98.203-1.288a.7.7 0 0 1 .546-.132c.283.046.546.231.728.5l2.363 4.157c.976 1.624 1.141 4.237-1.324 6.702m-10.999-.438L3.37 14.328a.828.828 0 0 1 .585-1.408.83.83 0 0 1 .585.242l2.158 2.157a.365.365 0 0 0 .516-.516l-2.157-2.158-1.449-1.449a.826.826 0 0 1 1.167-1.17l3.438 3.44a.363.363 0 0 0 .516 0 .364.364 0 0 0 0-.516L5.293 9.513l-.97-.97a.826.826 0 0 1 0-1.166.84.84 0 0 1 1.167 0l.97.968 3.437 3.436a.36.36 0 0 0 .517 0 .366.366 0 0 0 0-.516L6.977 7.83a.82.82 0 0 1-.241-.584.82.82 0 0 1 .824-.826c.219 0 .43.087.584.242l5.787 5.787a.366.366 0 0 0 .587-.415l-1.117-2.363c-.26-.56-.194-.98.204-1.289a.7.7 0 0 1 .546-.132c.283.046.545.232.727.501l2.193 3.86c1.302 2.38.883 4.59-1.277 6.75-1.156 1.156-2.602 1.627-4.19 1.367-1.418-.236-2.866-1.033-4.079-2.246M10.75 5.971l2.12 2.12c-.41.502-.465 1.17-.128 1.89l.22.465-3.523-3.523a.8.8 0 0 1-.097-.368c0-.22.086-.428.241-.584a.847.847 0 0 1 1.167 0m7.355 1.705c-.31-.461-.746-.758-1.23-.837a1.44 1.44 0 0 0-1.11.275c-.312.24-.505.543-.59.881a1.74 1.74 0 0 0-.906-.465 1.47 1.47 0 0 0-.82.106l-2.182-2.182a1.56 1.56 0 0 0-2.2 0 1.54 1.54 0 0 0-.396.701 1.56 1.56 0 0 0-2.21-.01 1.55 1.55 0 0 0-.416.753c-.624-.624-1.649-.624-2.237-.037a1.557 1.557 0 0 0 0 2.2c-.239.1-.501.238-.715.453a1.56 1.56 0 0 0 0 2.2l.516.515a1.556 1.556 0 0 0-.753 2.615L7.01 19c1.32 1.319 2.909 2.189 4.475 2.449q.482.08.971.08c.85 0 1.653-.198 2.393-.579.231.033.46.054.686.054 1.266 0 2.457-.52 3.505-1.567 2.763-2.763 2.552-5.734 1.439-7.586z" clip-rule="evenodd"></path></svg></div></div></div></a></span></div><div class="pw-multi-vote-count l lg lh li lj lk ll lm"><p class="bf b dv z du"><span class="ln">--</span></p></div></div></div><div><div class="bm" aria-hidden="false"><button class="ao ky lq lr ab q fk ls lt" aria-label="responses"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="lp"><path d="M18.006 16.803c1.533-1.456 2.234-3.325 2.234-5.321C20.24 7.357 16.709 4 12.191 4S4 7.357 4 11.482c0 4.126 3.674 7.482 8.191 7.482.817 0 1.622-.111 2.393-.327.231.2.48.391.744.559 1.06.693 2.203 1.044 3.399 1.044.224-.008.4-.112.486-.287a.49.49 0 0 0-.042-.518c-.495-.67-.845-1.364-1.04-2.057a4 4 0 0 1-.125-.598zm-3.122 1.055-.067-.223-.315.096a8 8 0 0 1-2.311.338c-4.023 0-7.292-2.955-7.292-6.587 0-3.633 3.269-6.588 7.292-6.588 4.014 0 7.112 2.958 7.112 6.593 0 1.794-.608 3.469-2.027 4.72l-.195.168v.255c0 .056 0 .151.016.295.025.231.081.478.154.733.154.558.398 1.117.722 1.659a5.3 5.3 0 0 1-2.165-.845c-.276-.176-.714-.383-.941-.59z"></path></svg><p class="bf b dv z du"><span class="pw-responses-count lo lp">1</span></p></button></div></div></div><div class="ab q kd ke kf kg kh ki kj kk kl km kn ko kp kq kr"><div class="lu k j i d"></div><div class="h k"><div><div class="bm" aria-hidden="false"><span><a class="af ag ah ai aj ak al am an ao ap aq ar as at" data-testid="headerBookmarkButton" rel="noopener follow" href="/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2F_%2Fbookmark%2Fp%2Fe86ce074ccc&operation=register&redirect=https%3A%2F%2Fmedium.com%2Ffront-end-weekly%2Fyou-are-being-tracked-my-friend-e86ce074ccc&source=---header_actions--e86ce074ccc---------------------bookmark_footer------------------"><svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="none" viewBox="0 0 25 25" class="du lv" aria-label="Add to list bookmark button"><path fill="currentColor" d="M18 2.5a.5.5 0 0 1 1 0V5h2.5a.5.5 0 0 1 0 1H19v2.5a.5.5 0 1 1-1 0V6h-2.5a.5.5 0 0 1 0-1H18zM7 7a1 1 0 0 1 1-1h3.5a.5.5 0 0 0 0-1H8a2 2 0 0 0-2 2v14a.5.5 0 0 0 .805.396L12.5 17l5.695 4.396A.5.5 0 0 0 19 21v-8.5a.5.5 0 0 0-1 0v7.485l-5.195-4.012a.5.5 0 0 0-.61 0L7 19.985z"></path></svg></a></span></div></div></div><div class="fd lw cn"><div class="l ae"><div class="ab cb"><div class="lx ly lz ma mb mc ci bh"><div class="ab"><div class="bm" aria-hidden="false"><div><div class="bm" aria-hidden="false"><button aria-label="Listen" data-testid="audioPlayButton" class="af fk ah ai aj ak al md an ao ap ex me mf lt mg mh mi mj mk s ml mm mn mo mp mq mr u ms mt mu"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M3 12a9 9 0 1 1 18 0 9 9 0 0 1-18 0m9-10C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2m3.376 10.416-4.599 3.066a.5.5 0 0 1-.777-.416V8.934a.5.5 0 0 1 .777-.416l4.599 3.066a.5.5 0 0 1 0 .832" clip-rule="evenodd"></path></svg><div class="j i d"><p class="bf b bg z du">Listen</p></div></button></div></div></div></div></div></div></div></div><div class="bm" aria-hidden="false" aria-describedby="postFooterSocialMenu" aria-labelledby="postFooterSocialMenu"><div><div class="bm" aria-hidden="false"><button aria-controls="postFooterSocialMenu" aria-expanded="false" aria-label="Share Post" data-testid="headerSocialShareButton" class="af fk ah ai aj ak al md an ao ap ex me mf lt mg mh mi mj mk s ml mm mn mo mp mq mr u ms mt mu"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M15.218 4.931a.4.4 0 0 1-.118.132l.012.006a.45.45 0 0 1-.292.074.5.5 0 0 1-.3-.13l-2.02-2.02v7.07c0 .28-.23.5-.5.5s-.5-.22-.5-.5v-7.04l-2 2a.45.45 0 0 1-.57.04h-.02a.4.4 0 0 1-.16-.3.4.4 0 0 1 .1-.32l2.8-2.8a.5.5 0 0 1 .7 0l2.8 2.79a.42.42 0 0 1 .068.498m-.106.138.008.004v-.01zM16 7.063h1.5a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2h-11c-1.1 0-2-.9-2-2v-10a2 2 0 0 1 2-2H8a.5.5 0 0 1 .35.15.5.5 0 0 1 .15.35.5.5 0 0 1-.15.35.5.5 0 0 1-.35.15H6.4c-.5 0-.9.4-.9.9v10.2a.9.9 0 0 0 .9.9h11.2c.5 0 .9-.4.9-.9v-10.2c0-.5-.4-.9-.9-.9H16a.5.5 0 0 1 0-1" clip-rule="evenodd"></path></svg><div class="j i d"><p class="bf b bg z du">Share</p></div></button></div></div></div></div></div></div></div></div></div><figure class="my mz na nb nc nd mv mw paragraph-image"><div role="button" tabindex="0" class="ne nf fj ng bh nh"><div class="mv mw mx"><picture><source srcSet="https://miro.medium.com/v2/resize:fit:640/format:webp/1*3UhQUZFcZEEkIagGKzGd4A.png 640w, https://miro.medium.com/v2/resize:fit:720/format:webp/1*3UhQUZFcZEEkIagGKzGd4A.png 720w, https://miro.medium.com/v2/resize:fit:750/format:webp/1*3UhQUZFcZEEkIagGKzGd4A.png 750w, https://miro.medium.com/v2/resize:fit:786/format:webp/1*3UhQUZFcZEEkIagGKzGd4A.png 786w, https://miro.medium.com/v2/resize:fit:828/format:webp/1*3UhQUZFcZEEkIagGKzGd4A.png 828w, https://miro.medium.com/v2/resize:fit:1100/format:webp/1*3UhQUZFcZEEkIagGKzGd4A.png 1100w, https://miro.medium.com/v2/resize:fit:1400/format:webp/1*3UhQUZFcZEEkIagGKzGd4A.png 1400w" sizes="(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 700px" type="image/webp"/><source data-testid="og" srcSet="https://miro.medium.com/v2/resize:fit:640/1*3UhQUZFcZEEkIagGKzGd4A.png 640w, https://miro.medium.com/v2/resize:fit:720/1*3UhQUZFcZEEkIagGKzGd4A.png 720w, https://miro.medium.com/v2/resize:fit:750/1*3UhQUZFcZEEkIagGKzGd4A.png 750w, https://miro.medium.com/v2/resize:fit:786/1*3UhQUZFcZEEkIagGKzGd4A.png 786w, https://miro.medium.com/v2/resize:fit:828/1*3UhQUZFcZEEkIagGKzGd4A.png 828w, https://miro.medium.com/v2/resize:fit:1100/1*3UhQUZFcZEEkIagGKzGd4A.png 1100w, https://miro.medium.com/v2/resize:fit:1400/1*3UhQUZFcZEEkIagGKzGd4A.png 1400w" sizes="(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 700px"/><img alt="" class="bh mc ni c" width="700" height="495" loading="eager" role="presentation"/></picture></div></div><figcaption class="nj ff nk mv mw nl nm bf b bg z du">Image Source:<a class="af nn" href="https://undraw.co/illustrations" rel="noopener ugc nofollow" target="_blank"> Undraw</a></figcaption></figure><p id="3e69" class="pw-post-body-paragraph no np gu nq b nr ns nt nu nv nw nx ny nz oa ob oc od oe of og oh oi oj ok ol gn bk">Almost anything you do or interact online involves some form of data, and this data tells a story about who you are and where you have been, what food you have been ordering and your favourite shopping brand. From web browsing to smartphones, you and everyone you know is tracked, logged, and the data is shared among a variety of third party services.<br/>Remember when you were looking for something on internet and you started seeing ads for similar products on all the social media platform 🔍.<br/>Ever wondered how is that done? <br/>This is done through the “cookies”,not the one you eat 😆 that your browser collects and this in turn is used for re-marketing campaigns.</p><figure class="om on oo op oq nd"><div class="or jd l fj"><div class="os ot l"></div></div></figure></div></div></div><div class="ab cb ou ov ow ox" role="separator"><span class="oy by bm oz pa pb"></span><span class="oy by bm oz pa pb"></span><span class="oy by bm oz pa"></span></div><div class="gn go gp gq gr"><div class="ab cb"><div class="ci bh fz ga gb gc"><h1 id="ce78" class="pc pd gu bf pe pf pg ph pi pj pk pl pm pn po pp pq pr ps pt pu pv pw px py pz bk">What is cookie?</h1><p id="993c" class="pw-post-body-paragraph no np gu nq b nr qa nt nu nv qb nx ny nz qc ob oc od qd of og oh qe oj ok ol gn bk">Cookies are small bits of data stored on a browser. Websites use this data to track users and enable/disable user-specific features. <br/>A cookie is saved in <strong class="nq gv">name</strong>-<strong class="nq gv">value pairs</strong>.<strong class="nq gv"> </strong>Other information that will be saved are domain info, expiration date, path and if cookie is marked as secure, <strong class="nq gv"><br/></strong>In some browsers, each cookie is a small file but in Firefox, all cookies are stored in a single file.<br/>A simple example here is user <strong class="nq gv">consent</strong> stored with value <strong class="nq gv">yes </strong>for domain google.com with the expiry date.</p><figure class="om on oo op oq nd mv mw paragraph-image"><div role="button" tabindex="0" class="ne nf fj ng bh nh"><div class="mv mw qf"><picture><source srcSet="https://miro.medium.com/v2/resize:fit:640/format:webp/1*QRdZ_mdifTV_d3HqCaIUVA.png 640w, https://miro.medium.com/v2/resize:fit:720/format:webp/1*QRdZ_mdifTV_d3HqCaIUVA.png 720w, https://miro.medium.com/v2/resize:fit:750/format:webp/1*QRdZ_mdifTV_d3HqCaIUVA.png 750w, https://miro.medium.com/v2/resize:fit:786/format:webp/1*QRdZ_mdifTV_d3HqCaIUVA.png 786w, https://miro.medium.com/v2/resize:fit:828/format:webp/1*QRdZ_mdifTV_d3HqCaIUVA.png 828w, https://miro.medium.com/v2/resize:fit:1100/format:webp/1*QRdZ_mdifTV_d3HqCaIUVA.png 1100w, https://miro.medium.com/v2/resize:fit:1400/format:webp/1*QRdZ_mdifTV_d3HqCaIUVA.png 1400w" sizes="(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 700px" type="image/webp"/><source data-testid="og" srcSet="https://miro.medium.com/v2/resize:fit:640/1*QRdZ_mdifTV_d3HqCaIUVA.png 640w, https://miro.medium.com/v2/resize:fit:720/1*QRdZ_mdifTV_d3HqCaIUVA.png 720w, https://miro.medium.com/v2/resize:fit:750/1*QRdZ_mdifTV_d3HqCaIUVA.png 750w, https://miro.medium.com/v2/resize:fit:786/1*QRdZ_mdifTV_d3HqCaIUVA.png 786w, https://miro.medium.com/v2/resize:fit:828/1*QRdZ_mdifTV_d3HqCaIUVA.png 828w, https://miro.medium.com/v2/resize:fit:1100/1*QRdZ_mdifTV_d3HqCaIUVA.png 1100w, https://miro.medium.com/v2/resize:fit:1400/1*QRdZ_mdifTV_d3HqCaIUVA.png 1400w" sizes="(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 700px"/><img alt="" class="bh mc ni c" width="700" height="43" loading="eager" role="presentation"/></picture></div></div></figure><p id="0b65" class="pw-post-body-paragraph no np gu nq b nr ns nt nu nv nw nx ny nz oa ob oc od oe of og oh oi oj ok ol gn bk">Let’s see the amount of data Google is storing……</p><figure class="om on oo op oq nd mv mw paragraph-image"><div role="button" tabindex="0" class="ne nf fj ng bh nh"><div class="mv mw qg"><picture><source srcSet="https://miro.medium.com/v2/resize:fit:640/format:webp/1*R93jaOCrW-aMns0bCf31aA.png 640w, https://miro.medium.com/v2/resize:fit:720/format:webp/1*R93jaOCrW-aMns0bCf31aA.png 720w, https://miro.medium.com/v2/resize:fit:750/format:webp/1*R93jaOCrW-aMns0bCf31aA.png 750w, https://miro.medium.com/v2/resize:fit:786/format:webp/1*R93jaOCrW-aMns0bCf31aA.png 786w, https://miro.medium.com/v2/resize:fit:828/format:webp/1*R93jaOCrW-aMns0bCf31aA.png 828w, https://miro.medium.com/v2/resize:fit:1100/format:webp/1*R93jaOCrW-aMns0bCf31aA.png 1100w, https://miro.medium.com/v2/resize:fit:1400/format:webp/1*R93jaOCrW-aMns0bCf31aA.png 1400w" sizes="(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 700px" type="image/webp"/><source data-testid="og" srcSet="https://miro.medium.com/v2/resize:fit:640/1*R93jaOCrW-aMns0bCf31aA.png 640w, https://miro.medium.com/v2/resize:fit:720/1*R93jaOCrW-aMns0bCf31aA.png 720w, https://miro.medium.com/v2/resize:fit:750/1*R93jaOCrW-aMns0bCf31aA.png 750w, https://miro.medium.com/v2/resize:fit:786/1*R93jaOCrW-aMns0bCf31aA.png 786w, https://miro.medium.com/v2/resize:fit:828/1*R93jaOCrW-aMns0bCf31aA.png 828w, https://miro.medium.com/v2/resize:fit:1100/1*R93jaOCrW-aMns0bCf31aA.png 1100w, https://miro.medium.com/v2/resize:fit:1400/1*R93jaOCrW-aMns0bCf31aA.png 1400w" sizes="(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 700px"/><img alt="" class="bh mc ni c" width="700" height="309" loading="lazy" role="presentation"/></picture></div></div><figcaption class="nj ff nk mv mw nl nm bf b bg z du">Cookie stored for Google page</figcaption></figure><p id="372a" class="pw-post-body-paragraph no np gu nq b nr ns nt nu nv nw nx ny nz oa ob oc od oe of og oh oi oj ok ol gn bk">Read types of cookies used by Google. <a class="af nn" href="https://policies.google.com/technologies/types?hl=en" rel="noopener ugc nofollow" target="_blank">https://policies.google.com/technologies/types?hl=en</a></p></div></div></div><div class="ab cb ou ov ow ox" role="separator"><span class="oy by bm oz pa pb"></span><span class="oy by bm oz pa pb"></span><span class="oy by bm oz pa"></span></div><div class="gn go gp gq gr"><div class="ab cb"><div class="ci bh fz ga gb gc"><h1 id="2acc" class="pc pd gu bf pe pf pg ph pi pj pk pl pm pn po pp pq pr ps pt pu pv pw px py pz bk">Real-world application of cookies</h1><ul class=""><li id="1696" class="no np gu nq b nr qa nt nu nv qb nx ny nz qc ob oc od qd of og oh qe oj ok ol qh qi qj bk">To know whether visitors to the website had been there previously.</li><li id="6a3f" class="no np gu nq b nr qk nt nu nv ql nx ny nz qm ob oc od qn of og oh qo oj ok ol qh qi qj bk">To identify whether a user is logged in or not.</li><li id="06d9" class="no np gu nq b nr qk nt nu nv ql nx ny nz qm ob oc od qn of og oh qo oj ok ol qh qi qj bk">To pick up your location to show nearest restaurants.</li><li id="1ddf" class="no np gu nq b nr qk nt nu nv ql nx ny nz qm ob oc od qn of og oh qo oj ok ol qh qi qj bk">To show city specific products to users.</li><li id="b5ad" class="no np gu nq b nr qk nt nu nv ql nx ny nz qm ob oc od qn of og oh qo oj ok ol qh qi qj bk">Tracking user’s activities for analytics purpose.</li><li id="acdd" class="no np gu nq b nr qk nt nu nv ql nx ny nz qm ob oc od qn of og oh qo oj ok ol qh qi qj bk">Optimise the website for your second visit.</li></ul><h1 id="260a" class="pc pd gu bf pe pf qp ph pi pj qq pl pm pn qr pp pq pr qs pt pu pv qt px py pz bk"><strong class="al">Do you see security concerns here?</strong></h1><p id="7653" class="pw-post-body-paragraph no np gu nq b nr qa nt nu nv qb nx ny nz qc ob oc od qd of og oh qe oj ok ol gn bk">You must have heard of Cross-Site Scripting. This kind of attack can let an attacker to inject scripts into the browsers of other users. Because the injected code comes to the browser from the site, the code is trusted and can do things like send the user’s site authorisation cookie to the attacker. With this information they can log into a site carrying your identity and do things like accessing your credit card details, see contact details, or change passwords.<br/>Secondly Invasion of privacy is a bigger concern. If you’re going to use the web and allow your browser to accept cookies, you are being tracked, and now you know it.</p></div></div></div><div class="ab cb ou ov ow ox" role="separator"><span class="oy by bm oz pa pb"></span><span class="oy by bm oz pa pb"></span><span class="oy by bm oz pa"></span></div><div class="gn go gp gq gr"><div class="ab cb"><div class="ci bh fz ga gb gc"><h1 id="2811" class="pc pd gu bf pe pf pg ph pi pj pk pl pm pn po pp pq pr ps pt pu pv pw px py pz bk">What to do to prevent an attack?</h1><ul class=""><li id="e088" class="no np gu nq b nr qa nt nu nv qb nx ny nz qc ob oc od qd of og oh qe oj ok ol qh qi qj bk">Keep your browser up to date so that you can prevent attackers to take advantage of security holes in outdated browsers.</li><li id="b12e" class="no np gu nq b nr qk nt nu nv ql nx ny nz qm ob oc od qn of og oh qo oj ok ol qh qi qj bk">If you are warned by your browser or have slight doubt that a site is potentially malicious, don’t proceed to the site.</li><li id="e424" class="no np gu nq b nr qk nt nu nv ql nx ny nz qm ob oc od qn of og oh qo oj ok ol qh qi qj bk">Do not block all cookies, it can make it difficult for site like Amazon, Bigbasket, Flipkart and Swiggy to show you personalised.</li><li id="d6df" class="no np gu nq b nr qk nt nu nv ql nx ny nz qm ob oc od qn of og oh qo oj ok ol qh qi qj bk">Block third-party cookies. If you don’t want to allow third-party cookies.</li><li id="c920" class="no np gu nq b nr qk nt nu nv ql nx ny nz qm ob oc od qn of og oh qo oj ok ol qh qi qj bk">Do not store sensitive data in cookies.</li><li id="d163" class="no np gu nq b nr qk nt nu nv ql nx ny nz qm ob oc od qn of og oh qo oj ok ol qh qi qj bk">Make use of encryption techniques and encrypt the value if required.</li><li id="0c7a" class="no np gu nq b nr qk nt nu nv ql nx ny nz qm ob oc od qn of og oh qo oj ok ol qh qi qj bk">Set the expiration date for your cookies.</li><li id="dc24" class="no np gu nq b nr qk nt nu nv ql nx ny nz qm ob oc od qn of og oh qo oj ok ol qh qi qj bk">Make sure to mark the cookie ‘secure’ so that it can only be transmitted over https.</li><li id="b124" class="no np gu nq b nr qk nt nu nv ql nx ny nz qm ob oc od qn of og oh qo oj ok ol qh qi qj bk">Prevent malicious JavaScript from accessing it by marking the cookie as http only.</li><li id="3b87" class="no np gu nq b nr qk nt nu nv ql nx ny nz qm ob oc od qn of og oh qo oj ok ol qh qi qj bk">Set the domain/sub-domain for the cookie so that it is restricted and reduces that attack surface.</li></ul><figure class="om on oo op oq nd mv mw paragraph-image"><div role="button" tabindex="0" class="ne nf fj ng bh nh"><div class="mv mw qu"><picture><source srcSet="https://miro.medium.com/v2/resize:fit:640/format:webp/1*uJmTqKS66wYgZdD127UTzQ.png 640w, https://miro.medium.com/v2/resize:fit:720/format:webp/1*uJmTqKS66wYgZdD127UTzQ.png 720w, https://miro.medium.com/v2/resize:fit:750/format:webp/1*uJmTqKS66wYgZdD127UTzQ.png 750w, https://miro.medium.com/v2/resize:fit:786/format:webp/1*uJmTqKS66wYgZdD127UTzQ.png 786w, https://miro.medium.com/v2/resize:fit:828/format:webp/1*uJmTqKS66wYgZdD127UTzQ.png 828w, https://miro.medium.com/v2/resize:fit:1100/format:webp/1*uJmTqKS66wYgZdD127UTzQ.png 1100w, https://miro.medium.com/v2/resize:fit:1400/format:webp/1*uJmTqKS66wYgZdD127UTzQ.png 1400w" sizes="(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 700px" type="image/webp"/><source data-testid="og" srcSet="https://miro.medium.com/v2/resize:fit:640/1*uJmTqKS66wYgZdD127UTzQ.png 640w, https://miro.medium.com/v2/resize:fit:720/1*uJmTqKS66wYgZdD127UTzQ.png 720w, https://miro.medium.com/v2/resize:fit:750/1*uJmTqKS66wYgZdD127UTzQ.png 750w, https://miro.medium.com/v2/resize:fit:786/1*uJmTqKS66wYgZdD127UTzQ.png 786w, https://miro.medium.com/v2/resize:fit:828/1*uJmTqKS66wYgZdD127UTzQ.png 828w, https://miro.medium.com/v2/resize:fit:1100/1*uJmTqKS66wYgZdD127UTzQ.png 1100w, https://miro.medium.com/v2/resize:fit:1400/1*uJmTqKS66wYgZdD127UTzQ.png 1400w" sizes="(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 700px"/><img alt="" class="bh mc ni c" width="700" height="592" loading="eager" role="presentation"/></picture></div></div></figure></div></div></div><div class="ab cb ou ov ow ox" role="separator"><span class="oy by bm oz pa pb"></span><span class="oy by bm oz pa pb"></span><span class="oy by bm oz pa"></span></div><div class="gn go gp gq gr"><div class="ab cb"><div class="ci bh fz ga gb gc"><p id="f73f" class="pw-post-body-paragraph no np gu nq b nr ns nt nu nv nw nx ny nz oa ob oc od oe of og oh oi oj ok ol gn bk">Cookies are an integral part of the modern web and we cant just stop making use of them but we can try not to be heavily dependent on them. <br/>Proper web application security helps detect security issues as well as, defend the application from any external vulnerabilities. The more you expose yourself to it, the better off you will be.</p></div></div></div><div class="ab cb ou ov ow ox" role="separator"><span class="oy by bm oz pa pb"></span><span class="oy by bm oz pa pb"></span><span class="oy by bm oz pa"></span></div><div class="gn go gp gq gr"><div class="ab cb"><div class="ci bh fz ga gb gc"><p id="1853" class="pw-post-body-paragraph no np gu nq b nr ns nt nu nv nw nx ny nz oa ob oc od oe of og oh oi oj ok ol gn bk">Thank you for reading this article. If you have enjoyed it, feel free to click the <strong class="nq gv">clap</strong> 👏 button to help others find it and leave your comment below about the post. Feel free to reach out to me 🙌</p></div></div></div></div></section></div></div></article></div><div class="ab cb"><div class="ci bh fz ga gb gc"><div class="qv qw ab ja"><div class="qx ab"><a class="qy ay am ao" rel="noopener follow" href="/tag/web-development?source=post_page-----e86ce074ccc---------------------------------------"><div class="qz fj cx ra ge rb rc bf b bg z bk rd">Web Development</div></a></div><div class="qx ab"><a class="qy ay am ao" rel="noopener follow" href="/tag/security?source=post_page-----e86ce074ccc---------------------------------------"><div class="qz fj cx ra ge rb rc bf b bg z bk rd">Security</div></a></div><div class="qx ab"><a class="qy ay am ao" rel="noopener follow" href="/tag/tech?source=post_page-----e86ce074ccc---------------------------------------"><div class="qz fj cx ra ge rb rc bf b bg z bk rd">Tech</div></a></div><div class="qx ab"><a class="qy ay am ao" rel="noopener follow" href="/tag/technology?source=post_page-----e86ce074ccc---------------------------------------"><div class="qz fj cx ra ge rb rc bf b bg z bk rd">Technology</div></a></div><div class="qx ab"><a class="qy ay am ao" rel="noopener follow" href="/tag/javascript?source=post_page-----e86ce074ccc---------------------------------------"><div class="qz fj cx ra ge rb rc bf b bg z bk rd">JavaScript</div></a></div></div></div></div><div class="l"></div><footer class="re rf rg rh ri ab q rj ik c"><div class="l ae"><div class="ab cb"><div class="ci bh fz ga gb gc"><div class="ab cp rk"><div class="ab q kt"><div class="rl l"><span class="l rm rn ro e d"><div class="ab q kt ku"><div class="pw-multi-vote-icon fj jc kv kw kx"><span><a class="af ag ah ai aj ak al am an ao ap aq ar as at" data-testid="footerClapButton" rel="noopener follow" href="/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2F_%2Fvote%2Ffront-end-weekly%2Fe86ce074ccc&operation=register&redirect=https%3A%2F%2Fmedium.com%2Ffront-end-weekly%2Fyou-are-being-tracked-my-friend-e86ce074ccc&user=Shivani+Gupta&userId=fda018b60e78&source=---footer_actions--e86ce074ccc---------------------clap_footer------------------"><div><div class="bm" aria-hidden="false"><div class="ky ao kz la lb lc am ld le lf kx"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" aria-label="clap"><path fill-rule="evenodd" d="M11.37.828 12 3.282l.63-2.454zM13.916 3.953l1.523-2.112-1.184-.39zM8.589 1.84l1.522 2.112-.337-2.501zM18.523 18.92c-.86.86-1.75 1.246-2.62 1.33a6 6 0 0 0 .407-.372c2.388-2.389 2.86-4.951 1.399-7.623l-.912-1.603-.79-1.672c-.26-.56-.194-.98.203-1.288a.7.7 0 0 1 .546-.132c.283.046.546.231.728.5l2.363 4.157c.976 1.624 1.141 4.237-1.324 6.702m-10.999-.438L3.37 14.328a.828.828 0 0 1 .585-1.408.83.83 0 0 1 .585.242l2.158 2.157a.365.365 0 0 0 .516-.516l-2.157-2.158-1.449-1.449a.826.826 0 0 1 1.167-1.17l3.438 3.44a.363.363 0 0 0 .516 0 .364.364 0 0 0 0-.516L5.293 9.513l-.97-.97a.826.826 0 0 1 0-1.166.84.84 0 0 1 1.167 0l.97.968 3.437 3.436a.36.36 0 0 0 .517 0 .366.366 0 0 0 0-.516L6.977 7.83a.82.82 0 0 1-.241-.584.82.82 0 0 1 .824-.826c.219 0 .43.087.584.242l5.787 5.787a.366.366 0 0 0 .587-.415l-1.117-2.363c-.26-.56-.194-.98.204-1.289a.7.7 0 0 1 .546-.132c.283.046.545.232.727.501l2.193 3.86c1.302 2.38.883 4.59-1.277 6.75-1.156 1.156-2.602 1.627-4.19 1.367-1.418-.236-2.866-1.033-4.079-2.246M10.75 5.971l2.12 2.12c-.41.502-.465 1.17-.128 1.89l.22.465-3.523-3.523a.8.8 0 0 1-.097-.368c0-.22.086-.428.241-.584a.847.847 0 0 1 1.167 0m7.355 1.705c-.31-.461-.746-.758-1.23-.837a1.44 1.44 0 0 0-1.11.275c-.312.24-.505.543-.59.881a1.74 1.74 0 0 0-.906-.465 1.47 1.47 0 0 0-.82.106l-2.182-2.182a1.56 1.56 0 0 0-2.2 0 1.54 1.54 0 0 0-.396.701 1.56 1.56 0 0 0-2.21-.01 1.55 1.55 0 0 0-.416.753c-.624-.624-1.649-.624-2.237-.037a1.557 1.557 0 0 0 0 2.2c-.239.1-.501.238-.715.453a1.56 1.56 0 0 0 0 2.2l.516.515a1.556 1.556 0 0 0-.753 2.615L7.01 19c1.32 1.319 2.909 2.189 4.475 2.449q.482.08.971.08c.85 0 1.653-.198 2.393-.579.231.033.46.054.686.054 1.266 0 2.457-.52 3.505-1.567 2.763-2.763 2.552-5.734 1.439-7.586z" clip-rule="evenodd"></path></svg></div></div></div></a></span></div><div class="pw-multi-vote-count l lg lh li lj lk ll lm"><p class="bf b dv z du"><span class="ln">--</span></p></div></div></span><span class="l h g f rp rq"><div class="ab q kt ku"><div class="pw-multi-vote-icon fj jc kv kw kx"><span><a class="af ag ah ai aj ak al am an ao ap aq ar as at" data-testid="footerClapButton" rel="noopener follow" href="/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2F_%2Fvote%2Ffront-end-weekly%2Fe86ce074ccc&operation=register&redirect=https%3A%2F%2Fmedium.com%2Ffront-end-weekly%2Fyou-are-being-tracked-my-friend-e86ce074ccc&user=Shivani+Gupta&userId=fda018b60e78&source=---footer_actions--e86ce074ccc---------------------clap_footer------------------"><div><div class="bm" aria-hidden="false"><div class="ky ao kz la lb lc am ld le lf kx"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" aria-label="clap"><path fill-rule="evenodd" d="M11.37.828 12 3.282l.63-2.454zM13.916 3.953l1.523-2.112-1.184-.39zM8.589 1.84l1.522 2.112-.337-2.501zM18.523 18.92c-.86.86-1.75 1.246-2.62 1.33a6 6 0 0 0 .407-.372c2.388-2.389 2.86-4.951 1.399-7.623l-.912-1.603-.79-1.672c-.26-.56-.194-.98.203-1.288a.7.7 0 0 1 .546-.132c.283.046.546.231.728.5l2.363 4.157c.976 1.624 1.141 4.237-1.324 6.702m-10.999-.438L3.37 14.328a.828.828 0 0 1 .585-1.408.83.83 0 0 1 .585.242l2.158 2.157a.365.365 0 0 0 .516-.516l-2.157-2.158-1.449-1.449a.826.826 0 0 1 1.167-1.17l3.438 3.44a.363.363 0 0 0 .516 0 .364.364 0 0 0 0-.516L5.293 9.513l-.97-.97a.826.826 0 0 1 0-1.166.84.84 0 0 1 1.167 0l.97.968 3.437 3.436a.36.36 0 0 0 .517 0 .366.366 0 0 0 0-.516L6.977 7.83a.82.82 0 0 1-.241-.584.82.82 0 0 1 .824-.826c.219 0 .43.087.584.242l5.787 5.787a.366.366 0 0 0 .587-.415l-1.117-2.363c-.26-.56-.194-.98.204-1.289a.7.7 0 0 1 .546-.132c.283.046.545.232.727.501l2.193 3.86c1.302 2.38.883 4.59-1.277 6.75-1.156 1.156-2.602 1.627-4.19 1.367-1.418-.236-2.866-1.033-4.079-2.246M10.75 5.971l2.12 2.12c-.41.502-.465 1.17-.128 1.89l.22.465-3.523-3.523a.8.8 0 0 1-.097-.368c0-.22.086-.428.241-.584a.847.847 0 0 1 1.167 0m7.355 1.705c-.31-.461-.746-.758-1.23-.837a1.44 1.44 0 0 0-1.11.275c-.312.24-.505.543-.59.881a1.74 1.74 0 0 0-.906-.465 1.47 1.47 0 0 0-.82.106l-2.182-2.182a1.56 1.56 0 0 0-2.2 0 1.54 1.54 0 0 0-.396.701 1.56 1.56 0 0 0-2.21-.01 1.55 1.55 0 0 0-.416.753c-.624-.624-1.649-.624-2.237-.037a1.557 1.557 0 0 0 0 2.2c-.239.1-.501.238-.715.453a1.56 1.56 0 0 0 0 2.2l.516.515a1.556 1.556 0 0 0-.753 2.615L7.01 19c1.32 1.319 2.909 2.189 4.475 2.449q.482.08.971.08c.85 0 1.653-.198 2.393-.579.231.033.46.054.686.054 1.266 0 2.457-.52 3.505-1.567 2.763-2.763 2.552-5.734 1.439-7.586z" clip-rule="evenodd"></path></svg></div></div></div></a></span></div><div class="pw-multi-vote-count l lg lh li lj lk ll lm"><p class="bf b dv z du"><span class="ln">--</span></p></div></div></span></div><div class="bq ab"><div><div class="bm" aria-hidden="false"><button class="ao ky lq lr ab q fk ls lt" aria-label="responses"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="lp"><path d="M18.006 16.803c1.533-1.456 2.234-3.325 2.234-5.321C20.24 7.357 16.709 4 12.191 4S4 7.357 4 11.482c0 4.126 3.674 7.482 8.191 7.482.817 0 1.622-.111 2.393-.327.231.2.48.391.744.559 1.06.693 2.203 1.044 3.399 1.044.224-.008.4-.112.486-.287a.49.49 0 0 0-.042-.518c-.495-.67-.845-1.364-1.04-2.057a4 4 0 0 1-.125-.598zm-3.122 1.055-.067-.223-.315.096a8 8 0 0 1-2.311.338c-4.023 0-7.292-2.955-7.292-6.587 0-3.633 3.269-6.588 7.292-6.588 4.014 0 7.112 2.958 7.112 6.593 0 1.794-.608 3.469-2.027 4.72l-.195.168v.255c0 .056 0 .151.016.295.025.231.081.478.154.733.154.558.398 1.117.722 1.659a5.3 5.3 0 0 1-2.165-.845c-.276-.176-.714-.383-.941-.59z"></path></svg><p class="bf b bg z du"><span class="pw-responses-count lo lp">1</span></p></button></div></div></div></div><div class="ab q"><div class="pb l ix"><div><div class="bm" aria-hidden="false"><span><a class="af ag ah ai aj ak al am an ao ap aq ar as at" data-testid="footerBookmarkButton" rel="noopener follow" href="/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2F_%2Fbookmark%2Fp%2Fe86ce074ccc&operation=register&redirect=https%3A%2F%2Fmedium.com%2Ffront-end-weekly%2Fyou-are-being-tracked-my-friend-e86ce074ccc&source=---footer_actions--e86ce074ccc---------------------bookmark_footer------------------"><svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="none" viewBox="0 0 25 25" class="du lv" aria-label="Add to list bookmark button"><path fill="currentColor" d="M18 2.5a.5.5 0 0 1 1 0V5h2.5a.5.5 0 0 1 0 1H19v2.5a.5.5 0 1 1-1 0V6h-2.5a.5.5 0 0 1 0-1H18zM7 7a1 1 0 0 1 1-1h3.5a.5.5 0 0 0 0-1H8a2 2 0 0 0-2 2v14a.5.5 0 0 0 .805.396L12.5 17l5.695 4.396A.5.5 0 0 0 19 21v-8.5a.5.5 0 0 0-1 0v7.485l-5.195-4.012a.5.5 0 0 0-.61 0L7 19.985z"></path></svg></a></span></div></div></div><div class="pb l ix"><div class="bm" aria-hidden="false" aria-describedby="postFooterSocialMenu" aria-labelledby="postFooterSocialMenu"><div><div class="bm" aria-hidden="false"><button aria-controls="postFooterSocialMenu" aria-expanded="false" aria-label="Share Post" data-testid="footerSocialShareButton" class="af fk ah ai aj ak al md an ao ap ex me mf lt mg"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M15.218 4.931a.4.4 0 0 1-.118.132l.012.006a.45.45 0 0 1-.292.074.5.5 0 0 1-.3-.13l-2.02-2.02v7.07c0 .28-.23.5-.5.5s-.5-.22-.5-.5v-7.04l-2 2a.45.45 0 0 1-.57.04h-.02a.4.4 0 0 1-.16-.3.4.4 0 0 1 .1-.32l2.8-2.8a.5.5 0 0 1 .7 0l2.8 2.79a.42.42 0 0 1 .068.498m-.106.138.008.004v-.01zM16 7.063h1.5a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2h-11c-1.1 0-2-.9-2-2v-10a2 2 0 0 1 2-2H8a.5.5 0 0 1 .35.15.5.5 0 0 1 .15.35.5.5 0 0 1-.15.35.5.5 0 0 1-.35.15H6.4c-.5 0-.9.4-.9.9v10.2a.9.9 0 0 0 .9.9h11.2c.5 0 .9-.4.9-.9v-10.2c0-.5-.4-.9-.9-.9H16a.5.5 0 0 1 0-1" clip-rule="evenodd"></path></svg></button></div></div></div></div></div></div></div></div></div></footer><div class="rr l"><div><div class="ab cb"><div class="ci bh fz ga gb gc"><div class="rs l"><div class="ab rt ru rv iz iy"><div class="rw rx ry rz sa sb sc sd se sf ab cp"><div class="h k"><a href="https://medium.com/front-end-weekly?source=post_page---post_publication_info--e86ce074ccc---------------------------------------" rel="noopener follow"><div class="fj ab"><img alt="Frontend Weekly" class="sg ib ic cx" src="https://miro.medium.com/v2/resize:fill:96:96/1*NDFydnWKD8c58PA36XKRKg.png" width="48" height="48" loading="lazy"/><div class="sg l ic ib fs n fr sh"></div></div></a></div><div class="j i d"><a href="https://medium.com/front-end-weekly?source=post_page---post_publication_info--e86ce074ccc---------------------------------------" rel="noopener follow"><div class="fj ab"><img alt="Frontend Weekly" class="sg sj si cx" src="https://miro.medium.com/v2/resize:fill:128:128/1*NDFydnWKD8c58PA36XKRKg.png" width="64" height="64" loading="lazy"/><div class="sg l si sj fs n fr sh"></div></div></a></div><div class="j i d sk ix"><div class="ab"></div></div></div><div class="ab co sl"><div class="sm sn so sp sq l"><a class="af ag ah aj ak al am an ao ap aq ar as at ab q" href="https://medium.com/front-end-weekly?source=post_page---post_publication_info--e86ce074ccc---------------------------------------" rel="noopener follow"><h2 class="pw-author-name bf ss st su sv sw sx sy nz sz ta od tb tc oh td te bk"><span class="gn sr">Published in <!-- -->Frontend Weekly</span></h2></a><div class="qx ab ia"><div class="l ix"><span class="pw-follower-count bf b bg z du"><a class="af ag ah ai aj ak al am an ao ap aq ar iq" rel="noopener follow" href="/front-end-weekly/followers?source=post_page---post_publication_info--e86ce074ccc---------------------------------------">27K Followers</a></span></div><div class="bf b bg z du ab jb"><span class="ir l" aria-hidden="true"><span class="bf b bg z du">·</span></span><a class="af ag ah ai aj ak al am an ao ap aq ar iq" rel="noopener follow" href="/front-end-weekly/fluid-calendar-an-open-source-alternative-to-motion-part-1-7a5b52bf219d?source=post_page---post_publication_info--e86ce074ccc---------------------------------------">Last published <!-- -->14 hours ago</a></div></div><div class="tf l"><p class="bf b bg z bk">It's really hard to keep up with all the front-end development news out there. Let us help you. We hand-pick interesting articles related to front-end development. You can also subscribe to our weekly newsletter at <a class="af ag ah ai aj ak al am an ao ap aq ar nn go" href="http://frontendweekly.co" rel="noopener ugc nofollow">http://frontendweekly.co</a></p></div></div></div><div class="h k"><div class="ab"></div></div></div></div><div class="ab rt ru rv iz iy"><div class="rw rx ry rz sa sb sc sd se sf ab cp"><div class="h k"><a tabindex="0" rel="noopener follow" href="/@gshivani?source=post_page---post_author_info--e86ce074ccc---------------------------------------"><div class="l fj"><img alt="Shivani Gupta" class="l fd by ic ib cx" src="https://miro.medium.com/v2/resize:fill:96:96/2*7Vr4JCeuKrF9jDy9_YEIqQ.jpeg" width="48" height="48" loading="lazy"/><div class="fr by l ic ib fs n ay sh"></div></div></a></div><div class="j i d"><a tabindex="0" rel="noopener follow" href="/@gshivani?source=post_page---post_author_info--e86ce074ccc---------------------------------------"><div class="l fj"><img alt="Shivani Gupta" class="l fd by si sj cx" src="https://miro.medium.com/v2/resize:fill:128:128/2*7Vr4JCeuKrF9jDy9_YEIqQ.jpeg" width="64" height="64" loading="lazy"/><div class="fr by l si sj fs n ay sh"></div></div></a></div><div class="j i d sk ix"><div class="ab"><span><button class="bf b bg z tg qz th ti tj tk tl ev ew tm tn to fa fb fc fd bm fe ff">Follow</button></span></div></div></div><div class="ab co sl"><div class="sm sn so sp sq l"><a class="af ag ah aj ak al am an ao ap aq ar as at ab q" rel="noopener follow" href="/@gshivani?source=post_page---post_author_info--e86ce074ccc---------------------------------------"><h2 class="pw-author-name bf ss st su sv sw sx sy nz sz ta od tb tc oh td te bk"><span class="gn sr">Written by <!-- -->Shivani Gupta</span></h2></a><div class="qx ab ia"><div class="l ix"><span class="pw-follower-count bf b bg z du"><a class="af ag ah ai aj ak al am an ao ap aq ar iq" rel="noopener follow" href="/@gshivani/followers?source=post_page---post_author_info--e86ce074ccc---------------------------------------">158 Followers</a></span></div><div class="bf b bg z du ab jb"><span class="ir l" aria-hidden="true"><span class="bf b bg z du">·</span></span><a class="af ag ah ai aj ak al am an ao ap aq ar iq" rel="noopener follow" href="/@gshivani/following?source=post_page---post_author_info--e86ce074ccc---------------------------------------">106 Following</a></div></div><div class="tf l"><p class="bf b bg z bk"><span class="gn">I’m a Front-End Developer based in Bangalore, India. I believe in pretty designs and clean coding.</span></p></div></div></div><div class="h k"><div class="ab"><span><button class="bf b bg z tg qz th ti tj tk tl ev ew tm tn to fa fb fc fd bm fe ff">Follow</button></span></div></div></div></div></div></div></div><div class="tp tq tr ts tt l"><div class="tu bh r rr"></div><div class="ab cb"><div class="ci bh fz ga gb gc"><div class="ab q cp"><h2 class="bf ss pf ph pi pj pl pm pn pp pq pr pt pu pv px py bk">Responses (<!-- -->1<!-- -->)</h2><div class="ab tv"><div><div class="bm" aria-hidden="false"><a class="tw tx" href="https://policy.medium.com/medium-rules-30e5502c4eb4?source=post_page---post_responses--e86ce074ccc---------------------------------------" rel="noopener follow" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25"><path fill-rule="evenodd" d="M11.987 5.036a.754.754 0 0 1 .914-.01c.972.721 1.767 1.218 2.6 1.543.828.322 1.719.485 2.887.505a.755.755 0 0 1 .741.757c-.018 3.623-.43 6.256-1.449 8.21-1.034 1.984-2.662 3.209-4.966 4.083a.75.75 0 0 1-.537-.003c-2.243-.874-3.858-2.095-4.897-4.074-1.024-1.951-1.457-4.583-1.476-8.216a.755.755 0 0 1 .741-.757c1.195-.02 2.1-.182 2.923-.503.827-.322 1.6-.815 2.519-1.535m.468.903c-.897.69-1.717 1.21-2.623 1.564-.898.35-1.856.527-3.026.565.037 3.45.469 5.817 1.36 7.515.884 1.684 2.25 2.762 4.284 3.571 2.092-.81 3.465-1.89 4.344-3.575.886-1.698 1.299-4.065 1.334-7.512-1.149-.039-2.091-.217-2.99-.567-.906-.353-1.745-.873-2.683-1.561m-.009 9.155a2.672 2.672 0 1 0 0-5.344 2.672 2.672 0 0 0 0 5.344m0 1a3.672 3.672 0 1 0 0-7.344 3.672 3.672 0 0 0 0 7.344m-1.813-3.777.525-.526.916.917 1.623-1.625.526.526-2.149 2.152z" clip-rule="evenodd"></path></svg></a></div></div></div></div><div class="ty tz ua ub uc ud ue l"></div><div class="ou l"><button class="bf b bg z bk qz uf ug uh lv ls tl ev ew ex ui uj uk fa ul um un uo up fb fc fd bm fe ff">See all responses</button></div></div></div></div><div class="uq ur us ut uu l bx"><div class="h k j"><div class="tu bh uv uw"></div><div class="ab cb"><div class="ci bh fz ga gb gc"><div class="ux ab kt ja"><div class="uy uz l"><a class="af ag ah ai aj ak al am an ao ap aq ar as at" href="https://help.medium.com/hc/en-us?source=post_page-----e86ce074ccc---------------------------------------" rel="noopener follow"><p class="bf b dv z du">Help</p></a></div><div class="uy uz l"><a class="af ag ah ai aj ak al am an ao ap aq ar as at" href="https://medium.statuspage.io/?source=post_page-----e86ce074ccc---------------------------------------" rel="noopener follow"><p class="bf b dv z du">Status</p></a></div><div class="uy uz l"><a class="af ag ah ai aj ak al am an ao ap aq ar as at" rel="noopener follow" href="/about?autoplay=1&source=post_page-----e86ce074ccc---------------------------------------"><p class="bf b dv z du">About</p></a></div><div class="uy uz l"><a class="af ag ah ai aj ak al am an ao ap aq ar as at" rel="noopener follow" href="/jobs-at-medium/work-at-medium-959d1a85284e?source=post_page-----e86ce074ccc---------------------------------------"><p class="bf b dv z du">Careers</p></a></div><div class="uy uz l"><a class="af ag ah ai aj ak al am an ao ap aq ar as at" href="mailto:pressinquiries@medium.com" rel="noopener follow"><p class="bf b dv z du">Press</p></a></div><div class="uy uz l"><a class="af ag ah ai aj ak al am an ao ap aq ar as at" href="https://blog.medium.com/?source=post_page-----e86ce074ccc---------------------------------------" rel="noopener follow"><p class="bf b dv z du">Blog</p></a></div><div class="uy uz l"><a class="af ag ah ai aj ak al am an ao ap aq ar as at" href="https://policy.medium.com/medium-privacy-policy-f03bf92035c9?source=post_page-----e86ce074ccc---------------------------------------" rel="noopener follow"><p class="bf b dv z du">Privacy</p></a></div><div class="uy uz l"><a class="af ag ah ai aj ak al am an ao ap aq ar as at" href="https://policy.medium.com/medium-terms-of-service-9db0094a1e0f?source=post_page-----e86ce074ccc---------------------------------------" rel="noopener follow"><p class="bf b dv z du">Terms</p></a></div><div class="uy uz l"><a class="af ag ah ai aj ak al am an ao ap aq ar as at" href="https://speechify.com/medium?source=post_page-----e86ce074ccc---------------------------------------" rel="noopener follow"><p class="bf b dv z du">Text to speech</p></a></div><div class="uy l"><a class="af ag ah ai aj ak al am an ao ap aq ar as at" rel="noopener follow" href="/business?source=post_page-----e86ce074ccc---------------------------------------"><p class="bf b dv z du">Teams</p></a></div></div></div></div></div></div></div></div></div></div><script>window.__BUILD_ID__="main-20250214-225023-b6ac233ec4"</script><script>window.__GRAPHQL_URI__ = "https://medium.com/_/graphql"</script><script>window.__PRELOADED_STATE__ = {"algolia":{"queries":{}},"cache":{"experimentGroupSet":true,"reason":"","group":"enabled","tags":["group-edgeCachePosts","post-e86ce074ccc","user-fda018b60e78","collection-c539d790d38a"],"serverVariantState":"44136fa355b3678a1146ad16f7e8649e94fb4fc21fe77e8310c060f61caaff8a","middlewareEnabled":true,"cacheStatus":"DYNAMIC","shouldUseCache":true,"vary":[],"pubFeaturingPostPageLabelEnabled":false},"client":{"hydrated":false,"isUs":false,"isNativeMedium":false,"isSafariMobile":false,"isSafari":false,"isFirefox":false,"routingEntity":{"type":"DEFAULT","explicit":false},"viewerIsBot":false},"debug":{"requestId":"f21c95aa-6545-493f-b085-4940dea11f23","requestTag":"","hybridDevServices":[],"originalSpanCarrier":{"traceparent":"00-4a1e56278d3ccbe7ecc7fc9c37921146-1a1b8f1ba096a6a4-01"}},"multiVote":{"clapsPerPost":{}},"navigation":{"branch":{"show":null,"hasRendered":null,"blockedByCTA":false},"hideGoogleOneTap":false,"hasRenderedAlternateUserBanner":null,"currentLocation":"https:\u002F\u002Fmedium.com\u002Ffront-end-weekly\u002Fyou-are-being-tracked-my-friend-e86ce074ccc","host":"medium.com","hostname":"medium.com","referrer":"","hasSetReferrer":false,"susiModal":{"step":null,"operation":"register"},"postRead":false,"partnerProgram":{"selectedCountryCode":null},"queryString":"","currentHash":""},"config":{"nodeEnv":"production","version":"main-20250214-225023-b6ac233ec4","target":"production","productName":"Medium","publicUrl":"https:\u002F\u002Fcdn-client.medium.com\u002Flite","authDomain":"medium.com","authGoogleClientId":"216296035834-k1k6qe060s2tp2a2jam4ljdcms00sttg.apps.googleusercontent.com","favicon":"production","glyphUrl":"https:\u002F\u002Fglyph.medium.com","branchKey":"key_live_ofxXr2qTrrU9NqURK8ZwEhknBxiI6KBm","algolia":{"appId":"MQ57UUUQZ2","apiKeySearch":"394474ced050e3911ae2249ecc774921","indexPrefix":"medium_","host":"-dsn.algolia.net"},"recaptchaKey":"6Lfc37IUAAAAAKGGtC6rLS13R1Hrw_BqADfS1LRk","recaptcha3Key":"6Lf8R9wUAAAAABMI_85Wb8melS7Zj6ziuf99Yot5","recaptchaEnterpriseKeyId":"6Le-uGgpAAAAAPprRaokM8AKthQ9KNGdoxaGUvVp","datadog":{"applicationId":"6702d87d-a7e0-42fe-bbcb-95b469547ea0","clientToken":"pub853ea8d17ad6821d9f8f11861d23dfed","rumToken":"pubf9cc52896502b9413b68ba36fc0c7162","context":{"deployment":{"target":"production","tag":"main-20250214-225023-b6ac233ec4","commit":"b6ac233ec4e33c48e304b373b7df8c338a410ef2"}},"datacenter":"us"},"googleAnalyticsCode":"G-7JY7T788PK","googlePay":{"apiVersion":"2","apiVersionMinor":"0","merchantId":"BCR2DN6TV7EMTGBM","merchantName":"Medium","instanceMerchantId":"13685562959212738550"},"applePay":{"version":3},"signInWallCustomDomainCollectionIds":["3a8144eabfe3","336d898217ee","61061eb0c96b","138adf9c44c","819cc2aaeee0"],"mediumMastodonDomainName":"me.dm","mediumOwnedAndOperatedCollectionIds":["8a9336e5bb4","b7e45b22fec3","193b68bd4fba","8d6b8a439e32","54c98c43354d","3f6ecf56618","d944778ce714","92d2092dc598","ae2a65f35510","1285ba81cada","544c7006046e","fc8964313712","40187e704f1c","88d9857e584e","7b6769f2748b","bcc38c8f6edf","cef6983b292","cb8577c9149e","444d13b52878","713d7dbc99b0","ef8e90590e66","191186aaafa0","55760f21cdc5","9dc80918cc93","bdc4052bbdba","8ccfed20cbb2"],"tierOneDomains":["medium.com","thebolditalic.com","arcdigital.media","towardsdatascience.com","uxdesign.cc","codeburst.io","psiloveyou.xyz","writingcooperative.com","entrepreneurshandbook.co","prototypr.io","betterhumans.coach.me","theascent.pub"],"topicsToFollow":["d61cf867d93f","8a146bc21b28","1eca0103fff3","4d562ee63426","aef1078a3ef5","e15e46793f8d","6158eb913466","55f1c20aba7a","3d18b94f6858","4861fee224fd","63c6f1f93ee","1d98b3a9a871","decb52b64abf","ae5d4995e225","830cded25262"],"topicToTagMappings":{"accessibility":"accessibility","addiction":"addiction","android-development":"android-development","art":"art","artificial-intelligence":"artificial-intelligence","astrology":"astrology","basic-income":"basic-income","beauty":"beauty","biotech":"biotech","blockchain":"blockchain","books":"books","business":"business","cannabis":"cannabis","cities":"cities","climate-change":"climate-change","comics":"comics","coronavirus":"coronavirus","creativity":"creativity","cryptocurrency":"cryptocurrency","culture":"culture","cybersecurity":"cybersecurity","data-science":"data-science","design":"design","digital-life":"digital-life","disability":"disability","economy":"economy","education":"education","equality":"equality","family":"family","feminism":"feminism","fiction":"fiction","film":"film","fitness":"fitness","food":"food","freelancing":"freelancing","future":"future","gadgets":"gadgets","gaming":"gaming","gun-control":"gun-control","health":"health","history":"history","humor":"humor","immigration":"immigration","ios-development":"ios-development","javascript":"javascript","justice":"justice","language":"language","leadership":"leadership","lgbtqia":"lgbtqia","lifestyle":"lifestyle","machine-learning":"machine-learning","makers":"makers","marketing":"marketing","math":"math","media":"media","mental-health":"mental-health","mindfulness":"mindfulness","money":"money","music":"music","neuroscience":"neuroscience","nonfiction":"nonfiction","outdoors":"outdoors","parenting":"parenting","pets":"pets","philosophy":"philosophy","photography":"photography","podcasts":"podcast","poetry":"poetry","politics":"politics","privacy":"privacy","product-management":"product-management","productivity":"productivity","programming":"programming","psychedelics":"psychedelics","psychology":"psychology","race":"race","relationships":"relationships","religion":"religion","remote-work":"remote-work","san-francisco":"san-francisco","science":"science","self":"self","self-driving-cars":"self-driving-cars","sexuality":"sexuality","social-media":"social-media","society":"society","software-engineering":"software-engineering","space":"space","spirituality":"spirituality","sports":"sports","startups":"startup","style":"style","technology":"technology","transportation":"transportation","travel":"travel","true-crime":"true-crime","tv":"tv","ux":"ux","venture-capital":"venture-capital","visual-design":"visual-design","work":"work","world":"world","writing":"writing"},"defaultImages":{"avatar":{"imageId":"1*dmbNkD5D-u45r44go_cf0g.png","height":150,"width":150},"orgLogo":{"imageId":"7*V1_7XP4snlmqrc_0Njontw.png","height":110,"width":500},"postLogo":{"imageId":"bd978bb536350a710e8efb012513429cabdc4c28700604261aeda246d0f980b7","height":810,"width":1440},"postPreviewImage":{"imageId":"1*hn4v1tCaJy7cWMyb0bpNpQ.png","height":386,"width":579}},"collectionStructuredData":{"8d6b8a439e32":{"name":"Elemental","data":{"@type":"NewsMediaOrganization","ethicsPolicy":"https:\u002F\u002Fhelp.medium.com\u002Fhc\u002Fen-us\u002Farticles\u002F360043290473","logo":{"@type":"ImageObject","url":"https:\u002F\u002Fcdn-images-1.medium.com\u002Fmax\u002F980\u002F1*9ygdqoKprhwuTVKUM0DLPA@2x.png","width":980,"height":159}}},"3f6ecf56618":{"name":"Forge","data":{"@type":"NewsMediaOrganization","ethicsPolicy":"https:\u002F\u002Fhelp.medium.com\u002Fhc\u002Fen-us\u002Farticles\u002F360043290473","logo":{"@type":"ImageObject","url":"https:\u002F\u002Fcdn-images-1.medium.com\u002Fmax\u002F596\u002F1*uULpIlImcO5TDuBZ6lm7Lg@2x.png","width":596,"height":183}}},"ae2a65f35510":{"name":"GEN","data":{"@type":"NewsMediaOrganization","ethicsPolicy":"https:\u002F\u002Fhelp.medium.com\u002Fhc\u002Fen-us\u002Farticles\u002F360043290473","logo":{"@type":"ImageObject","url":"https:\u002F\u002Fmiro.medium.com\u002Fmax\u002F264\u002F1*RdVZMdvfV3YiZTw6mX7yWA.png","width":264,"height":140}}},"88d9857e584e":{"name":"LEVEL","data":{"@type":"NewsMediaOrganization","ethicsPolicy":"https:\u002F\u002Fhelp.medium.com\u002Fhc\u002Fen-us\u002Farticles\u002F360043290473","logo":{"@type":"ImageObject","url":"https:\u002F\u002Fmiro.medium.com\u002Fmax\u002F540\u002F1*JqYMhNX6KNNb2UlqGqO2WQ.png","width":540,"height":108}}},"7b6769f2748b":{"name":"Marker","data":{"@type":"NewsMediaOrganization","ethicsPolicy":"https:\u002F\u002Fhelp.medium.com\u002Fhc\u002Fen-us\u002Farticles\u002F360043290473","logo":{"@type":"ImageObject","url":"https:\u002F\u002Fcdn-images-1.medium.com\u002Fmax\u002F383\u002F1*haCUs0wF6TgOOvfoY-jEoQ@2x.png","width":383,"height":92}}},"444d13b52878":{"name":"OneZero","data":{"@type":"NewsMediaOrganization","ethicsPolicy":"https:\u002F\u002Fhelp.medium.com\u002Fhc\u002Fen-us\u002Farticles\u002F360043290473","logo":{"@type":"ImageObject","url":"https:\u002F\u002Fmiro.medium.com\u002Fmax\u002F540\u002F1*cw32fIqCbRWzwJaoQw6BUg.png","width":540,"height":123}}},"8ccfed20cbb2":{"name":"Zora","data":{"@type":"NewsMediaOrganization","ethicsPolicy":"https:\u002F\u002Fhelp.medium.com\u002Fhc\u002Fen-us\u002Farticles\u002F360043290473","logo":{"@type":"ImageObject","url":"https:\u002F\u002Fmiro.medium.com\u002Fmax\u002F540\u002F1*tZUQqRcCCZDXjjiZ4bDvgQ.png","width":540,"height":106}}}},"embeddedPostIds":{"coronavirus":"cd3010f9d81f"},"sharedCdcMessaging":{"COVID_APPLICABLE_TAG_SLUGS":[],"COVID_APPLICABLE_TOPIC_NAMES":[],"COVID_APPLICABLE_TOPIC_NAMES_FOR_TOPIC_PAGE":[],"COVID_MESSAGES":{"tierA":{"text":"For more information on the novel coronavirus and Covid-19, visit cdc.gov.","markups":[{"start":66,"end":73,"href":"https:\u002F\u002Fwww.cdc.gov\u002Fcoronavirus\u002F2019-nCoV"}]},"tierB":{"text":"Anyone can publish on Medium per our Policies, but we don’t fact-check every story. For more info about the coronavirus, see cdc.gov.","markups":[{"start":37,"end":45,"href":"https:\u002F\u002Fhelp.medium.com\u002Fhc\u002Fen-us\u002Fcategories\u002F201931128-Policies-Safety"},{"start":125,"end":132,"href":"https:\u002F\u002Fwww.cdc.gov\u002Fcoronavirus\u002F2019-nCoV"}]},"paywall":{"text":"This article has been made free for everyone, thanks to Medium Members. For more information on the novel coronavirus and Covid-19, visit cdc.gov.","markups":[{"start":56,"end":70,"href":"https:\u002F\u002Fmedium.com\u002Fmembership"},{"start":138,"end":145,"href":"https:\u002F\u002Fwww.cdc.gov\u002Fcoronavirus\u002F2019-nCoV"}]},"unbound":{"text":"This article is free for everyone, thanks to Medium Members. For more information on the novel coronavirus and Covid-19, visit cdc.gov.","markups":[{"start":45,"end":59,"href":"https:\u002F\u002Fmedium.com\u002Fmembership"},{"start":127,"end":134,"href":"https:\u002F\u002Fwww.cdc.gov\u002Fcoronavirus\u002F2019-nCoV"}]}},"COVID_BANNER_POST_ID_OVERRIDE_WHITELIST":["3b31a67bff4a"]},"sharedVoteMessaging":{"TAGS":["politics","election-2020","government","us-politics","election","2020-presidential-race","trump","donald-trump","democrats","republicans","congress","republican-party","democratic-party","biden","joe-biden","maga"],"TOPICS":["politics","election"],"MESSAGE":{"text":"Find out more about the U.S. election results here.","markups":[{"start":46,"end":50,"href":"https:\u002F\u002Fcookpolitical.com\u002F2020-national-popular-vote-tracker"}]},"EXCLUDE_POSTS":["397ef29e3ca5"]},"embedPostRules":[],"recircOptions":{"v1":{"limit":3},"v2":{"limit":8}},"braintreeClientKey":"production_zjkj96jm_m56f8fqpf7ngnrd4","braintree":{"enabled":true,"merchantId":"m56f8fqpf7ngnrd4","merchantAccountId":{"usd":"AMediumCorporation_instant","eur":"amediumcorporation_EUR","cad":"amediumcorporation_CAD"},"publicKey":"ds2nn34bg2z7j5gd","braintreeEnvironment":"production","dashboardUrl":"https:\u002F\u002Fwww.braintreegateway.com\u002Fmerchants","gracePeriodDurationInDays":14,"mediumMembershipPlanId":{"monthly":"ce105f8c57a3","monthlyV2":"e8a5e126-792b-4ee6-8fba-d574c1b02fc5","monthlyWithTrial":"d5ee3dbe3db8","monthlyPremium":"fa741a9b47a2","yearly":"a40ad4a43185","yearlyV2":"3815d7d6-b8ca-4224-9b8c-182f9047866e","yearlyStaff":"d74fb811198a","yearlyWithTrial":"b3bc7350e5c7","yearlyPremium":"e21bd2c12166","monthlyOneYearFree":"e6c0637a-2bad-4171-ab4f-3c268633d83c","monthly25PercentOffFirstYear":"235ecc62-0cdb-49ae-9378-726cd21c504b","monthly20PercentOffFirstYear":"ba518864-9c13-4a99-91ca-411bf0cac756","monthly15PercentOffFirstYear":"594c029b-9f89-43d5-88f8-8173af4e070e","monthly10PercentOffFirstYear":"c6c7bc9a-40f2-4b51-8126-e28511d5bdb0","monthlyForStudents":"629ebe51-da7d-41fd-8293-34cd2f2030a8","yearlyOneYearFree":"78ba7be9-0d9f-4ece-aa3e-b54b826f2bf1","yearly25PercentOffFirstYear":"2dbb010d-bb8f-4eeb-ad5c-a08509f42d34","yearly20PercentOffFirstYear":"47565488-435b-47f8-bf93-40d5fbe0ebc8","yearly15PercentOffFirstYear":"8259809b-0881-47d9-acf7-6c001c7f720f","yearly10PercentOffFirstYear":"9dd694fb-96e1-472c-8d9e-3c868d5c1506","yearlyForStudents":"e29345ef-ab1c-4234-95c5-70e50fe6bc23","monthlyCad":"p52orjkaceei","yearlyCad":"h4q9g2up9ktt"},"braintreeDiscountId":{"oneMonthFree":"MONTHS_FREE_01","threeMonthsFree":"MONTHS_FREE_03","sixMonthsFree":"MONTHS_FREE_06","fiftyPercentOffOneYear":"FIFTY_PERCENT_OFF_ONE_YEAR"},"3DSecureVersion":"2","defaultCurrency":"usd","providerPlanIdCurrency":{"4ycw":"usd","rz3b":"usd","3kqm":"usd","jzw6":"usd","c2q2":"usd","nnsw":"usd","q8qw":"usd","d9y6":"usd","fx7w":"cad","nwf2":"cad"}},"paypalClientId":"AXj1G4fotC2GE8KzWX9mSxCH1wmPE3nJglf4Z2ig_amnhvlMVX87otaq58niAg9iuLktVNF_1WCMnN7v","paypal":{"host":"https:\u002F\u002Fapi.paypal.com:443","clientMode":"production","serverMode":"live","webhookId":"4G466076A0294510S","monthlyPlan":{"planId":"P-9WR0658853113943TMU5FDQA","name":"Medium Membership (Monthly) with setup fee","description":"Unlimited access to the best and brightest stories on Medium. Membership billed monthly."},"yearlyPlan":{"planId":"P-7N8963881P8875835MU5JOPQ","name":"Medium Membership (Annual) with setup fee","description":"Unlimited access to the best and brightest stories on Medium. Membership billed annually."},"oneYearGift":{"name":"Medium Membership (1 Year, Digital Gift Code)","description":"Unlimited access to the best and brightest stories on Medium. Gift codes can be redeemed at medium.com\u002Fredeem.","price":"50.00","currency":"USD","sku":"membership-gift-1-yr"},"oldMonthlyPlan":{"planId":"P-96U02458LM656772MJZUVH2Y","name":"Medium Membership (Monthly)","description":"Unlimited access to the best and brightest stories on Medium. Membership billed monthly."},"oldYearlyPlan":{"planId":"P-59P80963JF186412JJZU3SMI","name":"Medium Membership (Annual)","description":"Unlimited access to the best and brightest stories on Medium. Membership billed annually."},"monthlyPlanWithTrial":{"planId":"P-66C21969LR178604GJPVKUKY","name":"Medium Membership (Monthly) with setup fee","description":"Unlimited access to the best and brightest stories on Medium. Membership billed monthly."},"yearlyPlanWithTrial":{"planId":"P-6XW32684EX226940VKCT2MFA","name":"Medium Membership (Annual) with setup fee","description":"Unlimited access to the best and brightest stories on Medium. Membership billed annually."},"oldMonthlyPlanNoSetupFee":{"planId":"P-4N046520HR188054PCJC7LJI","name":"Medium Membership (Monthly)","description":"Unlimited access to the best and brightest stories on Medium. Membership billed monthly."},"oldYearlyPlanNoSetupFee":{"planId":"P-7A4913502Y5181304CJEJMXQ","name":"Medium Membership (Annual)","description":"Unlimited access to the best and brightest stories on Medium. Membership billed annually."},"sdkUrl":"https:\u002F\u002Fwww.paypal.com\u002Fsdk\u002Fjs"},"stripePublishableKey":"pk_live_7FReX44VnNIInZwrIIx6ghjl","log":{"json":true,"level":"info"},"imageUploadMaxSizeMb":25,"staffPicks":{"title":"Staff Picks","catalogId":"c7bc6e1ee00f"}},"session":{"xsrf":""}}</script><script>window.__APOLLO_STATE__ = {"ROOT_QUERY":{"__typename":"Query","collectionByDomainOrSlug({\"domainOrSlug\":\"front-end-weekly\"})":{"__ref":"Collection:c539d790d38a"},"viewer":null,"postResult({\"id\":\"e86ce074ccc\"})":{"__ref":"Post:e86ce074ccc"}},"ImageMetadata:":{"__typename":"ImageMetadata","id":""},"Collection:c539d790d38a":{"__typename":"Collection","id":"c539d790d38a","favicon":{"__ref":"ImageMetadata:"},"customStyleSheet":{"__ref":"CustomStyleSheet:df9eb197ec26"},"colorPalette":{"__typename":"ColorPalette","highlightSpectrum":{"__typename":"ColorSpectrum","backgroundColor":"#FFFFFFFF","colorPoints":[{"__typename":"ColorPoint","color":"#FFFFFFFF","point":0},{"__typename":"ColorPoint","color":"#FFE8F3E8","point":0.1},{"__typename":"ColorPoint","color":"#FFE8F3E8","point":0.2},{"__typename":"ColorPoint","color":"#FFD1E7D1","point":0.6},{"__typename":"ColorPoint","color":"#FFA3D0A2","point":1}]},"defaultBackgroundSpectrum":{"__typename":"ColorSpectrum","backgroundColor":"#FFFFFFFF","colorPoints":[{"__typename":"ColorPoint","color":"#FF1A8917","point":0},{"__typename":"ColorPoint","color":"#FF11800E","point":0.1},{"__typename":"ColorPoint","color":"#FF0F730C","point":0.2},{"__typename":"ColorPoint","color":"#FF095407","point":1}]},"tintBackgroundSpectrum":null},"domain":null,"slug":"front-end-weekly","googleAnalyticsId":null,"name":"Frontend Weekly","avatar":{"__ref":"ImageMetadata:1*NDFydnWKD8c58PA36XKRKg.png"},"description":"It's really hard to keep up with all the front-end development news out there. Let us help you. We hand-pick interesting articles related to front-end development. You can also subscribe to our weekly newsletter at http:\u002F\u002Ffrontendweekly.co","subscriberCount":27454,"latestPostsConnection({\"paging\":{\"limit\":1}})":{"__typename":"PostConnection","posts":[{"__ref":"Post:7a5b52bf219d"}]},"isAuroraVisible":true,"tintColor":null,"newsletterV3":{"__ref":"NewsletterV3:2c43c0cd3a9"},"viewerEdge":{"__ref":"CollectionViewerEdge:collectionId:c539d790d38a-viewerId:lo_2a4d34630472"},"twitterUsername":"frontendweekly1","facebookPageId":null,"logo":{"__ref":"ImageMetadata:1*3tLiepV4wSXgEWj_LnUQvw.png"}},"CustomStyleSheet:df9eb197ec26":{"__typename":"CustomStyleSheet","id":"df9eb197ec26","global":{"__typename":"GlobalStyles","colorPalette":null,"fonts":{"__typename":"StyleSheetFonts","font1":{"__typename":"StyleSheetFont","name":"SANS_SERIF_1"},"font2":{"__typename":"StyleSheetFont","name":"SANS_SERIF_1"},"font3":{"__typename":"StyleSheetFont","name":"SERIF_2"}}},"header":{"__typename":"HeaderStyles","backgroundImage":null}},"ImageMetadata:1*NDFydnWKD8c58PA36XKRKg.png":{"__typename":"ImageMetadata","id":"1*NDFydnWKD8c58PA36XKRKg.png"},"User:3dad5916cd29":{"__typename":"User","id":"3dad5916cd29","customDomainState":null,"hasSubdomain":false,"username":"eibrahim"},"Post:7a5b52bf219d":{"__typename":"Post","id":"7a5b52bf219d","firstPublishedAt":1739727272405,"creator":{"__ref":"User:3dad5916cd29"},"collection":{"__ref":"Collection:c539d790d38a"},"isSeries":false,"mediumUrl":"https:\u002F\u002Fmedium.com\u002Ffront-end-weekly\u002Ffluid-calendar-an-open-source-alternative-to-motion-part-1-7a5b52bf219d","sequence":null,"uniqueSlug":"fluid-calendar-an-open-source-alternative-to-motion-part-1-7a5b52bf219d"},"NewsletterV3:2c43c0cd3a9":{"__typename":"NewsletterV3","id":"2c43c0cd3a9"},"LinkedAccounts:fda018b60e78":{"__typename":"LinkedAccounts","mastodon":null,"id":"fda018b60e78"},"User:fda018b60e78":{"__typename":"User","id":"fda018b60e78","linkedAccounts":{"__ref":"LinkedAccounts:fda018b60e78"},"isSuspended":false,"name":"Shivani Gupta","imageId":"2*7Vr4JCeuKrF9jDy9_YEIqQ.jpeg","customDomainState":{"__typename":"CustomDomainState","live":{"__typename":"CustomDomain","domain":"gshivani.medium.com"}},"hasSubdomain":true,"username":"gshivani","verifications":{"__typename":"VerifiedInfo","isBookAuthor":false},"socialStats":{"__typename":"SocialStats","followerCount":158,"followingCount":88,"collectionFollowingCount":18},"bio":"I’m a Front-End Developer based in Bangalore, India. I believe in pretty designs and clean coding.","membership":null,"allowNotes":true,"viewerEdge":{"__ref":"UserViewerEdge:userId:fda018b60e78-viewerId:lo_2a4d34630472"},"twitterScreenName":""},"Paragraph:60711add09d8_0":{"__typename":"Paragraph","id":"60711add09d8_0","name":"a9be","type":"H3","href":null,"layout":null,"metadata":null,"text":"You are being tracked, my friend!","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"ImageMetadata:1*3UhQUZFcZEEkIagGKzGd4A.png":{"__typename":"ImageMetadata","id":"1*3UhQUZFcZEEkIagGKzGd4A.png","originalHeight":980,"originalWidth":1386,"focusPercentX":null,"focusPercentY":null,"alt":null},"Paragraph:60711add09d8_1":{"__typename":"Paragraph","id":"60711add09d8_1","name":"2295","type":"IMG","href":null,"layout":"INSET_CENTER","metadata":{"__ref":"ImageMetadata:1*3UhQUZFcZEEkIagGKzGd4A.png"},"text":"Image Source: Undraw","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"A","start":13,"end":20,"href":"https:\u002F\u002Fundraw.co\u002Fillustrations","anchorType":"LINK","userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:60711add09d8_2":{"__typename":"Paragraph","id":"60711add09d8_2","name":"3e69","type":"P","href":null,"layout":null,"metadata":null,"text":"Almost anything you do or interact online involves some form of data, and this data tells a story about who you are and where you have been, what food you have been ordering and your favourite shopping brand. From web browsing to smartphones, you and everyone you know is tracked, logged, and the data is shared among a variety of third party services.\nRemember when you were looking for something on internet and you started seeing ads for similar products on all the social media platform 🔍.\nEver wondered how is that done? \nThis is done through the “cookies”,not the one you eat 😆 that your browser collects and this in turn is used for re-marketing campaigns.","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"MediaResource:18214d8333adbb5668f31791a3202b60":{"__typename":"MediaResource","id":"18214d8333adbb5668f31791a3202b60","iframeSrc":"https:\u002F\u002Fcdn.embedly.com\u002Fwidgets\u002Fmedia.html?src=https%3A%2F%2Fupscri.be%2Ff%2F788447%3Fas_embed%3Dtrue&dntp=1&display_name=Upscribe&url=https%3A%2F%2Fupscri.be%2F788447%2F&type=text%2Fhtml&schema=upscri","iframeHeight":400,"iframeWidth":800,"title":"Join 30K+ Developers and Stay on Top of Frontend Development"},"Paragraph:60711add09d8_3":{"__typename":"Paragraph","id":"60711add09d8_3","name":"11cb","type":"IFRAME","href":null,"layout":"INSET_CENTER","metadata":null,"text":"","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":{"__typename":"Iframe","mediaResource":{"__ref":"MediaResource:18214d8333adbb5668f31791a3202b60"}},"mixtapeMetadata":null},"Paragraph:60711add09d8_4":{"__typename":"Paragraph","id":"60711add09d8_4","name":"ce78","type":"H3","href":null,"layout":null,"metadata":null,"text":"What is cookie?","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:60711add09d8_5":{"__typename":"Paragraph","id":"60711add09d8_5","name":"993c","type":"P","href":null,"layout":null,"metadata":null,"text":"Cookies are small bits of data stored on a browser. Websites use this data to track users and enable\u002Fdisable user-specific features. \nA cookie is saved in name-value pairs. Other information that will be saved are domain info, expiration date, path and if cookie is marked as secure, \nIn some browsers, each cookie is a small file but in Firefox, all cookies are stored in a single file.\nA simple example here is user consent stored with value yes for domain google.com with the expiry date.","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"STRONG","start":155,"end":159,"href":null,"anchorType":null,"userId":null,"linkMetadata":null},{"__typename":"Markup","type":"STRONG","start":160,"end":171,"href":null,"anchorType":null,"userId":null,"linkMetadata":null},{"__typename":"Markup","type":"STRONG","start":172,"end":173,"href":null,"anchorType":null,"userId":null,"linkMetadata":null},{"__typename":"Markup","type":"STRONG","start":284,"end":285,"href":null,"anchorType":null,"userId":null,"linkMetadata":null},{"__typename":"Markup","type":"STRONG","start":418,"end":425,"href":null,"anchorType":null,"userId":null,"linkMetadata":null},{"__typename":"Markup","type":"STRONG","start":444,"end":448,"href":null,"anchorType":null,"userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"ImageMetadata:1*QRdZ_mdifTV_d3HqCaIUVA.png":{"__typename":"ImageMetadata","id":"1*QRdZ_mdifTV_d3HqCaIUVA.png","originalHeight":66,"originalWidth":1087,"focusPercentX":null,"focusPercentY":null,"alt":null},"Paragraph:60711add09d8_6":{"__typename":"Paragraph","id":"60711add09d8_6","name":"b6a5","type":"IMG","href":null,"layout":"INSET_CENTER","metadata":{"__ref":"ImageMetadata:1*QRdZ_mdifTV_d3HqCaIUVA.png"},"text":"","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:60711add09d8_7":{"__typename":"Paragraph","id":"60711add09d8_7","name":"0b65","type":"P","href":null,"layout":null,"metadata":null,"text":"Let’s see the amount of data Google is storing……","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"ImageMetadata:1*R93jaOCrW-aMns0bCf31aA.png":{"__typename":"ImageMetadata","id":"1*R93jaOCrW-aMns0bCf31aA.png","originalHeight":476,"originalWidth":1079,"focusPercentX":null,"focusPercentY":null,"alt":null},"Paragraph:60711add09d8_8":{"__typename":"Paragraph","id":"60711add09d8_8","name":"a70b","type":"IMG","href":null,"layout":"INSET_CENTER","metadata":{"__ref":"ImageMetadata:1*R93jaOCrW-aMns0bCf31aA.png"},"text":"Cookie stored for Google page","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:60711add09d8_9":{"__typename":"Paragraph","id":"60711add09d8_9","name":"372a","type":"P","href":null,"layout":null,"metadata":null,"text":"Read types of cookies used by Google. https:\u002F\u002Fpolicies.google.com\u002Ftechnologies\u002Ftypes?hl=en","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"A","start":38,"end":90,"href":"https:\u002F\u002Fpolicies.google.com\u002Ftechnologies\u002Ftypes?hl=en","anchorType":"LINK","userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:60711add09d8_10":{"__typename":"Paragraph","id":"60711add09d8_10","name":"2acc","type":"H3","href":null,"layout":null,"metadata":null,"text":"Real-world application of cookies","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:60711add09d8_11":{"__typename":"Paragraph","id":"60711add09d8_11","name":"1696","type":"ULI","href":null,"layout":null,"metadata":null,"text":"To know whether visitors to the website had been there previously.","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:60711add09d8_12":{"__typename":"Paragraph","id":"60711add09d8_12","name":"6a3f","type":"ULI","href":null,"layout":null,"metadata":null,"text":"To identify whether a user is logged in or not.","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:60711add09d8_13":{"__typename":"Paragraph","id":"60711add09d8_13","name":"06d9","type":"ULI","href":null,"layout":null,"metadata":null,"text":"To pick up your location to show nearest restaurants.","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:60711add09d8_14":{"__typename":"Paragraph","id":"60711add09d8_14","name":"1ddf","type":"ULI","href":null,"layout":null,"metadata":null,"text":"To show city specific products to users.","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:60711add09d8_15":{"__typename":"Paragraph","id":"60711add09d8_15","name":"b5ad","type":"ULI","href":null,"layout":null,"metadata":null,"text":"Tracking user’s activities for analytics purpose.","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:60711add09d8_16":{"__typename":"Paragraph","id":"60711add09d8_16","name":"acdd","type":"ULI","href":null,"layout":null,"metadata":null,"text":"Optimise the website for your second visit.","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:60711add09d8_17":{"__typename":"Paragraph","id":"60711add09d8_17","name":"260a","type":"H3","href":null,"layout":null,"metadata":null,"text":"Do you see security concerns here?","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"STRONG","start":0,"end":34,"href":null,"anchorType":null,"userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:60711add09d8_18":{"__typename":"Paragraph","id":"60711add09d8_18","name":"7653","type":"P","href":null,"layout":null,"metadata":null,"text":"You must have heard of Cross-Site Scripting. This kind of attack can let an attacker to inject scripts into the browsers of other users. Because the injected code comes to the browser from the site, the code is trusted and can do things like send the user’s site authorisation cookie to the attacker. With this information they can log into a site carrying your identity and do things like accessing your credit card details, see contact details, or change passwords.\nSecondly Invasion of privacy is a bigger concern. If you’re going to use the web and allow your browser to accept cookies, you are being tracked, and now you know it.","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:60711add09d8_19":{"__typename":"Paragraph","id":"60711add09d8_19","name":"2811","type":"H3","href":null,"layout":null,"metadata":null,"text":"What to do to prevent an attack?","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:60711add09d8_20":{"__typename":"Paragraph","id":"60711add09d8_20","name":"e088","type":"ULI","href":null,"layout":null,"metadata":null,"text":"Keep your browser up to date so that you can prevent attackers to take advantage of security holes in outdated browsers.","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:60711add09d8_21":{"__typename":"Paragraph","id":"60711add09d8_21","name":"b12e","type":"ULI","href":null,"layout":null,"metadata":null,"text":"If you are warned by your browser or have slight doubt that a site is potentially malicious, don’t proceed to the site.","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:60711add09d8_22":{"__typename":"Paragraph","id":"60711add09d8_22","name":"e424","type":"ULI","href":null,"layout":null,"metadata":null,"text":"Do not block all cookies, it can make it difficult for site like Amazon, Bigbasket, Flipkart and Swiggy to show you personalised.","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:60711add09d8_23":{"__typename":"Paragraph","id":"60711add09d8_23","name":"d6df","type":"ULI","href":null,"layout":null,"metadata":null,"text":"Block third-party cookies. If you don’t want to allow third-party cookies.","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:60711add09d8_24":{"__typename":"Paragraph","id":"60711add09d8_24","name":"c920","type":"ULI","href":null,"layout":null,"metadata":null,"text":"Do not store sensitive data in cookies.","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:60711add09d8_25":{"__typename":"Paragraph","id":"60711add09d8_25","name":"d163","type":"ULI","href":null,"layout":null,"metadata":null,"text":"Make use of encryption techniques and encrypt the value if required.","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:60711add09d8_26":{"__typename":"Paragraph","id":"60711add09d8_26","name":"0c7a","type":"ULI","href":null,"layout":null,"metadata":null,"text":"Set the expiration date for your cookies.","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:60711add09d8_27":{"__typename":"Paragraph","id":"60711add09d8_27","name":"dc24","type":"ULI","href":null,"layout":null,"metadata":null,"text":"Make sure to mark the cookie ‘secure’ so that it can only be transmitted over https.","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:60711add09d8_28":{"__typename":"Paragraph","id":"60711add09d8_28","name":"b124","type":"ULI","href":null,"layout":null,"metadata":null,"text":"Prevent malicious JavaScript from accessing it by marking the cookie as http only.","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:60711add09d8_29":{"__typename":"Paragraph","id":"60711add09d8_29","name":"3b87","type":"ULI","href":null,"layout":null,"metadata":null,"text":"Set the domain\u002Fsub-domain for the cookie so that it is restricted and reduces that attack surface.","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"ImageMetadata:1*uJmTqKS66wYgZdD127UTzQ.png":{"__typename":"ImageMetadata","id":"1*uJmTqKS66wYgZdD127UTzQ.png","originalHeight":928,"originalWidth":1099,"focusPercentX":null,"focusPercentY":null,"alt":null},"Paragraph:60711add09d8_30":{"__typename":"Paragraph","id":"60711add09d8_30","name":"35bf","type":"IMG","href":null,"layout":"INSET_CENTER","metadata":{"__ref":"ImageMetadata:1*uJmTqKS66wYgZdD127UTzQ.png"},"text":"","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:60711add09d8_31":{"__typename":"Paragraph","id":"60711add09d8_31","name":"f73f","type":"P","href":null,"layout":null,"metadata":null,"text":"Cookies are an integral part of the modern web and we cant just stop making use of them but we can try not to be heavily dependent on them. \nProper web application security helps detect security issues as well as, defend the application from any external vulnerabilities. The more you expose yourself to it, the better off you will be.","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:60711add09d8_32":{"__typename":"Paragraph","id":"60711add09d8_32","name":"1853","type":"P","href":null,"layout":null,"metadata":null,"text":"Thank you for reading this article. If you have enjoyed it, feel free to click the clap 👏 button to help others find it and leave your comment below about the post. Feel free to reach out to me 🙌","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"STRONG","start":83,"end":87,"href":null,"anchorType":null,"userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"CollectionViewerEdge:collectionId:c539d790d38a-viewerId:lo_2a4d34630472":{"__typename":"CollectionViewerEdge","id":"collectionId:c539d790d38a-viewerId:lo_2a4d34630472","isEditor":false,"isMuting":false},"UserViewerEdge:userId:fda018b60e78-viewerId:lo_2a4d34630472":{"__typename":"UserViewerEdge","id":"userId:fda018b60e78-viewerId:lo_2a4d34630472","isMuting":false},"ImageMetadata:1*3tLiepV4wSXgEWj_LnUQvw.png":{"__typename":"ImageMetadata","id":"1*3tLiepV4wSXgEWj_LnUQvw.png","originalWidth":1516,"originalHeight":556},"PostViewerEdge:postId:e86ce074ccc-viewerId:lo_2a4d34630472":{"__typename":"PostViewerEdge","shouldIndexPostForExternalSearch":true,"id":"postId:e86ce074ccc-viewerId:lo_2a4d34630472"},"Tag:web-development":{"__typename":"Tag","id":"web-development","displayTitle":"Web Development","normalizedTagSlug":"web-development"},"Tag:security":{"__typename":"Tag","id":"security","displayTitle":"Security","normalizedTagSlug":"security"},"Tag:tech":{"__typename":"Tag","id":"tech","displayTitle":"Tech","normalizedTagSlug":"tech"},"Tag:technology":{"__typename":"Tag","id":"technology","displayTitle":"Technology","normalizedTagSlug":"technology"},"Tag:javascript":{"__typename":"Tag","id":"javascript","displayTitle":"JavaScript","normalizedTagSlug":"javascript"},"Post:e86ce074ccc":{"__typename":"Post","id":"e86ce074ccc","collection":{"__ref":"Collection:c539d790d38a"},"content({\"postMeteringOptions\":{\"referrer\":\"\"}})":{"__typename":"PostContent","isLockedPreviewOnly":false,"bodyModel":{"__typename":"RichText","sections":[{"__typename":"Section","name":"f8a5","startIndex":0,"textLayout":null,"imageLayout":null,"backgroundImage":null,"videoLayout":null,"backgroundVideo":null},{"__typename":"Section","name":"7309","startIndex":4,"textLayout":null,"imageLayout":null,"backgroundImage":null,"videoLayout":null,"backgroundVideo":null},{"__typename":"Section","name":"9fa8","startIndex":10,"textLayout":null,"imageLayout":null,"backgroundImage":null,"videoLayout":null,"backgroundVideo":null},{"__typename":"Section","name":"4038","startIndex":19,"textLayout":null,"imageLayout":null,"backgroundImage":null,"videoLayout":null,"backgroundVideo":null},{"__typename":"Section","name":"6895","startIndex":31,"textLayout":null,"imageLayout":null,"backgroundImage":null,"videoLayout":null,"backgroundVideo":null},{"__typename":"Section","name":"25c1","startIndex":32,"textLayout":null,"imageLayout":null,"backgroundImage":null,"videoLayout":null,"backgroundVideo":null}],"paragraphs":[{"__ref":"Paragraph:60711add09d8_0"},{"__ref":"Paragraph:60711add09d8_1"},{"__ref":"Paragraph:60711add09d8_2"},{"__ref":"Paragraph:60711add09d8_3"},{"__ref":"Paragraph:60711add09d8_4"},{"__ref":"Paragraph:60711add09d8_5"},{"__ref":"Paragraph:60711add09d8_6"},{"__ref":"Paragraph:60711add09d8_7"},{"__ref":"Paragraph:60711add09d8_8"},{"__ref":"Paragraph:60711add09d8_9"},{"__ref":"Paragraph:60711add09d8_10"},{"__ref":"Paragraph:60711add09d8_11"},{"__ref":"Paragraph:60711add09d8_12"},{"__ref":"Paragraph:60711add09d8_13"},{"__ref":"Paragraph:60711add09d8_14"},{"__ref":"Paragraph:60711add09d8_15"},{"__ref":"Paragraph:60711add09d8_16"},{"__ref":"Paragraph:60711add09d8_17"},{"__ref":"Paragraph:60711add09d8_18"},{"__ref":"Paragraph:60711add09d8_19"},{"__ref":"Paragraph:60711add09d8_20"},{"__ref":"Paragraph:60711add09d8_21"},{"__ref":"Paragraph:60711add09d8_22"},{"__ref":"Paragraph:60711add09d8_23"},{"__ref":"Paragraph:60711add09d8_24"},{"__ref":"Paragraph:60711add09d8_25"},{"__ref":"Paragraph:60711add09d8_26"},{"__ref":"Paragraph:60711add09d8_27"},{"__ref":"Paragraph:60711add09d8_28"},{"__ref":"Paragraph:60711add09d8_29"},{"__ref":"Paragraph:60711add09d8_30"},{"__ref":"Paragraph:60711add09d8_31"},{"__ref":"Paragraph:60711add09d8_32"}]},"validatedShareKey":"","shareKeyCreator":null},"creator":{"__ref":"User:fda018b60e78"},"inResponseToEntityType":null,"isLocked":false,"isMarkedPaywallOnly":false,"lockedSource":"LOCKED_POST_SOURCE_NONE","mediumUrl":"https:\u002F\u002Fmedium.com\u002Ffront-end-weekly\u002Fyou-are-being-tracked-my-friend-e86ce074ccc","primaryTopic":null,"topics":[{"__typename":"Topic","slug":"cybersecurity"}],"isLimitedState":false,"isPublished":true,"allowResponses":true,"latestPublishedVersion":"60711add09d8","visibility":"PUBLIC","postResponses":{"__typename":"PostResponses","count":1},"responseDistribution":"NOT_DISTRIBUTED","clapCount":195,"title":"You are being tracked, my friend!","isSeries":false,"sequence":null,"uniqueSlug":"you-are-being-tracked-my-friend-e86ce074ccc","socialTitle":"","socialDek":"","canonicalUrl":"","metaDescription":"","latestPublishedAt":1584628635232,"readingTime":3.1905660377358487,"previewContent":{"__typename":"PreviewContent","subtitle":"Almost anything you do or interact online involves some form of data, and this data tells a story about who you are and where you have…"},"previewImage":{"__ref":"ImageMetadata:1*3UhQUZFcZEEkIagGKzGd4A.png"},"isShortform":false,"seoTitle":"","firstPublishedAt":1584035746923,"updatedAt":1639420285332,"shortformType":"SHORTFORM_TYPE_LINK","seoDescription":"","viewerEdge":{"__ref":"PostViewerEdge:postId:e86ce074ccc-viewerId:lo_2a4d34630472"},"isSuspended":false,"license":"ALL_RIGHTS_RESERVED","tags":[{"__ref":"Tag:web-development"},{"__ref":"Tag:security"},{"__ref":"Tag:tech"},{"__ref":"Tag:technology"},{"__ref":"Tag:javascript"}],"isFeaturedInPublishedPublication":false,"isNewsletter":false,"statusForCollection":"APPROVED","pendingCollection":null,"detectedLanguage":"en","wordCount":660,"layerCake":0,"responsesLocked":false}}</script><script>window.__MIDDLEWARE_STATE__={"session":{"xsrf":""},"cache":{"cacheStatus":"MISS"}}</script><script src="https://cdn-client.medium.com/lite/static/js/manifest.8b67b313.js"></script><script src="https://cdn-client.medium.com/lite/static/js/9865.1496d74a.js"></script><script src="https://cdn-client.medium.com/lite/static/js/main.94ea62ed.js"></script><script src="https://cdn-client.medium.com/lite/static/js/instrumentation.5bef8967.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/reporting.ff22a7a5.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/9120.5df29668.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/5049.d1ead72d.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/4505.6dfaf853.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/6618.db187378.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/9380.fb176dee.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/2707.dc8dbee4.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/9977.933c1c9a.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/8599.68bc318b.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/3045.1cc3d8cb.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/6349.3329b100.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/2648.26563adf.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/8393.a4ecfb83.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/6428.36238b5a.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/6199.6da73f3b.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/5642.7d9f7f3d.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/6546.67eb283b.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/6834.8aa8d357.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/4492.0c3e1a1d.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/2571.6814b962.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/839.1c286b32.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/6128.f8800a13.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/2135.2e8dc177.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/7975.60bcefe8.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/144.86429b48.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/5240.6281357f.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/8819.c627c2bf.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/8204.d0637ed0.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/PostPage.MainContent.c3ee9367.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/8414.0d800846.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/3974.8d3e0217.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/2527.18a8996d.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/PostResponsesContent.e1e580cb.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/responses.editor.e89462cb.chunk.js"></script><script>window.main();</script><script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'913444be8d56449f',t:'MTczOTc3OTQ4Ny4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script></body></html>