[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"blog-listing-all-all-6":3},{"cards":4,"page":141,"totalPages":141,"totalPosts":177,"postsPerPage":178,"tag":179,"author":179},[5,48,76,100,117,132,155],{"id":6,"slug":7,"title":8,"description":9,"url":10,"publishedAt":11,"createdAt":12,"updatedAt":13,"featured":14,"readingTime":15,"tags":16,"imageUrl":22,"imageAlt":23,"faviconUrl":24,"publishedAtString":11,"category":25,"readTimeString":47},"630efb34c7d492db47c420b3","how-to-use-web-highlights-to-highlight-text-take-notes-on-the-internet","Guide to Using Web Highlights for Online Text & Notes","Boost your productivity with Web Highlights. With the pdf & web highlighter, you can highlight on the internet just like you do it in books.","https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Fhow-to-use-web-highlights-to-highlight-text-take-notes-on-the-internet\u002F","2022-09-01T06:58:22.000+00:00","2022-08-31T06:09:56.000+00:00","2026-04-09T12:56:34.000+00:00",true,12,[17,18,19,20,21],"FAQ, Tutorials, and Help","Web Highlights","Productivity","Software","Tutorial","https:\u002F\u002Fimages.unsplash.com\u002Fphoto-1578401056371-96e0b72cffd5?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=MnwxMTc3M3wwfDF8c2VhcmNofDEzfHxza2V0Y2hpbmd8ZW58MHx8fHwxNjYyMDE2MjQw&ixlib=rb-1.2.1&q=80&w=2000","Hands highlighting text, taking notes and making sketches on paper","https:\u002F\u002Fweb-highlights.com\u002Ffavicon.ico",[26,33,40],{"type":27,"title":28,"shortTitle":29,"icon":30,"description":31,"excerpt":32},"highlighting","Highlight Websites & PDFs in Chrome","Highlighting","mark-icon","From PDF highlighters to Chrome extensions—see how Web Highlights makes highlighting fast, colorful, and organized across the sites you read every day.","Highlighting should feel as natural as a physical marker, but with superpowers: multi-color marks, notes, tags, and sync. Web Highlights is built for both web pages and PDFs, so you can keep one workflow instead of juggling separate “PDF only” or “website only” tools.",{"type":34,"title":35,"shortTitle":36,"icon":37,"description":38,"excerpt":39},"annotating","Annotate the Web & PDFs with Web Highlights","Annotating","feather-edit-3","Annotating long texts is challenging. Learn techniques for better annotations and how Web Highlights helps you mark up articles and PDFs in the browser.","Annotation turns passive scrolling into real understanding. Whether you need marginal notes for research, structured tags for coursework, or quick highlights for newsletters, Web Highlights keeps every mark anchored to the source—so you can review, search, and export without losing context.",{"type":41,"title":42,"shortTitle":43,"icon":44,"description":45,"excerpt":46},"learn-more","Popular Web Highlights Guides","Learn More","book-open","Web Highlights offers tons of features. Here are some of the most popular articles to make the most of it.","Start here for our most-read tutorials: PDF and web highlighting, exports, reader mode, and study workflows. Each guide shows how Web Highlights fits into real daily reading and research so you can get value in minutes—not hours of setup.","12 min read",{"id":49,"slug":50,"title":51,"description":52,"url":53,"publishedAt":54,"createdAt":55,"updatedAt":56,"featured":57,"readingTime":58,"tags":59,"imageUrl":62,"imageAlt":63,"faviconUrl":24,"publishedAtString":54,"category":64,"readTimeString":75},"630b48b6c7d492db47c41fc6","building-a-beautiful-link-preview-with-web-components","Building A Beautiful Link Preview With Web Components","A thumbnail image of your website can be essential to attract new users. In this article we will build a beautiful link preview with Web Components.","https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Fbuilding-a-beautiful-link-preview-with-web-components\u002F","2022-08-29T06:01:53.000+00:00","2022-08-28T10:51:34.000+00:00","2026-04-08T08:21:34.000+00:00",false,4,[60,18,61],"Web Components","Product Design","https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Fcontent\u002Fimages\u002F2022\u002F08\u002Ftest.png","Web Highlights Link Preview Component",[65],{"type":66,"title":67,"shortTitle":68,"icon":69,"description":70,"excerpt":71,"thumbnail":72},"my-journey","Behind the Scenes of Web Highlights","My Journey","rocket","Hey 👋 I am Marius. I started Web Highlights in 2019 as a tool just for myself and have been working on it alone since then. Learn from my mistakes and stories right from the beginning how I grew the Chrome Extension to 250K users without any marketing costs.","These posts are the honest build log of Web Highlights: what worked, what hurt, and what I’d do again. If you care about indie products, Chrome extensions, or SEO-led growth, you’ll find practical lessons alongside the personal story.",{"url":73,"alt":74},"https:\u002F\u002Fweb-highlights.com\u002Fimages\u002Fme.png","Me, Marius Bongarts, in front of sea in Portugal, Algarve","4 min read",{"id":77,"slug":78,"title":79,"description":80,"url":81,"publishedAt":82,"createdAt":83,"updatedAt":84,"featured":14,"readingTime":85,"tags":86,"imageUrl":90,"imageAlt":91,"faviconUrl":24,"publishedAtString":82,"category":92,"readTimeString":99},"62ff2817c7d492db47c41dc2","turn-your-website-into-a-beautiful-thumbnail-link-preview","Make Your Website Have a Beautiful Thumbnail Link Preview","A thumbnail image of your website can be essential to attract new users. Understand the Open Graph protocol to have a beautiful preview image for your website.","https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Fturn-your-website-into-a-beautiful-thumbnail-link-preview\u002F","2022-08-22T06:07:26.000+00:00","2022-08-19T06:05:11.000+00:00","2024-10-23T21:17:28.000+00:00",5,[87,88,89,18],"SEO","Web Development","Project Management","https:\u002F\u002Fimages.unsplash.com\u002Fphoto-1464822759023-fed622ff2c3b?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=MnwxMTc3M3wwfDF8c2VhcmNofDcwfHxuYXR1cmV8ZW58MHx8fHwxNjYwODg5MjM3&ixlib=rb-1.2.1&q=80&w=2000","Forest in foreground, lake with mountains in background",[93],{"type":94,"title":95,"shortTitle":19,"icon":96,"description":97,"excerpt":98},"productivity","Browser Productivity & Chrome Extensions","command","Curated extension lists, focus workflows, and tips for getting more from Chrome—always with an eye toward reading, capture, and learning.","Productivity isn’t only task managers. These articles cover the browser layer: extensions that protect focus, comparisons that save you from dead-end tools, and setup tips that keep your reading and capture stack lightweight but powerful.","5 min read",{"id":101,"slug":102,"title":103,"description":104,"url":105,"publishedAt":106,"createdAt":107,"updatedAt":108,"featured":57,"readingTime":58,"tags":109,"imageUrl":112,"imageAlt":113,"faviconUrl":24,"publishedAtString":106,"category":114,"readTimeString":75},"62fb30c73dc2df47fd59bdfd","stop-building-the-wrong-product-righter-build-the-right-product","Stop Building The Wrong Product Righter, Build The Right Product","Building products people want to use is hard. There can be many reasons why you aren't getting customers' desired results. Maybe your problem is not you aren’t building the right product. Your problem is you are building the wrong product.","https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Fstop-building-the-wrong-product-righter-build-the-right-product\u002F","2022-08-16T06:01:12.000+00:00","2022-08-16T05:53:11.000+00:00","2026-03-21T16:39:19.000+00:00",[110,111,89,20,68],"Side Hustle","Side Projects","https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Fcontent\u002Fimages\u002F2022\u002F08\u002Fpexels-pixabay-163728.jpeg","Traffic sign \"DEAD END\"",[115],{"type":66,"title":67,"shortTitle":68,"icon":69,"description":70,"excerpt":71,"thumbnail":116},{"url":73,"alt":74},{"id":118,"slug":119,"title":120,"description":121,"url":122,"publishedAt":123,"createdAt":124,"updatedAt":125,"featured":57,"readingTime":58,"tags":126,"imageUrl":127,"imageAlt":128,"faviconUrl":24,"publishedAtString":123,"category":129,"readTimeString":75},"62ee441f3dc2df47fd59bdb2","how-to-build-a-chrome-extension","How To Build A Chrome Extension","Learn how to build a Chrome extension step by step. From setting up your environment to publishing on the Chrome Web Store, get tips and insights.","https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Fhow-to-build-a-chrome-extension\u002F","2022-08-06T10:46:22.000+00:00","2022-08-06T10:36:15.000+00:00","2024-08-11T14:26:52.000+00:00",[],"https:\u002F\u002Fimages.unsplash.com\u002Fphoto-1599153066743-08810dc8a419?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=MnwxMTc3M3wwfDF8c2VhcmNofDF8fG1hY2Jvb2slMjB0aXNjaHxlbnwwfHx8fDE2NTk3ODIzNDc&ixlib=rb-1.2.1&q=80&w=2000","How to Build A Chrome Extention",[130],{"type":66,"title":67,"shortTitle":68,"icon":69,"description":70,"excerpt":71,"thumbnail":131},{"url":73,"alt":74},{"id":133,"slug":134,"title":135,"description":136,"url":137,"publishedAt":138,"createdAt":139,"updatedAt":140,"featured":57,"readingTime":141,"tags":142,"imageUrl":145,"imageAlt":146,"faviconUrl":24,"publishedAtString":138,"category":147,"readTimeString":154},"62ee40123dc2df47fd59bd45","build-a-text-web-highlighter-as-a-chrome-extension","Build A Text Web-Highlighter as a Chrome Extension","Learn how to build a text web highlighter as a Chrome extension in this detailed guide. Improve your browsing experience by highlighting and saving text.","https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Fbuild-a-text-web-highlighter-as-a-chrome-extension\u002F","2022-08-06T10:33:44.000+00:00","2022-08-06T10:18:58.000+00:00","2024-08-11T14:27:10.000+00:00",6,[143,18,144,88],"Chrome Extension","Programming","https:\u002F\u002Fimages.unsplash.com\u002Fphoto-1475154404624-07909433bbfb?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=MnwxMTc3M3wwfDF8c2VhcmNofDN8fGhpZ2hsaWdodHxlbnwwfHx8fDE2NTk3ODExNTM&ixlib=rb-1.2.1&q=80&w=2000","Book with text marker in it",[148,150],{"type":66,"title":67,"shortTitle":68,"icon":69,"description":70,"excerpt":71,"thumbnail":149},{"url":73,"alt":74},{"type":151,"title":152,"shortTitle":144,"icon":44,"description":153,"excerpt":153},"programming","Programming & Development","Articles about programming, development, and software engineering.","6 min read",{"id":156,"slug":157,"title":158,"description":159,"url":160,"publishedAt":161,"createdAt":162,"updatedAt":163,"featured":57,"readingTime":85,"tags":164,"imageUrl":166,"imageAlt":167,"faviconUrl":24,"publishedAtString":161,"category":168,"readTimeString":99},"62ed30aeea428d386f40a267","efficient-research-with-web-highlights","Efficient Research With Web Highlights","Just like you do on books, highlight on any web page or PDF, and take notes. Organize with tags and find your research in the app.","https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Fefficient-research-with-web-highlights\u002F","2022-08-05T15:01:40.000+00:00","2022-08-05T15:01:02.000+00:00","2026-04-03T11:52:12.000+00:00",[143,19,165,18],"Research","https:\u002F\u002Fimages.unsplash.com\u002Fphoto-1432888498266-38ffec3eaf0a?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=MnwxMTc3M3wwfDF8c2VhcmNofDE2fHxyZXNlYXJjaHxlbnwwfHx8fDE2NTk3MTE2Nzc&ixlib=rb-1.2.1&q=80&w=2000","Papers, Phone, and Monitor",[169,176],{"type":170,"title":171,"shortTitle":172,"icon":173,"description":174,"excerpt":175},"research","Research & Study with Web Highlights","Research & study","target","For students and researchers: active reading, citation-friendly capture, and tools that make long PDFs and articles easier to process.","Research reading means volume, speed, and recall. Web Highlights supports deep work with highlights, tags, and notes on articles and PDFs—so you can prep for exams, papers, and casework without losing the thread across dozens of sources.",{"type":41,"title":42,"shortTitle":43,"icon":44,"description":45,"excerpt":46},132,25,null]