designdiscovery
A design discovery universe
Username
blog.prototypr.io
Published on | Prototyping: From UX to Front End — Medium Eleftheria Batsou <img class="rounded" src="https://cdn-images-1.medium.com/max/1200/0*eHo6hDbZmiZGx9Ww.jpg"/></a><div class="py-6"><a class="underline text-gray-600 font-semibold" href="https://blog.prototypr.io/free-offline-text-editors-for-web-development-on-win-mac-and-linux-6b797bf4d6fe?source=rss----eb297ea1161a---4" target="_blank">Read more</a></div></div></div></div><div class="col-span-full mb-6 lg:mb-0 lg:col-span-3 order-last lg:order-last lg:block"><div class="sm:hidden block lg:block"><div class="bg-white border-gray-300 p-5 rounded-lg flex flex-row sm:flex-col"><a href="https://open.prototypr.io"><div class="relative rounded mb-2 w-full" style="height:148px"><span style="box-sizing:border-box;display:block;overflow:hidden;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0;position:absolute;top:0;left:0;bottom:0;right:0"><img data-gumlet="false" alt="https://prototypr-media.sfo2.digitaloceanspaces.com/wp-content/uploads/2022/03/d0aace79-b8e3-4ea1-bfc1-6c40a21990a7.jpeg" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" decoding="async" data-nimg="fill" class="md:w-auto flex-shrink-0 sm:w-full rounded-lg mr-4 object-contain" style="position:absolute;top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;max-width:100%;min-height:100%;max-height:100%;object-fit:cover"/><noscript><img data-gumlet="false" alt="https://prototypr-media.sfo2.digitaloceanspaces.com/wp-content/uploads/2022/03/d0aace79-b8e3-4ea1-bfc1-6c40a21990a7.jpeg" sizes="100vw" srcSet="/_next/image?url=https%3A%2F%2Fprototypr-media.sfo2.digitaloceanspaces.com%2Fwp-content%2Fuploads%2F2022%2F03%2Fd0aace79-b8e3-4ea1-bfc1-6c40a21990a7.jpeg&w=640&q=75 640w, /_next/image?url=https%3A%2F%2Fprototypr-media.sfo2.digitaloceanspaces.com%2Fwp-content%2Fuploads%2F2022%2F03%2Fd0aace79-b8e3-4ea1-bfc1-6c40a21990a7.jpeg&w=750&q=75 750w, /_next/image?url=https%3A%2F%2Fprototypr-media.sfo2.digitaloceanspaces.com%2Fwp-content%2Fuploads%2F2022%2F03%2Fd0aace79-b8e3-4ea1-bfc1-6c40a21990a7.jpeg&w=828&q=75 828w, /_next/image?url=https%3A%2F%2Fprototypr-media.sfo2.digitaloceanspaces.com%2Fwp-content%2Fuploads%2F2022%2F03%2Fd0aace79-b8e3-4ea1-bfc1-6c40a21990a7.jpeg&w=1080&q=75 1080w, /_next/image?url=https%3A%2F%2Fprototypr-media.sfo2.digitaloceanspaces.com%2Fwp-content%2Fuploads%2F2022%2F03%2Fd0aace79-b8e3-4ea1-bfc1-6c40a21990a7.jpeg&w=1200&q=75 1200w, /_next/image?url=https%3A%2F%2Fprototypr-media.sfo2.digitaloceanspaces.com%2Fwp-content%2Fuploads%2F2022%2F03%2Fd0aace79-b8e3-4ea1-bfc1-6c40a21990a7.jpeg&w=1920&q=75 1920w, /_next/image?url=https%3A%2F%2Fprototypr-media.sfo2.digitaloceanspaces.com%2Fwp-content%2Fuploads%2F2022%2F03%2Fd0aace79-b8e3-4ea1-bfc1-6c40a21990a7.jpeg&w=2048&q=75 2048w, /_next/image?url=https%3A%2F%2Fprototypr-media.sfo2.digitaloceanspaces.com%2Fwp-content%2Fuploads%2F2022%2F03%2Fd0aace79-b8e3-4ea1-bfc1-6c40a21990a7.jpeg&w=3840&q=75 3840w" src="/_next/image?url=https%3A%2F%2Fprototypr-media.sfo2.digitaloceanspaces.com%2Fwp-content%2Fuploads%2F2022%2F03%2Fd0aace79-b8e3-4ea1-bfc1-6c40a21990a7.jpeg&w=3840&q=75" decoding="async" data-nimg="fill" style="position:absolute;top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;max-width:100%;min-height:100%;max-height:100%;object-fit:cover" class="md:w-auto flex-shrink-0 sm:w-full rounded-lg mr-4 object-contain" loading="lazy"/></noscript></span></div></a><div class="flex-col sm:px-0 px-4"><a href="https://open.prototypr.io" class="block sm:mt-1"><div class="text-sm cursor-pointer leading-5 font-medium text-gray-800"><p>We're an Open Source, Web Monetized project. Learn how to build your own Web Monetized website.</p> </div></a></div></div></div><div class="hidden md:block bg-white rounded-lg mt-6 p-6 lg:mb-16"><h1 class="text-sm font-semibold font-noto-serif mb-3">Top Stories</h1><div><div class="flex h-full relative mb-3 md:mb-0 border-b border-gray-50 cursor-pointer"><div class="rounded-lg relative flex md:my-4 h-16 w-16 md:h-16 flex-none"><span style="box-sizing:border-box;display:inline-block;overflow:hidden;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0;position:relative;max-width:100%"><span style="box-sizing:border-box;display:block;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0;max-width:100%"><img style="display:block;max-width:100%;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0" alt="" aria-hidden="true" src="data:image/svg+xml,%3csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20version=%271.1%27%20width=%2766%27%20height=%2766%27/%3e"/></span><img alt="From Photography to NFT Art: Twisted Digital Landscapes with Nate Hill" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" decoding="async" data-nimg="intrinsic" class="cardImage flex-shrink-0 shine h-16 w-16 md:h-16 rounded-md border border-gray-100" style="position:absolute;top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;max-width:100%;min-height:100%;max-height:100%;object-fit:cover"/><noscript><img alt="From Photography to NFT Art: Twisted Digital Landscapes with Nate Hill" srcSet="/_next/image?url=https%3A%2F%2Fprototypr-media.sfo2.digitaloceanspaces.com%2Fstrapi%2F8d8070381d986c2f80b500cdb024f518.png&w=96&q=75 1x, /_next/image?url=https%3A%2F%2Fprototypr-media.sfo2.digitaloceanspaces.com%2Fstrapi%2F8d8070381d986c2f80b500cdb024f518.png&w=256&q=75 2x" src="/_next/image?url=https%3A%2F%2Fprototypr-media.sfo2.digitaloceanspaces.com%2Fstrapi%2F8d8070381d986c2f80b500cdb024f518.png&w=256&q=75" decoding="async" data-nimg="intrinsic" style="position:absolute;top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;max-width:100%;min-height:100%;max-height:100%;object-fit:cover" class="cardImage flex-shrink-0 shine h-16 w-16 md:h-16 rounded-md border border-gray-100" loading="lazy"/></noscript></span></div><div class=" sm:w-auto pl-3 py-4 md:pl-3"><div class="cursor-pointer text-sm text-gray-800 leading-tight" style="overflow:hidden">From Photography to NFT Art: Twisted Digital Landscapes with Nate Hill</div></div></div></div><div><div class="flex h-full relative mb-3 md:mb-0 border-b border-gray-50 cursor-pointer"><div class="rounded-lg relative flex md:my-4 h-16 w-16 md:h-16 flex-none"><span style="box-sizing:border-box;display:inline-block;overflow:hidden;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0;position:relative;max-width:100%"><span style="box-sizing:border-box;display:block;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0;max-width:100%"><img style="display:block;max-width:100%;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0" alt="" aria-hidden="true" src="data:image/svg+xml,%3csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20version=%271.1%27%20width=%2766%27%20height=%2766%27/%3e"/></span><img alt="From Design System to ‘NFT Design System’: Creating TinyFaces" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" decoding="async" data-nimg="intrinsic" class="cardImage flex-shrink-0 shine h-16 w-16 md:h-16 rounded-md border border-gray-100" style="position:absolute;top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;max-width:100%;min-height:100%;max-height:100%;object-fit:cover"/><noscript><img alt="From Design System to ‘NFT Design System’: Creating TinyFaces" srcSet="/_next/image?url=https%3A%2F%2Fprototypr-media.sfo2.digitaloceanspaces.com%2Fwp-content%2Fuploads%2F2022%2F05%2FoZREIb60.png&w=96&q=75 1x, /_next/image?url=https%3A%2F%2Fprototypr-media.sfo2.digitaloceanspaces.com%2Fwp-content%2Fuploads%2F2022%2F05%2FoZREIb60.png&w=256&q=75 2x" src="/_next/image?url=https%3A%2F%2Fprototypr-media.sfo2.digitaloceanspaces.com%2Fwp-content%2Fuploads%2F2022%2F05%2FoZREIb60.png&w=256&q=75" decoding="async" data-nimg="intrinsic" style="position:absolute;top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;max-width:100%;min-height:100%;max-height:100%;object-fit:cover" class="cardImage flex-shrink-0 shine h-16 w-16 md:h-16 rounded-md border border-gray-100" loading="lazy"/></noscript></span></div><div class=" sm:w-auto pl-3 py-4 md:pl-3"><div class="cursor-pointer text-sm text-gray-800 leading-tight" style="overflow:hidden">From Design System to ‘NFT Design System’: Creating TinyFaces</div></div></div></div><div><div class="flex h-full relative mb-3 md:mb-0 border-b border-gray-50 cursor-pointer"><div class="rounded-lg relative flex md:my-4 h-16 w-16 md:h-16 flex-none"><span style="box-sizing:border-box;display:inline-block;overflow:hidden;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0;position:relative;max-width:100%"><span style="box-sizing:border-box;display:block;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0;max-width:100%"><img style="display:block;max-width:100%;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0" alt="" aria-hidden="true" src="data:image/svg+xml,%3csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20version=%271.1%27%20width=%2766%27%20height=%2766%27/%3e"/></span><img alt="Neurodiversity and Inclusion: Choosing Kinder Design" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" decoding="async" data-nimg="intrinsic" class="cardImage flex-shrink-0 shine h-16 w-16 md:h-16 rounded-md border border-gray-100" style="position:absolute;top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;max-width:100%;min-height:100%;max-height:100%;object-fit:cover"/><noscript><img alt="Neurodiversity and Inclusion: Choosing Kinder Design" srcSet="/_next/image?url=https%3A%2F%2Fprototypr-media.sfo2.digitaloceanspaces.com%2Fwp-content%2Fuploads%2F2022%2F05%2FA6E37491-A0FB-4EE3-9E7E-8542137F5D5A.jpeg&w=96&q=75 1x, /_next/image?url=https%3A%2F%2Fprototypr-media.sfo2.digitaloceanspaces.com%2Fwp-content%2Fuploads%2F2022%2F05%2FA6E37491-A0FB-4EE3-9E7E-8542137F5D5A.jpeg&w=256&q=75 2x" src="/_next/image?url=https%3A%2F%2Fprototypr-media.sfo2.digitaloceanspaces.com%2Fwp-content%2Fuploads%2F2022%2F05%2FA6E37491-A0FB-4EE3-9E7E-8542137F5D5A.jpeg&w=256&q=75" decoding="async" data-nimg="intrinsic" style="position:absolute;top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;max-width:100%;min-height:100%;max-height:100%;object-fit:cover" class="cardImage flex-shrink-0 shine h-16 w-16 md:h-16 rounded-md border border-gray-100" loading="lazy"/></noscript></span></div><div class=" sm:w-auto pl-3 py-4 md:pl-3"><div class="cursor-pointer text-sm text-gray-800 leading-tight" style="overflow:hidden">Neurodiversity and Inclusion: Choosing Kinder Design</div></div></div></div><div><div class="flex h-full relative mb-3 md:mb-0 border-b border-gray-50 cursor-pointer"><div class="rounded-lg relative flex md:my-4 h-16 w-16 md:h-16 flex-none"><span style="box-sizing:border-box;display:inline-block;overflow:hidden;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0;position:relative;max-width:100%"><span style="box-sizing:border-box;display:block;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0;max-width:100%"><img style="display:block;max-width:100%;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0" alt="" aria-hidden="true" src="data:image/svg+xml,%3csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20version=%271.1%27%20width=%2766%27%20height=%2766%27/%3e"/></span><img alt="Web5 is here. Goodbye Web3? TBD." src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" decoding="async" data-nimg="intrinsic" class="cardImage flex-shrink-0 shine h-16 w-16 md:h-16 rounded-md border border-gray-100" style="position:absolute;top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;max-width:100%;min-height:100%;max-height:100%;object-fit:cover"/><noscript><img alt="Web5 is here. Goodbye Web3? TBD." srcSet="/_next/image?url=https%3A%2F%2Fprototypr-media.sfo2.digitaloceanspaces.com%2Fstrapi%2F7698182c0f7e732a32a65bf390d5edba.png&w=96&q=75 1x, /_next/image?url=https%3A%2F%2Fprototypr-media.sfo2.digitaloceanspaces.com%2Fstrapi%2F7698182c0f7e732a32a65bf390d5edba.png&w=256&q=75 2x" src="/_next/image?url=https%3A%2F%2Fprototypr-media.sfo2.digitaloceanspaces.com%2Fstrapi%2F7698182c0f7e732a32a65bf390d5edba.png&w=256&q=75" decoding="async" data-nimg="intrinsic" style="position:absolute;top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;max-width:100%;min-height:100%;max-height:100%;object-fit:cover" class="cardImage flex-shrink-0 shine h-16 w-16 md:h-16 rounded-md border border-gray-100" loading="lazy"/></noscript></span></div><div class=" sm:w-auto pl-3 py-4 md:pl-3"><div class="cursor-pointer text-sm text-gray-800 leading-tight" style="overflow:hidden">Web5 is here. Goodbye Web3? TBD.</div></div></div></div></div></div></div></div></main></div><footer class="bg-accent-1 border-accent-2"><div class="xl:container mx-auto px-3 pb-8 xl:px-8" style="max-width:1200px"><div class="w-full max-w-screen-xl relative mx-auto py-16 px-6"><div class="flex flex-wrap"><div class="w-full md:w-6/12"><p class="text-xl font-semibold">Get Prototypr Weekly</p><input class="hidden" value="hello@prototypr.io"/><p class="text-base mt-0 text-gray-700">Top articles and tools every week <!-- --> 💌</p><div class="rounded-md mb-12 lg:mb-0"><div><form class="sm:flex w-11/12 mt-5"><div class="sm:flex-1 sm:max-w-xs w-full"><label for="Email" class="sr-only ">Enter your email address</label><input type="text" id="Email" style="font-size:.875rem" placeholder="Enter your email address" name="emailRequired" class="border-transparent border-solid border-2 border-gradient-br-blue-darkblue-gray-50 hover:border-gradient-tl-blue-darkblue-gray-50 gradient-border-3 w-full h-full p-3 text-gray-800 bg-white rounded-lg"/></div><div class="hidden email-octopus-form-row-hp" aria-hidden="true"><input type="text" name="hp1cc5fdf6-63b5-11ea-a3d0-06b4694bee2a" tabindex="-1" autoComplete="nope"/></div><div class="flex flex-col "><button aria-label="Sign up for newsletter" class="flex justify-center md:text-left items-center md:justify-between w-full px-5 py-3 mt-4 font-medium text-white bg-blue-default rounded-lg sm:w-auto sm:mt-0 sm:ml-3 hover:bg-blue-600" type="submit">Sign up<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="flex-shrink-0 w-4 h-4 ml-3"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 5l7 7m0 0l-7 7m7-7H3"></path></svg></button></div></form><div class="px-1 w-10/12 mx-auto"></div></div></div><p class="text-sm mt-6 text-gray-800 font-semibold">Created by<!-- --> <a class="text-blue-800 underline" href="https://twitter.com/annchichii">Ann</a>,<!-- --> <a class="text-blue-800 underline" href="https://twitter.com/graeme_fulton">Graeme</a>, <!-- -->and<!-- --> <a class="text-blue-800 underline" href="https://twitter.com/iamsofiamm">Sofia</a>. <!-- -->Illustrations by<!-- --> <a class="text-blue-800 underline" href="https://twitter.com/thisismimiespi">Mimi</a>.</p><p class="text-sm text-gray-700 font-semibold mt-2"> <!-- -->© 2020 Prototpyr,<!-- --> <!-- -->All rights reserved.</p></div><div class="w-full md:w-6/12"><div class="flex flex-wrap items-top mb-6"><div class="w-full md:w-6/12 xl:w-4/12 pt-6 md:pt-0 md:px-4 ml-auto"><span class="block uppercase text-gray-900 text-sm font-semibold mb-2">Good Stuff</span><ul class="list-unstyled"><li><a class="text-gray-700 hover:text-gray-900 font-base block py-3 text-base" rel="noreferrer" href="https://github.com/Prototypr" target="_blank">Open Source</a></li><li><a class="text-gray-700 hover:text-gray-900 font-base block py-3 text-base" href="/posts">Prototypr Open</a></li><li><a class="text-gray-700 hover:text-gray-900 font-base block py-3 text-base" rel="noreferrer" href="https://twitter.com/prototypr" target="_blank">Twitter</a></li><li><a class="text-gray-700 hover:text-gray-900 font-base block py-3 text-base" rel="noreferrer" href="https://instagram.com/prototyprio" target="_blank">Instagram</a></li></ul></div><div class="w-full md:w-6/12 xl:w-4/12 pt-6 md:pt-0 ml-auto"><span class="block uppercase text-gray-900 text-sm font-semibold mb-2">Other Resources</span><ul class="list-unstyled"><li><a class="text-gray-700 hover:text-gray-900 font-base block py-3 text-base" rel="noreferrer" href="https://adobe.com/products/xd/adobe-fund.html" target="_blank">Adobe Fund for Design</a></li><li><a class="text-gray-700 hover:text-gray-900 font-base block py-3 text-base" rel="noreferrer" href="https://grantfortheweb.org" target="_blank">Grant for the Web</a></li><li><a class="text-gray-700 hover:text-gray-900 font-base block py-3 text-base" rel="noreferrer" href="https://interledger.org/" target="_blank">Web Monetization</a></li><li><a class="text-gray-700 hover:text-gray-900 font-base block py-3 text-base" rel="noreferrer" href="https://letter.so" target="_blank">Mail by Letter</a></li><li><a class="text-gray-700 hover:text-gray-900 font-base block py-3 text-base" rel="noreferrer" href="https://prototypr.io/privacy-policy/" target="_blank">Privacy Policy</a></li></ul></div></div></div></div></div></div></footer></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{"preview":null,"post":{"attributes":{"title":"Free offline text editors for web development on Win, Mac and Linux","slug":"free-offline-text-editors-for-web-development-on-win-mac-and-linux","content":"\u003cp\u003ePublished on \u003ca href=\"https://blog.prototypr.io/free-offline-text-editors-for-web-development-on-win-mac-and-linux-6b797bf4d6fe?source=rss----eb297ea1161a---4\"\u003e| Prototyping: From UX to Front End \u0026mdash; Medium\u003c/a\u003e Eleftheria Batsou \u003ciframe src=\"https://cdn.embedly.com/widgets/media.html?url=https%3A%2F%2Fplay.ht%2Farticles%2F6b797bf4d6fe\u0026amp;src=https%3A%2F%2Fplay.ht%2Fembed%2F%3Farticle_url%3Dhttps%3A%2F%2Fmedium.com%2F_p%2Ffree-offline-text-editors-for-web-development-on-win-mac-and-linux-6b797bf4d6fe\u0026amp;type=text%2Fhtml\u0026amp;key=a19fcc184b9711e1b4764040d3dc5c07\u0026amp;schema=play\" width=\"700\" height=\"185\" frameborder=\"0\"\u003e\u003ca href=\"https://medium.com/media/4d0dbc6adfc80d23712c01c5154e59cf/href\"\u003ehttps://medium.com/media/4d0dbc6adfc80d23712c01c5154e59cf/href\u003c/a\u003e\u003c/iframe\u003e\u003c/p\u003e\n\u003cp\u003eChoosing the perfect text editor for your work can be a challenging task. It requires personal preference and judgment based on your development project. Before you jump into a single text editor I would advise experimenting with different ones.\u003c/p\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https://cdn-images-1.medium.com/max/760/0*eHo6hDbZmiZGx9Ww.jpg\"\u003e\u003c/p\u003e\n\u003cp\u003e\u003ca href=\"https://notepad-plus-plus.org/\"\u003eNotepad++\u003c/a\u003e is a free source code editor and Notepad replacement that supports several languages. It benefits from a tabbed multi-document interface so you can work on several files at once, and is lightning fast — even when handling very large files.\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003eSyntax Highlighting and Syntax Folding\u003c/li\u003e\n\u003cli\u003eGUI entirely customizable: minimalist, tab with close button, multi-line tab, vertical tab and vertical document list\u003c/li\u003e\n\u003cli\u003eDocument Map\u003c/li\u003e\n\u003cli\u003eAuto-completion: Word completion, Function completion and Function parameters hint\u003c/li\u003e\n\u003cli\u003eMulti-Document (Tab interface)\u003c/li\u003e\n\u003cli\u003eMulti-View\u003c/li\u003e\n\u003cli\u003eZoom in and zoom out\u003c/li\u003e\n\u003c/ul\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https://cdn-images-1.medium.com/max/500/0*z1JeSc2DcAx9y2uv.png\"\u003e\u003c/p\u003e\n\u003cp\u003eWith focused visual tools and preprocessor support, \u003ca href=\"http://brackets.io/\"\u003eBrackets\u003c/a\u003e is an open source, modern text editor that makes it easy to design in the browser. It’s crafted from the ground up for web designers and front-end developers (which means it’s not suitable for other programming projects)\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003eQuick Edit\u003c/li\u003e\n\u003cli\u003eFocused Visual Tools\u003c/li\u003e\n\u003cli\u003ePreprocessor Support\u003c/li\u003e\n\u003cli\u003eInline Editors\u003c/li\u003e\n\u003cli\u003eLive Preview\u003c/li\u003e\n\u003cli\u003eLightweight\u003c/li\u003e\n\u003c/ul\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https://cdn-images-1.medium.com/max/1024/0*zdO0mNH-Z76Px9PK.png\"\u003e\u003c/p\u003e\n\u003cp\u003e\u003ca href=\"https://atom.io/\"\u003eAtom\u003c/a\u003e is an open source, modern, approachable, yet hackable to the core text editor — a tool you can customize to do anything but also use productively without ever touching a config file. Atom is advertised as the hackable text editor for the 21st century. The UI and UX are excellent and perfect for a great coding session.\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003eCross-platform editing\u003c/li\u003e\n\u003cli\u003eBuilt-in package manager\u003c/li\u003e\n\u003cli\u003eSmart autocompletion\u003c/li\u003e\n\u003cli\u003eFile system browser\u003c/li\u003e\n\u003cli\u003eMultiple panes\u003c/li\u003e\n\u003cli\u003eFind and replace\u003c/li\u003e\n\u003c/ul\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https://cdn-images-1.medium.com/max/512/0*QRX67C5KwCbDISH2.png\"\u003e\u003c/p\u003e\n\u003cp\u003e\u003ca href=\"https://www.sublimetext.com/\"\u003eSublime\u003c/a\u003e Text is a free and cross-platform text editor for code, markup, and prose. It supports many programming languages and markup languages.\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003eUse “Goto Anything” to open files with only a few keystrokes\u003c/li\u003e\n\u003cli\u003eMultiple Selections\u003c/li\u003e\n\u003cli\u003eCommand Palette\u003c/li\u003e\n\u003cli\u003eDistraction Free Mode\u003c/li\u003e\n\u003cli\u003eSplit Editing\u003c/li\u003e\n\u003cli\u003eInstant Project Switch\u003c/li\u003e\n\u003cli\u003ePowerful API and package ecosystem\u003c/li\u003e\n\u003cli\u003eCustomize Anything\u003c/li\u003e\n\u003c/ul\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https://cdn-images-1.medium.com/max/600/0*HWiX3t64tgxAn4wP.png\"\u003e\u003c/p\u003e\n\u003cp\u003e\u003ca href=\"https://vim.sourceforge.io/\"\u003eVim\u003c/a\u003e is a highly configurable text editor built to enable efficient text editing. It is an improved version of the “vi” editor distributed with most UNIX systems. Vim is available for all the major desktop platforms, it’s old school design could be a little intimidating if you’re used to modern software.\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003eCompletely keyboard based operations supported.\u003c/li\u003e\n\u003cli\u003eCan be used in a remote development environment using a terminal over SSH.\u003c/li\u003e\n\u003cli\u003eEnhances productivity and performs great with large files.\u003c/li\u003e\n\u003cli\u003ePowerful API and package ecosystem\u003c/li\u003e\n\u003cli\u003eCustomize Anything\u003c/li\u003e\n\u003c/ul\u003e\n\u003cp\u003eDo you have a favorite free text editor? Feel free to share. Mine is Atom, but I also use sublime. When I’m coding on Linux, I use Vim.\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003eI created a video to quickly demonstrate every editor. Take a look!\u003c/strong\u003e\u003c/p\u003e\n\u003cp\u003e\u003ciframe src=\"https://cdn.embedly.com/widgets/media.html?src=https%3A%2F%2Fwww.youtube.com%2Fembed%2FSmWoo0ryAXs%3Fstart%3D2%26feature%3Doembed%26start%3D2\u0026amp;url=http%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DSmWoo0ryAXs\u0026#038;image=https%3A%2F%2Fi.ytimg.com%2Fvi%2FSmWoo0ryAXs%2Fhqdefault.jpg\u0026amp;key=a19fcc184b9711e1b4764040d3dc5c07\u0026amp;type=text%2Fhtml\u0026amp;schema=youtube\" width=\"854\" height=\"480\" frameborder=\"0\"\u003e\u003ca href=\"https://medium.com/media/ab445a76d33da923af71ff989fb09414/href\"\u003ehttps://medium.com/media/ab445a76d33da923af71ff989fb09414/href\u003c/a\u003e\u003c/iframe\u003e\u003c/p\u003e\n\u003cp\u003eBefore you go, please subscribe to my \u003cstrong\u003eyoutube \u003c/strong\u003e\u003ca href=\"https://www.youtube.com/channel/UCC-WwYv3DEW7Nkm_IP6VeQQ\"\u003e\u003cstrong\u003echannel\u003c/strong\u003e\u003c/a\u003e. It helps me creating more content. Thanks for reading, have an awesome day!\u003c/p\u003e\n\u003cp\u003e\u003cem\u003eOriginally published at \u003c/em\u003e\u003ca href=\"https://codepen.io/EleftheriaBatsou/post/free-offline-text-editors-for-web-development-in-win-mac-and-linux\"\u003e\u003cem\u003ecodepen.io\u003c/em\u003e\u003c/a\u003e\u003cem\u003e.\u003c/em\u003e\u003c/p\u003e\n\u003cp\u003e\u003cimg src=\"https://medium.com/_/stat?event=post.clientViewed\u0026amp;referrerSource=full_rss\u0026amp;postId=6b797bf4d6fe\" width=\"1\" height=\"1\" alt=\"stat?event=post.clientViewed\u0026amp;referrerSou\"\u003e\u003c/p\u003e\n\u003chr\u003e\n\u003cp\u003e\u003ca href=\"https://blog.prototypr.io/free-offline-text-editors-for-web-development-on-win-mac-and-linux-6b797bf4d6fe\"\u003eFree offline text editors for web development on Win, Mac and Linux\u003c/a\u003e was originally published in \u003ca href=\"https://blog.prototypr.io\"\u003ePrototypr\u003c/a\u003e on Medium, where people are continuing the conversation by highlighting and responding to this story.\u003c/p\u003e\n","seo":{"metaDesc":"","canonical":"https://prototypr.io/blog/free-offline-text-editors-for-web-development-on-win-mac-and-linux/","opengraphModifiedTime":null,"opengraphPublishedTime":null,"opengraphTitle":"Free offline text editors for web development on Win, Mac and Linux - Prototypr | Prototyping","opengraphDescription":"Published on | Prototyping: From UX to Front End \u0026mdash; Medium Eleftheria Batsou https://medium.com/media/4d0dbc6adfc80d23712c01c5154e59cf/href Choosing the perfect text editor for your work can be a challenging task. It requires personal preference and judgment based on your development project. Before you jump into a single text editor I would advise experimenting with different ones. Notepad++ is [\u0026hellip;]","opengraphImage":null},"link":null,"date":"2017-12-05T03:33:17.000Z","legacyAttributes":{"link":"https://blog.prototypr.io/free-offline-text-editors-for-web-development-on-win-mac-and-linux-6b797bf4d6fe?source=rss----eb297ea1161a---4","imgUrl":null,"ogImage":"https://cdn-images-1.medium.com/max/1200/0*eHo6hDbZmiZGx9Ww.jpg"},"ogImage":{"opengraphImage":null},"tags":{"data":[]},"legacyFeaturedImage":{"id":"3861","mediaItemUrl":null,"thumb":null},"featuredImage":{"data":null},"relatedArticles":[{"localizations":{"data":[]},"title":"From Photography to NFT Art: Twisted Digital Landscapes with Nate Hill","slug":"from-photography-to-nft-twisted-landscapes-with-nate-hill","legacyFeaturedImage":null,"featuredImage":{"data":{"attributes":{"url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/8d8070381d986c2f80b500cdb024f518.png","formats":{"large":{"ext":".png","url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/660d5848c774dd76de059e2754a7344f.png","hash":"660d5848c774dd76de059e2754a7344f","mime":"image/png","name":"large_Crossover Series NFTs.png","path":null,"size":453.71,"width":1000,"height":500},"small":{"ext":".png","url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/c0b4b2eaabf40327313a30b374c2ac2a.png","hash":"c0b4b2eaabf40327313a30b374c2ac2a","mime":"image/png","name":"small_Crossover Series NFTs.png","path":null,"size":125.2,"width":500,"height":250},"medium":{"ext":".png","url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/2346793057dd9a854f38fca4ef47a068.png","hash":"2346793057dd9a854f38fca4ef47a068","mime":"image/png","name":"medium_Crossover Series NFTs.png","path":null,"size":262.53,"width":750,"height":375},"thumbnail":{"ext":".png","url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/63771b3a5ed23d97c829bbb601cb13ef.png","hash":"63771b3a5ed23d97c829bbb601cb13ef","mime":"image/png","name":"thumbnail_Crossover Series NFTs.png","path":null,"size":35.4,"width":245,"height":123}}}}}},{"localizations":{"data":[]},"title":"From Design System to ‘NFT Design System’: Creating TinyFaces","slug":"from-design-system-to-nft-design-system-creating-tinyfaces","legacyFeaturedImage":{"mediaItemUrl":"https://prototypr-media.sfo2.digitaloceanspaces.com/wp-content/uploads/2022/05/oZREIb60.png"},"featuredImage":{"data":null}},{"localizations":{"data":[]},"title":"Neurodiversity and Inclusion: Choosing Kinder Design","slug":"neurodiversity-and-inclusion-choosing-kinder-design","legacyFeaturedImage":{"mediaItemUrl":"https://prototypr-media.sfo2.digitaloceanspaces.com/wp-content/uploads/2022/05/A6E37491-A0FB-4EE3-9E7E-8542137F5D5A.jpeg"},"featuredImage":{"data":null}},{"localizations":{"data":[]},"title":"Web5 is here. Goodbye Web3? TBD.","slug":"web5-is-here-goodbye-web3-tbd","legacyFeaturedImage":null,"featuredImage":{"data":{"attributes":{"url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/7698182c0f7e732a32a65bf390d5edba.png","formats":{"small":{"ext":".png","url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/4f1459212f9509e4250976a94b308a67.png","hash":"4f1459212f9509e4250976a94b308a67","mime":"image/png","name":"small_652ccf22c8853584bde5553986a4eed0.png","path":null,"size":14.78,"width":500,"height":240},"medium":{"ext":".png","url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/f0f57d2995a71c2df222337020a37e72.png","hash":"f0f57d2995a71c2df222337020a37e72","mime":"image/png","name":"medium_652ccf22c8853584bde5553986a4eed0.png","path":null,"size":23.77,"width":750,"height":360},"thumbnail":{"ext":".png","url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/6b7c6fcaf6d91ca168caa67c73f77b8b.png","hash":"6b7c6fcaf6d91ca168caa67c73f77b8b","mime":"image/png","name":"thumbnail_652ccf22c8853584bde5553986a4eed0.png","path":null,"size":5.66,"width":245,"height":118}}}}}}],"author":{"data":null}}},"domain":"blog.prototypr.io","link":"https://blog.prototypr.io/free-offline-text-editors-for-web-development-on-win-mac-and-linux-6b797bf4d6fe?source=rss----eb297ea1161a---4","postDate":"\"2017-12-05T03:33:17.000Z\"","morePosts":[{"localizations":{"data":[]},"title":"From Photography to NFT Art: Twisted Digital Landscapes with Nate Hill","slug":"from-photography-to-nft-twisted-landscapes-with-nate-hill","legacyFeaturedImage":null,"featuredImage":{"data":{"attributes":{"url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/8d8070381d986c2f80b500cdb024f518.png","formats":{"large":{"ext":".png","url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/660d5848c774dd76de059e2754a7344f.png","hash":"660d5848c774dd76de059e2754a7344f","mime":"image/png","name":"large_Crossover Series NFTs.png","path":null,"size":453.71,"width":1000,"height":500},"small":{"ext":".png","url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/c0b4b2eaabf40327313a30b374c2ac2a.png","hash":"c0b4b2eaabf40327313a30b374c2ac2a","mime":"image/png","name":"small_Crossover Series NFTs.png","path":null,"size":125.2,"width":500,"height":250},"medium":{"ext":".png","url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/2346793057dd9a854f38fca4ef47a068.png","hash":"2346793057dd9a854f38fca4ef47a068","mime":"image/png","name":"medium_Crossover Series NFTs.png","path":null,"size":262.53,"width":750,"height":375},"thumbnail":{"ext":".png","url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/63771b3a5ed23d97c829bbb601cb13ef.png","hash":"63771b3a5ed23d97c829bbb601cb13ef","mime":"image/png","name":"thumbnail_Crossover Series NFTs.png","path":null,"size":35.4,"width":245,"height":123}}}}}},{"localizations":{"data":[]},"title":"From Design System to ‘NFT Design System’: Creating TinyFaces","slug":"from-design-system-to-nft-design-system-creating-tinyfaces","legacyFeaturedImage":{"mediaItemUrl":"https://prototypr-media.sfo2.digitaloceanspaces.com/wp-content/uploads/2022/05/oZREIb60.png"},"featuredImage":{"data":null}},{"localizations":{"data":[]},"title":"Neurodiversity and Inclusion: Choosing Kinder Design","slug":"neurodiversity-and-inclusion-choosing-kinder-design","legacyFeaturedImage":{"mediaItemUrl":"https://prototypr-media.sfo2.digitaloceanspaces.com/wp-content/uploads/2022/05/A6E37491-A0FB-4EE3-9E7E-8542137F5D5A.jpeg"},"featuredImage":{"data":null}},{"localizations":{"data":[]},"title":"Web5 is here. Goodbye Web3? TBD.","slug":"web5-is-here-goodbye-web3-tbd","legacyFeaturedImage":null,"featuredImage":{"data":{"attributes":{"url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/7698182c0f7e732a32a65bf390d5edba.png","formats":{"small":{"ext":".png","url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/4f1459212f9509e4250976a94b308a67.png","hash":"4f1459212f9509e4250976a94b308a67","mime":"image/png","name":"small_652ccf22c8853584bde5553986a4eed0.png","path":null,"size":14.78,"width":500,"height":240},"medium":{"ext":".png","url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/f0f57d2995a71c2df222337020a37e72.png","hash":"f0f57d2995a71c2df222337020a37e72","mime":"image/png","name":"medium_652ccf22c8853584bde5553986a4eed0.png","path":null,"size":23.77,"width":750,"height":360},"thumbnail":{"ext":".png","url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/6b7c6fcaf6d91ca168caa67c73f77b8b.png","hash":"6b7c6fcaf6d91ca168caa67c73f77b8b","mime":"image/png","name":"thumbnail_652ccf22c8853584bde5553986a4eed0.png","path":null,"size":5.66,"width":245,"height":118}}}}}}]},"__N_SSG":true},"page":"/blog/[slug]","query":{"slug":"free-offline-text-editors-for-web-development-on-win-mac-and-linux"},"buildId":"ObAzqkbZVJyJ9VZeDkJMU","runtimeConfig":{"nextPlausiblePublicProxyOptions":{"customDomain":"https://analytics.prototypr.io","domain":"4.prototypr.io","selfHosted":true,"trailingSlash":false}},"isFallback":false,"dynamicIds":[7765,1477,7134,5683,5348,8721,8460,6675,9250],"gsp":true,"locale":"en-US","locales":["en-US","es-ES"],"defaultLocale":"en-US","scriptLoader":[]}</script></body></html>
