PageSourceSearch

https://responsively.app/blog

html responsively.app collected 2026-10-02 04:58:57 UTC 29,599 bytes, 2 lines download raw bytes

1<!DOCTYPE html><html class="h-full scroll-smooth bg-white antialiased [font-feature-settings:&#x27;ss01&#x27;]" lang="en"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><title>Responsively App Blog</title><meta name="description" content="Latest posts from the Responsively App blog"/><meta name="next-head-count" content="4"/><link rel="preconnect" href="https://fonts.googleapis.com"/><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="anonymous"/><link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"/><link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"/><link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"/><link rel="manifest" href="/site.webmanifest"/><meta data-react-helmet="true" name="description" content="A dev-tool that aids faster and precise responsive web development."/><meta data-react-helmet="true" property="og:title" content="Responsively App - A Web Developer&#x27;s Browser"/><meta data-react-helmet="true" property="og:description" content="A dev-tool that aids faster and precise responsive web development."/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:image" content="/assets/img/responsively-image.png"/><meta data-react-helmet="true" property="twitter:image" content="/assets/img/responsively-image.png"/><meta data-react-helmet="true" name="twitter:card" content="summary_large_image"/><meta data-react-helmet="true" name="twitter:creator" content="ResponsivelyApp"/><meta data-react-helmet="true" name="twitter:site" content="ResponsivelyApp"/><meta data-react-helmet="true" name="twitter:title" content="Responsively App - A Web Developer&#x27;s Browser"/><meta data-react-helmet="true" name="twitter:description" content="A dev-tool that aids faster and precise responsive web development."/>
1<script defer="" src="https://umami.responsively.app/script.js" data-website-id="8334c169-78b3-4ba7-94ce-6e822db4da16"></script>
1<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /><link rel="preload" href="/_next/static/css/8794838d2baa0f5c.css" as="style"/><link rel="stylesheet" href="/_next/static/css/8794838d2baa0f5c.css" data-n-g=""/><noscript data-n-css=""></noscript>
1<script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script>
1<script src="/_next/static/chunks/webpack-b8f8d6679aaa5f42.js" defer=""></script>
1<script src="/_next/static/chunks/framework-2c79e2a64abdb08b.js" defer=""></script>
1<script src="/_next/static/chunks/main-85afaf1648695780.js" defer=""></script>
1<script src="/_next/static/chunks/pages/_app-4b5fd575c2d72cc8.js" defer=""></script>
1<script src="/_next/static/chunks/693-10cf7bd5e2a6dd8a.js" defer=""></script>
1<script src="/_next/static/chunks/557-75cbfa9f2b11618e.js" defer=""></script>
1<script src="/_next/static/chunks/pages/blog-9ded325ca3ba3729.js" defer=""></script>
1<script src="/_next/static/z-_kj4PuRCh5Tfpu12SfN/_buildManifest.js" defer=""></script>
1<script src="/_next/static/z-_kj4PuRCh5Tfpu12SfN/_ssgManifest.js" defer=""></script>
1<style data-href="https://fonts.googleapis.com/css2?family=Inter:[email protected]&family=Lexend:wght@400;500&display=swap">@font-face{font-family:'Inter';font-style:normal;font-weight:100;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuLyeMZs.woff) format('woff')}@font-face{font-family:'Inter';font-style:normal;font-weight:200;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuDyfMZs.woff) format('woff')}@font-face{font-family:'Inter';font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuOKfMZs.woff) format('woff')}@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuLyfMZs.woff) format('woff')}@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuI6fMZs.woff) format('woff')}@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuGKYMZs.woff) format('woff')}@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuFuYMZs.woff) format('woff')}@font-face{font-family:'Inter';font-style:normal;font-weight:800;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuDyYMZs.woff) format('woff')}@font-face{font-family:'Inter';font-style:normal;font-weight:900;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuBWYMZs.woff) format('woff')}@font-face{font-family:'Lexend';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/lexend/v26/wlptgwvFAVdoq2_F94zlCfv0bz1WCzsW_LM.woff) format('woff')}@font-face{font-family:'Lexend';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/lexend/v26/wlptgwvFAVdoq2_F94zlCfv0bz1WCwkW_LM.woff) format('woff')}@font-face{font-family:'Inter';font-style:normal;font-weight:100 900;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7W0Q5n-wU.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:'Inter';font-style:normal;font-weight:100 900;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7W0Q5n-wU.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:'Inter';font-style:normal;font-weight:100 900;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7W0Q5n-wU.woff2) format('woff2');unicode-range:U+1F00-1FFF}@font-face{font-family:'Inter';font-style:normal;font-weight:100 900;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7W0Q5n-wU.woff2) format('woff2');unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:'Inter';font-style:normal;font-weight:100 900;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7W0Q5n-wU.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:'Inter';font-style:normal;font-weight:100 900;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7W0Q5n-wU.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Inter';font-style:normal;font-weight:100 900;font-display:swap;
1src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7W0Q5nw.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Lexend';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/lexend/v26/wlpwgwvFAVdoq2_v9KQU82RHaBBX.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:'Lexend';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/lexend/v26/wlpwgwvFAVdoq2_v9aQU82RHaBBX.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Lexend';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/lexend/v26/wlpwgwvFAVdoq2_v-6QU82RHaA.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Lexend';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/lexend/v26/wlpwgwvFAVdoq2_v9KQU82RHaBBX.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:'Lexend';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/lexend/v26/wlpwgwvFAVdoq2_v9aQU82RHaBBX.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Lexend';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/lexend/v26/wlpwgwvFAVdoq2_v-6QU82RHaA.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}</style></head><body class="flex h-full flex-col"><div id="__next"><a class="transition left-0 bg-primary text-primary-content absolute p-3 m-3 -translate-y-16 focus:translate-y-0" href="#main-content">Skip Navigation</a><div class="relative min-h-screen overflow-hidden"><header class="py-10"><div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8"><nav class="relative z-50 flex justify-between"><div class="flex items-center md:gap-x-12"><a aria-label="Home" href="/"><svg width="1024" height="1024" viewBox="0 0 1024 1024" fill="none" xmlns="http://www.w3.org/2000/svg" class="h-16 w-auto"><path d="M725.567 445.055H991.768C1002.84 445.055 1011.84 454.051 1011.84 465.124V940.531C1011.84 951.604 1002.84 960.6 991.768 960.6H725.567C714.494 960.6 705.498 951.604 705.498 940.531V465.124C705.498 454.051 714.494 445.055 725.567 445.055Z" fill="black" stroke="#454545" stroke-width="7.24951" stroke-miterlimit="2" stroke-linecap="square"></path><path d="M720.442 960.6H996.893C1005.14 960.6 1011.84 953.906 1011.84 945.656V938.185H705.498V945.656C705.498 953.906 712.193 960.6 720.442 960.6Z" fill="#454545" stroke="#454545" stroke-width="7.25404" stroke-miterlimit="2" stroke-linecap="square"></path><path d="M720.442 445.055H996.893C1005.14 445.055 1011.84 451.75 1011.84 459.999V467.47H705.498V459.999C705.498 451.75 712.193 445.055 720.442 445.055Z" fill="#454545" stroke="#454545" stroke-width="7.25404" stroke-miterlimit="2" stroke-linecap="square"></path><path d="M810.274 838.586V643.469H839.237V672.94H841.27C844.826 663.286 851.263 655.452 860.578 649.439C869.894 643.427 880.395 640.42 892.081 640.42C894.283 640.42 897.035 640.463 900.338 640.547C903.641 640.632 906.139 640.759 907.833 640.929V671.416C906.817 671.162 904.488 670.78 900.846 670.272C897.29 669.68 893.521 669.383 889.541 669.383C880.056 669.383 871.587 671.373 864.135 675.353C856.767 679.249 850.924 684.669 846.605 691.613C842.37 698.473 840.253 706.306 840.253 715.114V838.586H810.274Z" fill="#00B68A"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M13 445.055V80.2509C13 71.2849 20.2849 64 29.2509 64H646.784C655.75 64 663.035 71.2849 663.035 80.2509V944.349C663.035 953.315 655.75 960.6 646.784 960.6H29.2509C20.2849 960.6 13 953.315 13 944.349V445.055Z" fill="black" stroke="#454545" stroke-width="7.25404" stroke-miterlimit="3" stroke-linecap="square"></path><path d="M308.965 553.752C333.992 553.752 355.754 548.04 374.252 536.614C392.75 524.645 406.623 509.412 415.872 490.914C425.665 471.872 430.561 452.014 430.561 431.34C430.561 410.122 425.937 390.264 416.688 371.766C407.983 352.724 394.382 337.219 375.884 325.25C357.386 313.28 334.808 307.296 308.149 307.296H238.782V761.036C238.782 782.799 241.503 799.392 246.943 810.817C252.384 821.698 258.368 829.043 264.897 832.852C271.426 836.116 274.69 837.204 274.69 836.116H144.933C144.933 837.204 148.198 835.844 154.726 832.035C161.255 828.227 166.967 820.882 171.864 810.001C177.304 799.12 180.025 782.799 180.025 761.036V352.996C180.025 330.69 177.304 313.825 171.864 302.399C166.967 290.43 161.255 282.541 154.726 278.733C148.198 274.381 144.933 273.021 144.933 274.653H306.517C348.953 274.653 383.773 281.725 410.975 295.871C438.722 309.472 458.58 327.426 470.549 349.732C483.062 371.494 489.319 395.433 489.319 421.547C489.319 443.309 484.151 464.799 473.814 486.017C463.477 506.691 448.515 524.917 428.929 540.695C409.887 555.928 387.581 566.537 362.011 572.522L348.953 574.97L492.583 757.772C511.625 778.99 527.403 795.312 539.916 806.737C552.429 818.162 561.406 825.779 566.847 829.587C572.831 833.396 576.368 835.572 577.456 836.116H481.974L260.001 553.752H308.965Z" fill="#00B68A"></path></svg></a><div class="hidden md:flex md:gap-x-6"><a class="inline-block rounded-lg px-2 py-1 text-sm text-slate-700 hover:bg-emerald-600 hover:text-white" href="/#features">Features</a><a class="inline-block rounded-lg px-2 py-1 text-sm text-slate-700 hover:bg-emerald-600 hover:text-white md:hidden lg:inline-block" href="/#testimonials">Testimonials</a><a class="inline-block rounded-lg px-2 py-1 text-sm text-slate-700 hover:bg-emerald-600 hover:text-white" href="/sponsor">Sponsor</a><a class="inline-block rounded-lg px-2 py-1 text-sm text-slate-700 hover:bg-emerald-600 hover:text-white" href="/blog">Blog</a><a class="inline-block rounded-lg px-2 py-1 text-sm text-slate-700 hover:bg-emerald-600 hover:text-white md:hidden lg:inline-block" href="/join-discord">Join Discord</a></div></div><div class="flex items-center gap-x-5 md:gap-x-8"><div class="group hidden md:block"><a class="inline-block rounded-lg px-2 py-1 text-sm text-slate-700 hover:bg-emerald-600 hover:text-white" target="_blank" href="https://github.com/responsively-org/responsively-app/stargazers"><span class="flex items-center gap-1"><span></span>20,400<!-- --> Stars</span></a><a class="inline-block rounded-lg px-2 py-1 text-sm text-slate-700 hover:bg-emerald-600 hover:text-white" href="/download"><span class="flex items-center gap-1"><span></span>150k+ Downloads</span></a></div><a class="group inline-flex items-center justify-center rounded-full py-2 px-4 text-sm font-semibold focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 text-center bg-emerald-600 text-white hover:text-slate-100 hover:bg-emerald-500 active:bg-emerald-800 active:text-emerald-100 focus-visible:outline-emerald-600" href="/download"><span>Download <span class="hidden lg:inline">Now</span></span></a><div class="-mr-1 md:hidden"><div data-headlessui-state=""><button class="relative z-10 flex h-8 w-8 items-center justify-center [&amp;:not(:focus-visible)]:focus:outline-none" aria-label="Toggle Navigation" type="button" aria-expanded="false" data-headlessui-state=""><svg aria-hidden="true" class="h-3.5 w-3.5 overflow-visible stroke-slate-700" fill="none" stroke-width="2" stroke-linecap="round"><path d="M0 1H14M0 7H14M0 13H14" class="origin-center transition"></path><path d="M2 2L12 12M12 2L2 12" class="origin-center transition scale-90 opacity-0"></path></svg></button></div><div style="position:fixed;top:1px;left:1px;width:1px;height:0;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;display:none"></div></div></div></nav></div></header><div class="absolute top-0 w-full overflow-hidden none" role="presentation" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" viewB
1ox="0 0 800 800" opacity="0.3" role="img" aria-label="Blue Purple Red Bubbles"><title>Blue Purple Red Bubbles</title><desc>A decorative SVG with blue, purple, and red bubbles.</desc><defs><filter id="bbblurry-filter-2" x="-100%" y="-100%" width="400%" height="400%" filterUnits="objectBoundingBox" primitiveUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feGaussianBlur stdDeviation="127" x="0%" y="0%" width="100%" height="100%" in="SourceGraphic" edgeMode="none" result="blur"></feGaussianBlur></filter></defs><g filter="url(#bbblurry-filter-2)"><ellipse rx="150" ry="150" cx="195.07575212882972" cy="489.54354010245856" fill="#ff5e92"></ellipse><ellipse rx="150" ry="150" cx="411.24331807088123" cy="210.89381150171187" fill="#df4cfe"></ellipse><ellipse rx="150" ry="150" cx="630.9035196778707" cy="172.32006381312212" fill="#008dff"></ellipse></g></svg></div><div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8 relative mb-20 text-justify"><main id="main-content"><h1 class="my-8 font-display text-3xl tracking-tight sm:text-4xl md:text-5xl">Responsively Blog</h1><div class="min-h-[50vh]"><ul class="flex list-none flex-col gap-8"><li><article class="flex max-w-xl flex-col items-start justify-between p-4 rounded-lg transition-shadow hover:shadow-2xl hover:scale-110"><div class="flex items-center gap-x-4 text-xs"><time dateTime="Sun Sep 15 2024 12:00:00 GMT+0000 (Coordinated Universal Time)" class="text-gray-500">September 15, 2024</time></div><div class="group relative"><h3 class="mt-3 text-lg font-semibold leading-6 text-gray-900 group-hover:text-gray-600"><a href="/blog/responsively-app-guide"><span class="absolute inset-0"></span>Exploring Responsively</a></h3><p class="mt-2 line-clamp-3 text-sm leading-6 text-gray-600">In this post we are sharing the main features of Responsively.</p></div><div class="relative mt-5 flex items-center gap-x-4"><img src="/assets/img/blog-authors/violeta-r-lozano.jpg" alt="" class="h-10 w-10 rounded-full bg-gray-50"/><div class="text-sm leading-6"><p class="font-semibold text-gray-900"><a href="https://violeta.dev" class="hover:underline"><span class="absolute inset-0"></span>Violeta R. Lozano</a></p></div></div></article></li><li><article class="flex max-w-xl flex-col items-start justify-between p-4 rounded-lg transition-shadow hover:shadow-2xl hover:scale-110"><div class="flex items-center gap-x-4 text-xs"><time dateTime="Tue Oct 31 2023 12:00:00 GMT+0000 (Coordinated Universal Time)" class="text-gray-500">October 31, 2023</time></div><div class="group relative"><h3 class="mt-3 text-lg font-semibold leading-6 text-gray-900 group-hover:text-gray-600"><a href="/blog/responsively-app-browserstack-partnership"><span class="absolute inset-0"></span>Exciting News: Responsively App partners with BrowserStack to bring real device testing to your workflow</a></h3><p class="mt-2 line-clamp-3 text-sm leading-6 text-gray-600">We&#x27;re thrilled to announce our partnership with BrowserStack, which brings seamless real device testing to your workflow.</p></div><div class="relative mt-5 flex items-center gap-x-4"><img src="/assets/img/blog-authors/manoj-vivek.jpeg" alt="" class="h-10 w-10 rounded-full bg-gray-50"/><div class="text-sm leading-6"><p class="font-semibold text-gray-900"><a href="https://twitter.com/vivek_jonam" class="hover:underline"><span class="absolute inset-0"></span>Manoj Vivek</a></p></div></div></article></li><li><article class="flex max-w-xl flex-col items-start justify-between p-4 rounded-lg transition-shadow hover:shadow-2xl hover:scale-110"><div class="flex items-center gap-x-4 text-xs"><time dateTime="Tue Sep 15 2020 12:00:00 GMT+0000 (Coordinated Universal Time)" class="text-gray-500">September 15, 2020</time></div><div class="group relative"><h3 class="mt-3 text-lg font-semibold leading-6 text-gray-900 group-hover:text-gray-600"><a href="/blog/learnings-that-led-to-screenshot-v2"><span class="absolute inset-0"></span>Learnings that led to Screenshot v2 (3-5x speed improvement over v1)</a></h3><p class="mt-2 line-clamp-3 text-sm leading-6 text-gray-600">In this post we are sharing the learnings from mechanism v1 that laid the base for v2.</p></div><div class="relative mt-5 flex items-center gap-x-4"><img src="/assets/img/blog-authors/manoj-vivek.jpeg" alt="" class="h-10 w-10 rounded-full bg-gray-50"/><div class="text-sm leading-6"><p class="font-semibold text-gray-900"><a href="https://twitter.com/vivek_jonam" class="hover:underline"><span class="absolute inset-0"></span>Manoj Vivek</a></p></div></div></article></li></ul></div></main></div><div class="my-4 flex h-[100px] justify-center"></div></div><footer class="relative z-10 bg-slate-50"><div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8"><div class="py-16"><a aria-label="Home Page" href="/"><svg width="1024" height="1024" viewBox="0 0 1024 1024" fill="none" xmlns="http://www.w3.org/2000/svg" class="mx-auto h-10 w-auto"><path d="M725.567 445.055H991.768C1002.84 445.055 1011.84 454.051 1011.84 465.124V940.531C1011.84 951.604 1002.84 960.6 991.768 960.6H725.567C714.494 960.6 705.498 951.604 705.498 940.531V465.124C705.498 454.051 714.494 445.055 725.567 445.055Z" fill="black" stroke="#454545" stroke-width="7.24951" stroke-miterlimit="2" stroke-linecap="square"></path><path d="M720.442 960.6H996.893C1005.14 960.6 1011.84 953.906 1011.84 945.656V938.185H705.498V945.656C705.498 953.906 712.193 960.6 720.442 960.6Z" fill="#454545" stroke="#454545" stroke-width="7.25404" stroke-miterlimit="2" stroke-linecap="square"></path><path d="M720.442 445.055H996.893C1005.14 445.055 1011.84 451.75 1011.84 459.999V467.47H705.498V459.999C705.498 451.75 712.193 445.055 720.442 445.055Z" fill="#454545" stroke="#454545" stroke-width="7.25404" stroke-miterlimit="2" stroke-linecap="square"></path><path d="M810.274 838.586V643.469H839.237V672.94H841.27C844.826 663.286 851.263 655.452 860.578 649.439C869.894 643.427 880.395 640.42 892.081 640.42C894.283 640.42 897.035 640.463 900.338 640.547C903.641 640.632 906.139 640.759 907.833 640.929V671.416C906.817 671.162 904.488 670.78 900.846 670.272C897.29 669.68 893.521 669.383 889.541 669.383C880.056 669.383 871.587 671.373 864.135 675.353C856.767 679.249 850.924 684.669 846.605 691.613C842.37 698.473 840.253 706.306 840.253 715.114V838.586H810.274Z" fill="#00B68A"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M13 445.055V80.2509C13 71.2849 20.2849 64 29.2509 64H646.784C655.75 64 663.035 71.2849 663.035 80.2509V944.349C663.035 953.315 655.75 960.6 646.784 960.6H29.2509C20.2849 960.6 13 953.315 13 944.349V445.055Z" fill="black" stroke="#454545" stroke-width="7.25404" stroke-miterlimit="3" stroke-linecap="square"></path><path d="M308.965 553.752C333.992 553.752 355.754 548.04 374.252 536.614C392.75 524.645 406.623 509.412 415.872 490.914C425.665 471.872 430.561 452.014 430.561 431.34C430.561 410.122 425.937 390.264 416.688 371.766C407.983 352.724 394.382 337.219 375.884 325.25C357.386 313.28 334.808 307.296 308.149 307.296H238.782V761.036C238.782 782.799 241.503 799.392 246.943 810.817C252.384 821.698 258.368 829.043 264.897 832.852C271.426 836.116 274.69 837.204 274.69 836.116H144.933C144.933 837.204 148.198 835.844 154.726 832.035C161.255 828.227 166.967 820.882 171.864 810.001C177.304 799.12 180.025 782.799 180.025 761.036V352.996C180.025 330.69 177.304 313.825 171.864 302.399C166.967 290.43 161.255 282.541 154.726 278.733C148.198 274.381 144.933 273.021 144.933 274.653H306.517C348.953 274.653 383.773 281.725 410.975 295.871C438.722 309.472 458.58 327.426 470.549 349.732C483.062 371.494 489.319 395.433 489.319 421.547C489.319 443.309 484.151 464.799 473.814 486.017C463.477 506.691 448.515 524.917 428.929 540.695C409.887 555.928 387.581 566.537 362.011 572.522L348.953 574.97L492.583 757.772C511.625 778.99 527.403 795.312 539.916 806.737C552.429 818.162 561.406 825.779 566.847 829.587C572.831 833.396 576.368 835.572 577.456 836.116H481.974L260.001 553.752H308.965Z" fill="#00B68A"></path></svg></a><nav class="mt-10 text-sm" aria-label="quick links"><div class="-my-1 flex flex-wrap justify-center gap-x-6"><a class="inline-block rounded-lg px-2 py-1 text-sm text-slate-700 hover:bg-emerald-600 hover:text-white" href="/#features">Features</a><a class="inline-block rounded-lg px-2 py-1 text-sm text-slate-700 hover:bg-emerald-600 hover:text-white" href="/#testimonials">Testimonials</a><a class="inline-block rounded-lg px-2 py-1 text-sm text-slate-700 hover:bg-emerald-600 hover:text-white" href="/download">Download</a><a class="inline-block rounded-lg px-2 py-1 text-sm text-slate-700 hover:bg-emerald-600 hover:text-white" href="/sponsor">Sponsor</a><a class="inline-block rounded-lg px-2 py-1 text-sm text-slate-700 hover:bg-emerald-600 hover:text-white" href="/blog">Blog</a><a class="inline-block rounded-lg px-2 py-1 text-sm text-slate-700 hover:bg-emerald-600 hover:text-white" href="/join-discord">Join Discord</a></div></nav></div><div class="flex flex-col items-center border-t border-slate-400/10 py-10 md:flex-row-reverse md:justify-between"><div class="flex items-center gap-x-6"><a class="group" aria-label="Responsively App on Twitter" href="https://twitter.com/ResponsivelyApp"><svg xmlns="http://www.w3.org/2000/svg" width="10px" height="10px" fill="currentColor" class="h-5 w-5 fill-slate-500 group-hover:fill-slate-700" viewB
1ox="0 0 16 16"><path d="M12.6 .75h2.454l-5.36 6.142L16 15.25h-4.937l-3.867-5.07-4.425 5.07H.316l5.733-6.57L0 .75h5.063l3.495 4.633L12.601 .75Zm-.86 13.028h1.36L4.323 2.145H2.865l8.875 11.633Z"></path></svg></a><a class="group" aria-label="Responsively App on GitHub" href="https://github.com/responsively-org/responsively-app"><svg aria-hidden="true" class="h-6 w-6 fill-slate-500 group-hover:fill-slate-700"><path d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0 1 12 6.844a9.59 9.59 0 0 1 2.504.337c1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.02 10.02 0 0 0 22 12.017C22 6.484 17.522 2 12 2Z"></path></svg></a><a class="group" aria-label="Join Responsively App Discord" href="/join-discord"><span></span></a></div><p class="mt-6 text-center text-sm text-slate-500 sm:mt-0">Copyright © <!-- -->2026<!-- --> Responsively App. All rights reserved and subject to the <a href="/privacy-policy">Privacy Policy</a> and<!-- --> <a href="/terms-and-conditions">Terms and Conditions</a>.</p></div></div><button class="group inline-flex items-center justify-center rounded-full py-2 px-4 text-sm font-semibold focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 text-center bg-emerald-600 text-white hover:text-slate-100 hover:bg-emerald-500 active:bg-emerald-800 active:text-emerald-100 focus-visible:outline-emerald-600 fixed right-2 bottom-2 goToTop" style="width:40px;height:40px;padding:4px 8px"><svg xmlns="http://www.w3.org/2000/svg" width="40px" height="40px" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6"><path stroke-linecap="round" stroke-linejoin="round" d="M4.5 10.5 12 3m0 0 7.5 7.5M12 3v18"></path></svg></button></footer></div>
1<script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{"allPostsData":[{"slug":"responsively-app-guide","title":"Exploring Responsively","date":"2024-09-15T12:00:00.000Z","description":"In this post we are sharing the main features of Responsively.","coverImg":null,"author":"Violeta R. Lozano","authorPic":"/assets/img/blog-authors/violeta-r-lozano.jpg","authorTwitterUrl":"https://violeta.dev"},{"slug":"responsively-app-browserstack-partnership","title":"Exciting News: Responsively App partners with BrowserStack to bring real device testing to your workflow","date":"2023-10-31T12:00:00.000Z","description":"We're thrilled to announce our partnership with BrowserStack, which brings seamless real device testing to your workflow.","coverImg":"/assets/img/blog/responsively-app-browserstack-partnership.png","author":"Manoj Vivek","authorPic":"/assets/img/blog-authors/manoj-vivek.jpeg","authorTwitterUrl":"https://twitter.com/vivek_jonam"},{"slug":"learnings-that-led-to-screenshot-v2","title":"Learnings that led to Screenshot v2 (3-5x speed improvement over v1)","date":"2020-09-15T12:00:00.000Z","description":"In this post we are sharing the learnings from mechanism v1 that laid the base for v2.","author":"Manoj Vivek","authorPic":"/assets/img/blog-authors/manoj-vivek.jpeg","authorTwitterUrl":"https://twitter.com/vivek_jonam"}]},"__N_SSG":true},"page":"/blog","query":{},"buildId":"z-_kj4PuRCh5Tfpu12SfN","isFallback":false,"gsp":true,"scriptLoader":[]}</script>
1<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"35f1eec3db324c38aab178f66b4f2767","r":1,"spa":2}' crossorigin="anonymous"></script>
1
2</body></html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.