[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"blog-article-master-your-second-brain-how-to-use-the-code-technique":3},{"meta":4,"html":29,"authorName":30,"authorFacebookUrl":31,"authorProfileImage":32,"authorWebsite":33,"authorJobTitle":34,"authorTwitterUrl":35,"wordCount":36,"recommended":37},{"id":5,"slug":6,"type":7,"title":8,"excerpt":9,"metaTitle":10,"metaDescription":10,"canonicalUrl":10,"featureImage":11,"publishedAt":16,"createdAt":17,"updatedAt":18,"featured":19,"readingTime":20,"tags":21,"author":28,"recommendedSlugs":10},"6714e66eb98706751d677ac6","master-your-second-brain-how-to-use-the-code-technique","post","Master Your Second Brain: Part 2 - How to Use the CODE Technique","Unlock the power of Tiago Forte's CODE method and organize your second brain for better productivity using the Web Highlights Chrome Extension",null,{"url":12,"alt":13,"caption":10,"width":14,"height":15},"\u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F10\u002Fcode-article-thumbnail.png","Master Your Second Brain: Part 2— How to Use the CODE Technique",1200,630,"2024-10-20T12:06:58.000+00:00","2024-10-20T11:15:58.000+00:00","2024-10-20T12:07:50.000+00:00",false,8,[22,25],{"name":23,"slug":24},"Second Brain","second-brain",{"name":26,"slug":27},"Tiago Forte","tiago-forte","marius-bongarts","\u003Cp>\n  In the\n  \u003Ca\n    href=\"https:\u002F\u002Fmedium.com\u002F@mariusbongarts\u002Forganize-your-second-brain-part-1-how-to-use-the-para-method-1ec663ba4f66\"\n  >\n    the first part\n  \u003C\u002Fa>\n  of this Second Brain article series, we learned how Tiago Forte’s PARA method can help us collect and manage digital\n  information more effectively.\n\u003C\u002Fp>\n\u003Cfigure class=\"kg-card kg-bookmark-card\">\n  \u003Ca\n    class=\"kg-bookmark-container\"\n    href=\"https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Fmaster-your-second-brain-part-1-how-to-use-the-para-method\u002F\"\n  >\n    \u003Cdiv class=\"kg-bookmark-content\">\n      \u003Cdiv class=\"kg-bookmark-title\">Organize Your Second Brain: How to Use the PARA Method\u003C\u002Fdiv>\n      \u003Cdiv class=\"kg-bookmark-description\">\n        Feeling overwhelmed by digital chaos? Explore the PARA Method by Tiago Forte and learn how to organize your\n        digital second brain for a more productive life!\n      \u003C\u002Fdiv>\n      \u003Cdiv class=\"kg-bookmark-metadata\">\n        \u003Cimg class=\"kg-bookmark-icon\" src=\"https:\u002F\u002Fstatic.ghost.org\u002Fv5.0.0\u002Fimages\u002Flink-icon.svg\" alt=\"\" \u002F>\n        \u003Cspan class=\"kg-bookmark-author\">Web Highlights Blog\u003C\u002Fspan>\n        \u003Cspan class=\"kg-bookmark-publisher\">Marius Bongarts\u003C\u002Fspan>\n      \u003C\u002Fdiv>\n    \u003C\u002Fdiv>\n    \u003Cdiv class=\"kg-bookmark-thumbnail\">\n      \u003Cimg\n        src=\"\u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F09\u002Fthumbnail.webp\"\n        alt=\"\"\n        onerror=\"this.style.display = 'none'\"\n      \u002F>\n    \u003C\u002Fdiv>\n  \u003C\u002Fa>\n\u003C\u002Ffigure>\n\u003Cp>\n  In this article, we’ll dive into a method introduced by Tiago Forte called the ‘CODE’ technique, which helps us to\n  build up our second brain and to make the information we collect more useful for us in the future.\n\u003C\u002Fp>\n\u003Cp>\n  \u003Cem>\n    To put it simply: The ‘CODE’ technique ensures that we\n    \u003Cstrong>understand our own, often cluttered, notes in the future\u003C\u002Fstrong>\n    .\n  \u003C\u002Fem>\n\u003C\u002Fp>\n\u003Cp>But before we get into how the CODE technique works, let’s quickly recap what a Second Brain is.\u003C\u002Fp>\n\u003Ch3 id=\"what-is-a-second-brain\">What is a Second Brain?\u003C\u002Fh3>\n\u003Cp>\n  When I first began reading “\n  \u003Ca\n    href=\"https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Fbuilding-a-digital-second-brain-the-ultimate-guide-to-unlock-creativity\u002F\"\n    rel=\"noopener\"\n  >\n    Building a Second Brain\n  \u003C\u002Fa>\n  ,” I thought it was just another method for organizing my digital life, so I didn’t expect much from it. To my\n  surprise, Tiago Forte really changed my perspective on how I manage my digital world.\n\u003C\u002Fp>\n\u003Cblockquote>\n  Your mind is for having ideas, not holding them. — David Allen (Author of Gettings Things Done)\n\u003C\u002Fblockquote>\n\u003Cp>\n  The main idea of using a “Second Brain” is to\n  \u003Cstrong>organize\u003C\u002Fstrong>\n  your information\n  \u003Cstrong>by actionability\u003C\u002Fstrong>\n  rather than by topic.\n\u003C\u002Fp>\n\u003Cblockquote>\n  \u003Cem>\n    💡\n    \u003Cstrong>Example\u003C\u002Fstrong>\n    : Instead of placing an internet bill into a general invoices folder, you would put it into “Taxes 2024” so that\n    it’s readily available when you need it.\n  \u003C\u002Fem>\n\u003C\u002Fblockquote>\n\u003Cp>\n  Another advantage is that having a “Second Brain” lets your “First Brain” focus more on creativity, rather than\n  struggling to remember everything.\n\u003C\u002Fp>\n\u003Cblockquote>\n  \u003Cem>\n    💡\n    \u003Cstrong>Example\u003C\u002Fstrong>\n    : Instead of keeping track of all the project details yourself, you can store them in your second brain and use your\n    mental energy for brainstorming new ideas.\n  \u003C\u002Fem>\n\u003C\u002Fblockquote>\n\u003Cfigure class=\"kg-card kg-bookmark-card\">\n  \u003Ca\n    class=\"kg-bookmark-container\"\n    href=\"https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Fbuilding-a-digital-second-brain-the-ultimate-guide-to-unlock-creativity\u002F\"\n  >\n    \u003Cdiv class=\"kg-bookmark-content\">\n      \u003Cdiv class=\"kg-bookmark-title\">Master Your Creativity by Building a Digital Second Brain\u003C\u002Fdiv>\n      \u003Cdiv class=\"kg-bookmark-description\">\n        Unlock your creative potential with Tiago Forte’s “Building a Second Brain” digital system. Discover the\n        transformative ‘CODE’ technique and ‘PARA’ method.\n      \u003C\u002Fdiv>\n      \u003Cdiv class=\"kg-bookmark-metadata\">\n        \u003Cimg class=\"kg-bookmark-icon\" src=\"https:\u002F\u002Fstatic.ghost.org\u002Fv5.0.0\u002Fimages\u002Flink-icon.svg\" alt=\"\" \u002F>\n        \u003Cspan class=\"kg-bookmark-author\">Web Highlights Blog\u003C\u002Fspan>\n        \u003Cspan class=\"kg-bookmark-publisher\">Marius Bongarts\u003C\u002Fspan>\n      \u003C\u002Fdiv>\n    \u003C\u002Fdiv>\n    \u003Cdiv class=\"kg-bookmark-thumbnail\">\n      \u003Cimg\n        src=\"\u002Fblog\u002Fcontent\u002Fimages\u002F2023\u002F09\u002F1_cYrZruudvbsw8gFqtYcOSA.webp\"\n        alt=\"\"\n        onerror=\"this.style.display = 'none'\"\n      \u002F>\n    \u003C\u002Fdiv>\n  \u003C\u002Fa>\n\u003C\u002Ffigure>\n\u003Ch3 id=\"what-is-the-code-technique\">What is the CODE Technique?\u003C\u002Fh3>\n\u003Cp>\n  The ‘CODE’ technique is an easy four-step method, by Tiago Forte, that helps us manage the overwhelming amount of\n  information we encounter daily. \n\u003C\u002Fp>\n\u003Cblockquote>\n  CODE is a proven process for consistently turning the information you consume into creative output and concrete\n  results.\n  \u003Cstrong> — \u003C\u002Fstrong>\n  \u003Ca href=\"https:\u002F\u002Ffortelabs.com\u002Fblog\u002Fbasboverview\u002F\" rel=\"noopener\">\u003Cstrong>fortelabs.com\u003C\u002Fstrong>\u003C\u002Fa>\n\u003C\u002Fblockquote>\n\u003Cp>Simply put: The ‘CODE’ technique ensures that we can make sense of our often cluttered notes in the future.\u003C\u002Fp>\n\u003Ch3 id=\"what-does-code-stand-for\">What does CODE Stand For?\u003C\u002Fh3>\n\u003Cp>\n  The CODE technique is an acronym that stands for\n  \u003Cstrong>four essential steps\u003C\u002Fstrong>\n  , with each letter representing a specific action. \n\u003C\u002Fp>\n\u003Cp>\n  Here’s what\n  \u003Cstrong>CODE\u003C\u002Fstrong>\n  stands for:\n\u003C\u002Fp>\n\u003Cul>\n  \u003Cli>\n    \u003Cstrong>Capture\u003C\u002Fstrong>\n    : Keep what resonates\n  \u003C\u002Fli>\n  \u003Cli>\n    \u003Cstrong>Organize\u003C\u002Fstrong>\n    : Save for actionability\n  \u003C\u002Fli>\n  \u003Cli>\n    \u003Cstrong>Distill\u003C\u002Fstrong>\n    : Find the essence\n  \u003C\u002Fli>\n  \u003Cli>\n    \u003Cstrong>Express\u003C\u002Fstrong>\n    : Show your work\n  \u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cfigure class=\"kg-card kg-image-card\">\n  \u003Cimg\n    src=\"https:\u002F\u002Fcdn-images-1.medium.com\u002Fmax\u002F1600\u002F0*mch0VjJXcP2lCWT0.png\"\n    class=\"kg-image\"\n    alt=\"\"\n    loading=\"lazy\"\n    width=\"1460\"\n    height=\"820\"\n  \u002F>\n\u003C\u002Ffigure>\n\u003Cp>\n  Following these four steps, we can efficiently capture, organize, distill, and express our ideas, ensuring that our\n  digital second brain remains a valuable resource rather than a cluttered mess. \n\u003C\u002Fp>\n\u003Cblockquote>\n  \u003Cem>Our notes are things to use, not just things to collect. —\u003C\u002Fem>\n  \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Ftag\u002Ftiago-forte\u002F\" rel=\"noopener\">\u003Cem>Tiago Forte\u003C\u002Fem>\u003C\u002Fa>\n\u003C\u002Fblockquote>\n\u003Cp>\n  This technique not only helps us stay clear-minded but also frees up mental space, letting us focus more on creativity\n  and productivity.\n\u003C\u002Fp>\n\u003Cp>Let’s look closely at each step:\u003C\u002Fp>\n\u003Ch4 id=\"1-capture-keep-what-resonates\">1. Capture: Keep What Resonates\u003C\u002Fh4>\n\u003Cp>The first step is capturing ideas and insights that are noteworthy.\u003C\u002Fp>\n\u003Cfigure class=\"kg-card kg-image-card\">\n  \u003Cimg\n    src=\"https:\u002F\u002Fcdn-images-1.medium.com\u002Fmax\u002F1600\u002F1*nZz_3arqfKDdeWzS_u774g.png\"\n    class=\"kg-image\"\n    alt=\"Capture: Keep what resonates\"\n    loading=\"lazy\"\n    width=\"1600\"\n    height=\"741\"\n  \u002F>\n\u003C\u002Ffigure>\n\u003Cp>\n  The main idea of this step is to\n  \u003Cstrong>eliminate the worry of forgetting\u003C\u002Fstrong>\n  something and free up our minds for more creative tasks. \n\u003C\u002Fp>\n\u003Cp>\n  This process shouldn’t require much mental effort. Tiago emphasizes this step with the slogan\n  \u003Cem>“Keep What Resonates,”\u003C\u002Fem>\n  highlighting that it’s not about spending a lot of time or energy analyzing what to keep.\n\u003C\u002Fp>\n\u003Cblockquote>\n  In deciding which passages, images, theories, or quotes to keep, don’t make it a highly intellectual, analytical\n  decision. —\n  \u003Ca href=\"https:\u002F\u002Ffortelabs.com\u002Fblog\u002Fbasboverview\u002F\" rel=\"noopener\"> fortelabs.com\u003C\u002Fa>\n\u003C\u002Fblockquote>\n\u003Cp>\n  Don’t overcomplicate things in this step.\n  \u003Cstrong>Just capture it and save anything that “resonates” with you intuitively!\u003C\u002Fstrong>\n\u003C\u002Fp>\n\u003Cblockquote>\n  \u003Cem>\n    💡\n    \u003Cstrong>Example\u003C\u002Fstrong>\n    : You come across an interesting article but don’t have time to read it thoroughly right now. Instead, you can use a\n  \u003C\u002Fem>\n  \u003Ca href=\"https:\u002F\u002Ftooltivity.com\u002Fcategories\u002Fweb-clipper\" rel=\"noopener\">\u003Cem>web clipper\u003C\u002Fem>\u003C\u002Fa>\n  \u003Cem>to save the page to your reading list or highlight important sections with a\u003C\u002Fem>\n  \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002F\" rel=\"noopener\">\u003Cem>web highlighter\u003C\u002Fem>\u003C\u002Fa>\n  \u003Cem>so you can return to it later.\u003C\u002Fem>\n\u003C\u002Fblockquote>\n\u003Ch4 id=\"2-organize-save-for-actionability\">2. Organize: Save for Actionability\u003C\u002Fh4>\n\u003Cp>After capturing content, it’s important to organize it efficiently.\u003C\u002Fp>\n\u003Cfigure class=\"kg-card kg-image-card\">\n  \u003Cimg\n    src=\"https:\u002F\u002Fcdn-images-1.medium.com\u002Fmax\u002F1600\u002F1*7mQy3rDjqRdw9NDP1LfYUg.png\"\n    class=\"kg-image\"\n    alt=\"Organize: Save for actionability\"\n    loading=\"lazy\"\n    width=\"1600\"\n    height=\"685\"\n  \u002F>\n\u003C\u002Ffigure>\n\u003Cp>\n  As we learned from the\n  \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Fmaster-your-second-brain-part-1-how-to-use-the-para-method\u002F\" rel=\"noopener\">\n    PARA-Method\n  \u003C\u002Fa>\n  , the Second Brain framework suggests organizing our content for\n  \u003Cstrong>actionability\u003C\u002Fstrong>\n  .\n\u003C\u002Fp>\n\u003Cp>What does that mean?\u003C\u002Fp>\n\u003Cp>\n  For decades, computers have taught us to organize everything in a folder hierarchy. So it is tempting for many to\n  stick with it. \n\u003C\u002Fp>\n\u003Cp>\n  Still, it would be much better to focus on what we currently need information for. That’s why we should rather\n  structure our information into\n  \u003Cstrong>active projects.\u003C\u002Fstrong>\n\u003C\u002Fp>\n\u003Cblockquote>\n  \u003Cem>\n    💡\n    \u003Cstrong>Example\u003C\u002Fstrong>\n    : If you want to save an invoice, instead of just putting it in a folder called \"Invoices,\" place it in the project\n    where it will actually be used, like \"Tax Report 2024.\" That way, it'll be right where you need it when it's time to\n    do your taxes.\n  \u003C\u002Fem>\n\u003C\u002Fblockquote>\n\u003Ch4 id=\"3-distill-find-the-essence\">3. Distill: Find the Essence\u003C\u002Fh4>\n\u003Cp>\n  The third step of the ‘CODE’ method is to distill. This means turning the content we’ve captured into a clear message\n  by removing what’s unnecessary and focusing on the key points.\n\u003C\u002Fp>\n\u003Cfigure class=\"kg-card kg-image-card\">\n  \u003Cimg\n    src=\"https:\u002F\u002Fcdn-images-1.medium.com\u002Fmax\u002F1600\u002F1*qa07C9T1vd52VB2pva0OYg.png\"\n    class=\"kg-image\"\n    alt=\"Distill: Find the essence\"\n    loading=\"lazy\"\n    width=\"1600\"\n    height=\"729\"\n  \u002F>\n\u003C\u002Ffigure>\n\u003Cp>\n  Lao Tzu said,\n  \u003Cem>“To gain wisdom, remove things every day.”\u003C\u002Fem>\n  Like summarizing in school, we cut out the fluff and keep only what’s important.\n\u003C\u002Fp>\n\u003Cp>\n  Forte calls this\n  \u003Ca\n    href=\"https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Fthe-art-of-summarization-tiago-fortes-progressive-highlighting-2-0-technique-in-action\u002F\"\n    rel=\"noopener\"\n  >\n    Progressive Summarization\n  \u003C\u002Fa>\n  : highlight the key ideas, then highlight the highlights, layer by layer, making it easier to understand later.\n\u003C\u002Fp>\n\u003Cp>\n  Think of it like preparing your notes for your busy future self — focus only on the essentials to make them quick and\n  easy to use.\n\u003C\u002Fp>\n\u003Cblockquote>\n  💡\n  \u003Cstrong>Example\u003C\u002Fstrong>\n  : After taking notes on a long article, instead of leaving them as-is, you go through and highlight the main points.\n  Then, you review those highlights and further narrow them down to the essential takeaways. Now, when you come back\n  later, you only see the most important ideas, saving you time and effort.\n\u003C\u002Fblockquote>\n\u003Ch4 id=\"4-express-show-your-work\">4. Express: Show your Work\u003C\u002Fh4>\n\u003Cp>The last part of the ‘CODE’ technique is to express and show your work to others.\u003C\u002Fp>\n\u003Cfigure class=\"kg-card kg-image-card\">\n  \u003Cimg\n    src=\"https:\u002F\u002Fcdn-images-1.medium.com\u002Fmax\u002F1600\u002F1*fMYomjBaqQXi7rJvZUyE_Q.png\"\n    class=\"kg-image\"\n    alt=\"Show your work\"\n    loading=\"lazy\"\n    width=\"1600\"\n    height=\"732\"\n  \u002F>\n\u003C\u002Ffigure>\n\u003Cp>\n  Forte believes that we all have a natural desire to create — to bring something good, true, or beautiful into the\n  world. He says it’s one of the most fulfilling things we can do, and it also positively impacts others by inspiring,\n  entertaining, or educating them.\n\u003C\u002Fp>\n\u003Cblockquote>The word “productivity” comes from the Latin verb producere, meaning “to produce.” \u003C\u002Fblockquote>\n\u003Cp>\n  So, don’t let your knowledge, notes, or ideas go to waste. Turn them into something actionable and create something\n  valuable.\n\u003C\u002Fp>\n\u003Cblockquote>\n  \u003Cem>\n    💡\n    \u003Cstrong>Example\u003C\u002Fstrong>\n    : I\n  \u003C\u002Fem>\n  nstead of just reading the Second Brain book by Tiago Forte, I turned my notes and highlights into an article. This\n  not only added value for others but also helped me better understand the book’s content.\n\u003C\u002Fblockquote>\n\u003Ch3 id=\"using-web-highlights-with-the-code-technique\">Using Web Highlights with the CODE Technique\u003C\u002Fh3>\n\u003Cp>\n  The\n  \u003Ca href=\"https:\u002F\u002Fchromewebstore.google.com\u002Fdetail\u002Fweb-highlights-pdf-web-hi\u002Fhldjnlbobkdkghfidgoecgmklcemanhm\">\n    PDF & Web Highlighter Chrome Extension\n  \u003C\u002Fa>\n  , Web Highlights, is the perfect tool for using the CODE technique.\n\u003C\u002Fp>\n\u003Cfigure class=\"kg-card kg-image-card kg-card-hascaption\">\n  \u003Cimg\n    src=\"\u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F10\u002Fimage-6.webp\"\n    class=\"kg-image\"\n    alt=\"Item logo image for Web Highlights - PDF & Web Highlighter Web Highlights - PDF & Web Highlighter web-highlights.com Featured 4.8 (2.6K ratings) Extension Workflow & Planning 100,000 users\"\n    loading=\"lazy\"\n    width=\"1486\"\n    height=\"354\"\n    srcset=\"\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F10\u002Fimage-6.webp   600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F10\u002Fimage-6.webp 1000w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F10\u002Fimage-6.webp            1486w\n    \"\n    sizes=\"(min-width: 720px) 720px\"\n  \u002F>\n  \u003Cfigcaption>\n    \u003Ca href=\"https:\u002F\u002Fchromewebstore.google.com\u002Fdetail\u002Fweb-highlights-pdf-web-hi\u002Fhldjnlbobkdkghfidgoecgmklcemanhm\">\n      \u003Cspan style=\"white-space: pre-wrap\">Web Highlights - PDF & Web Highlighter\u003C\u002Fspan>\n    \u003C\u002Fa>\n  \u003C\u002Ffigcaption>\n\u003C\u002Ffigure>\n\u003Cp>\n  With over 100,000 users in the Google Chrome Store, it's popular for its simple approach. Here’s how it can help you\n  with each of the four steps of the CODE technique.\n\u003C\u002Fp>\n\u003Ch4 id=\"1-capture-highlight-websites-pdfs\">1. Capture: Highlight Websites & PDFs\u003C\u002Fh4>\n\u003Cp>\n  In the capture phase of the CODE-method, we focus on simply adding content to our second brain so that we don’t need\n  to remember it.\n\u003C\u002Fp>\n\u003Cfigure class=\"kg-card kg-image-card kg-card-hascaption\">\n  \u003Cimg\n    src=\"https:\u002F\u002Fcdn-images-1.medium.com\u002Fmax\u002F1600\u002F0*rfOnqhE8aoCWbZtX\"\n    class=\"kg-image\"\n    alt=\"Highlight website with Web Highlights\"\n    loading=\"lazy\"\n    width=\"1200\"\n    height=\"529\"\n  \u002F>\n  \u003Cfigcaption>\n    \u003Cspan style=\"white-space: pre-wrap\">Highlight website with\u003C\u002Fspan>\n    \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002F\" target=\"_blank\" rel=\"noopener\">\n      \u003Cspan style=\"white-space: pre-wrap\">Web Highlights\u003C\u002Fspan>\n    \u003C\u002Fa>\n  \u003C\u002Ffigcaption>\n\u003C\u002Ffigure>\n\u003Cp>\n  Web Highlights is perfect for this as you can easily highlight any website or PDF in your browser. You can choose from\n  different colors, take notes, and organize your highlights with tags.\n\u003C\u002Fp>\n\u003Cblockquote>\n  💡\n  \u003Cstrong>Example\u003C\u002Fstrong>\n  : You find an interesting article on a website but aren’t sure how it might be useful later. To save it for future\n  reference, you highlight the important parts and store it in your Web Highlights collection, knowing you can easily\n  find it whenever you need it.\n\u003C\u002Fblockquote>\n\u003Ch4 id=\"2-organize-use-tags-to-organize-research\">2. Organize: Use Tags to Organize Research\u003C\u002Fh4>\n\u003Cp>\n  Web Highlights allows you to create tags and take notes, making it easy to sort your highlights into Projects, Areas,\n  Resources, and Archives.\n\u003C\u002Fp>\n\u003Cfigure class=\"kg-card kg-image-card kg-card-hascaption\">\n  \u003Cimg\n    src=\"https:\u002F\u002Fcdn-images-1.medium.com\u002Fmax\u002F1600\u002F0*CGVKMrltRoI3ngMD\"\n    class=\"kg-image\"\n    alt=\"Create tags & notes with Web Highlights\"\n    loading=\"lazy\"\n    width=\"1200\"\n    height=\"383\"\n  \u002F>\n  \u003Cfigcaption>\n    \u003Cspan style=\"white-space: pre-wrap\">Create tags & notes with\u003C\u002Fspan>\n    \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002F\" target=\"_blank\" rel=\"noopener\">\n      \u003Cspan style=\"white-space: pre-wrap\">Web Highlights\u003C\u002Fspan>\n    \u003C\u002Fa>\n  \u003C\u002Ffigcaption>\n\u003C\u002Ffigure>\n\u003Cp>\n  For instance, I recently wrote an article about Web Components. I searched for sources on the Internet and marked text\n  passages from articles using Web Highlights. I tagged them with “project + Web Components Article” and could easily\n  find all the crucial details I needed in one spot.\n\u003C\u002Fp>\n\u003Cblockquote>\n  \u003Cem>\n    💡\n    \u003Cstrong>Example\u003C\u002Fstrong>\n    : If you’re working on a project, you can highlight important information with Web Highlights and add tags like\n    “project + [project name]” or “area + [area name]”. Later, you can filter for those tags to find all related\n    content. This makes it incredibly easy to keep your research organized and accessible.\n  \u003C\u002Fem>\n\u003C\u002Fblockquote>\n\u003Ch4 id=\"3-distill-use-formatted-highlighting-and-export-features\">\n  3. Distill: Use formatted highlighting and export features\n\u003C\u002Fh4>\n\u003Cp>\n  In the distill step of the CODE method, the goal is to make the content we’ve captured more useful for the\n  future. \n\u003C\u002Fp>\n\u003Cfigure class=\"kg-card kg-image-card kg-card-hascaption\">\n  \u003Cimg\n    src=\"https:\u002F\u002Fcdn-images-1.medium.com\u002Fmax\u002F1600\u002F1*bATenZaLqDdsRBCN1MPDZw.png\"\n    class=\"kg-image\"\n    alt=\"Formatted Highlighting with Web Highlights\"\n    loading=\"lazy\"\n    width=\"1600\"\n    height=\"922\"\n  \u002F>\n  \u003Cfigcaption>\n    \u003Cspan style=\"white-space: pre-wrap\">Formatted Highlighting with\u003C\u002Fspan>\n    \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002F\" target=\"_blank\" rel=\"noopener\">\n      \u003Cspan style=\"white-space: pre-wrap\">Web Highlights\u003C\u002Fspan>\n    \u003C\u002Fa>\n  \u003C\u002Ffigcaption>\n\u003C\u002Ffigure>\n\u003Cp>\n  Web Highlights is great for this because it lets you easily use the\n  \u003Ca\n    href=\"https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Fthe-art-of-summarization-tiago-fortes-progressive-highlighting-2-0-technique-in-action\u002F\"\n    rel=\"noopener\"\n  >\n    Progressive Highlighting technique\n  \u003C\u002Fa>\n  directly within the tool. With the\n  \u003Ca\n    href=\"https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Fformatted-highlighting-will-change-your-highlighting-experience\u002F\"\n    rel=\"noopener\"\n  >\n    advanced highlighting mode\n  \u003C\u002Fa>\n  , you can format your highlights as headings, bullet points, or quotes, making it easier to distill the essence of\n  your notes.\n\u003C\u002Fp>\n\u003Cp>\n   This structured approach helps you focus on the key points and makes your notes more readable and organized.\n\u003C\u002Fp>\n\u003Cblockquote>\n  💡\n  \u003Cstrong>Example\u003C\u002Fstrong>\n  : After highlighting key points in an article, use the advanced highlighting mode to format the most important\n  sentences as headings or bullet points. This not only makes your notes visually appealing but also ensures that when\n  you revisit them, you can quickly grasp the essential information without wading through unnecessary details.\n\u003C\u002Fblockquote>\n\u003Cfigure class=\"kg-card kg-bookmark-card\">\n  \u003Ca\n    class=\"kg-bookmark-container\"\n    href=\"https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Fformatted-highlighting-will-change-your-highlighting-experience\u002F\"\n  >\n    \u003Cdiv class=\"kg-bookmark-content\">\n      \u003Cdiv class=\"kg-bookmark-title\">Formatted Highlighting Will Change Your Highlighting Experience\u003C\u002Fdiv>\n      \u003Cdiv class=\"kg-bookmark-description\">\n        Discover how formatted highlighting transforms your reading experience. Learn tips and techniques to make your…\n      \u003C\u002Fdiv>\n      \u003Cdiv class=\"kg-bookmark-metadata\">\u003Cspan class=\"kg-bookmark-author\">web-highlights.com\u003C\u002Fspan>\u003C\u002Fdiv>\n    \u003C\u002Fdiv>\n    \u003Cdiv class=\"kg-bookmark-thumbnail\">\n      \u003Cimg\n        src=\"https:\u002F\u002Fcdn-images-1.medium.com\u002Ffit\u002Fc\u002F320\u002F320\u002F0*286CUwluvRmxKAxM\"\n        alt=\"\"\n        onerror=\"this.style.display = 'none'\"\n      \u002F>\n    \u003C\u002Fdiv>\n  \u003C\u002Fa>\n\u003C\u002Ffigure>\n\u003Ch4 id=\"4-express-share-your-highlighted-content-with-others\">\n  4. Express: Share your highlighted content with others\n\u003C\u002Fh4>\n\u003Cp>The final step of the ‘CODE’ technique is to express your work by making it useful for others. \u003C\u002Fp>\n\u003Cp>\n  In Web Highlights, your content is private by default, but you can choose to share it. By doing so, you can post an\n  interesting article to our discover feed and share your highlights to inspire others.\n\u003C\u002Fp>\n\u003Cblockquote>\n  💡\n  \u003Cstrong>Example\u003C\u002Fstrong>\n  : You’ve read a fascinating article and highlighted insightful sections using the advanced formatting options. With\n  Web Highlights, you can share this page to our\n  \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdiscover\" rel=\"noopener\">discover feed\u003C\u002Fa>\n  . This not only helps others benefit from your research but also reinforces your understanding by teaching others.\n\u003C\u002Fblockquote>\n\u003Chr \u002F>\n\u003Cp>Thanks for reading! I hope Tiago Forte’s CODE-Method helps you make organizing your Second Brain more helpful.\u003C\u002Fp>\n\u003Cp>\n  With over 140,000 users and an average rating of 4.8 stars in the Google Chrome Store,\n  \u003Cstrong>Web Highlights\u003C\u002Fstrong>\n  makes digital organization simple. It’s free to use, and no account is required. You can\n  \u003Ca href=\"https:\u002F\u002Ftooltivity.com\u002Fextensions\u002Fweb-highlights\u002Finstall\" rel=\"noopener\">install it here\u003C\u002Fa>\n  .\n\u003C\u002Fp>\n\u003Cfigure class=\"kg-card kg-bookmark-card\">\n  \u003Ca class=\"kg-bookmark-container\" href=\"https:\u002F\u002Ftooltivity.com\u002Fextensions\u002Fweb-highlights\u002Finstall\">\n    \u003Cdiv class=\"kg-bookmark-content\">\n      \u003Cdiv class=\"kg-bookmark-title\">Install Web Highlights on Your Browser\u003C\u002Fdiv>\n      \u003Cdiv class=\"kg-bookmark-description\">\n        Web Highlights is available for Chrome Web Store, Microsoft Edge Store, Brave, Vivaldi, and Opera. Choose your\n        browser…\n      \u003C\u002Fdiv>\n      \u003Cdiv class=\"kg-bookmark-metadata\">\u003Cspan class=\"kg-bookmark-author\">tooltivity.com\u003C\u002Fspan>\u003C\u002Fdiv>\n    \u003C\u002Fdiv>\n    \u003Cdiv class=\"kg-bookmark-thumbnail\">\n      \u003Cimg\n        src=\"https:\u002F\u002Fcdn-images-1.medium.com\u002Ffit\u002Fc\u002F320\u002F320\u002F0*RojFW_dmyRYv18yq\"\n        alt=\"\"\n        onerror=\"this.style.display = 'none'\"\n      \u002F>\n    \u003C\u002Fdiv>\n  \u003C\u002Fa>\n\u003C\u002Ffigure>\n","Marius Bongarts","https:\u002F\u002Fwww.facebook.com\u002FMariusBongartsWeb","\u002Fblog\u002Fcontent\u002Fimages\u002F2022\u002F08\u002FIMG_7861_Square.jpeg","https:\u002F\u002Fmarius-bongarts.de\u002F","Founder & Software Engineer","https:\u002F\u002Ftwitter.com\u002FMariusBongarts",1807,[38,67,83],{"id":39,"slug":40,"title":41,"description":42,"url":43,"publishedAt":44,"createdAt":45,"updatedAt":46,"featured":19,"readingTime":47,"tags":48,"imageUrl":49,"imageAlt":50,"faviconUrl":51,"publishedAtString":44,"category":52,"readTimeString":66},"68aef936fe649d2cf780027d","how-to-highlight-in-obsidian-and-maximize-your-note-taking-experience","How to Highlight in Obsidian (and Maximize Your Note-Taking Experience)","Learn how to highlight in Obsidian using Markdown and Web Highlights. Add colors, tags, notes, and one-click export for faster, cleaner notes.","https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Fhow-to-highlight-in-obsidian-and-maximize-your-note-taking-experience\u002F","2025-09-01T12:42:09.000+00:00","2025-08-27T12:25:26.000+00:00","2026-04-09T12:54:14.000+00:00",9,[],"https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Fcontent\u002Fimages\u002F2025\u002F09\u002Fhow-to-highlight-in-obsidian.webp","Person sitting at a desk using a tablet and laptop, with highlighted notes on the tablet screen.","https:\u002F\u002Fweb-highlights.com\u002Ffavicon.ico",[53,59],{"type":24,"title":54,"shortTitle":55,"icon":56,"description":57,"excerpt":58},"Second Brain & PARA with Web Highlights","Second brain","brain","Build a second brain from what you read online. Connect PARA, progressive summarization, and exports into Notion or Obsidian with Web Highlights.","Your second brain is only as good as what flows into it. Web Highlights captures highlights and notes from the open web and PDFs in a format you can export and refine—so ideas from articles become durable notes instead of forgotten tabs.",{"type":60,"title":61,"shortTitle":62,"icon":63,"description":64,"excerpt":65},"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.","9 min read",{"id":68,"slug":69,"title":70,"description":71,"url":72,"publishedAt":73,"createdAt":74,"updatedAt":73,"featured":19,"readingTime":75,"tags":76,"imageUrl":78,"imageAlt":79,"faviconUrl":51,"publishedAtString":73,"category":80,"readTimeString":82},"6716203eb98706751d677af2","turn-obsidian-into-an-ai-powered-second-brain-using-cursor","Turn Obsidian Into an AI-Powered Second Brain Using Cursor","Transform your Obsidian into an AI-powered second brain using Cursor! Learn how to integrate AI for smarter note searching and management.","https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Fturn-obsidian-into-an-ai-powered-second-brain-using-cursor\u002F","2024-10-27T16:55:51.000+00:00","2024-10-21T09:34:54.000+00:00",6,[23,77],"AI","https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F10\u002Fthumbnail-min.png","Turn Obsidian Into an AI-Powered Second Brain Using Cursor",[81],{"type":24,"title":54,"shortTitle":55,"icon":56,"description":57,"excerpt":58},"6 min read",{"id":84,"slug":85,"title":86,"description":87,"url":88,"publishedAt":89,"createdAt":90,"updatedAt":91,"featured":19,"readingTime":20,"tags":92,"imageUrl":93,"imageAlt":94,"faviconUrl":51,"publishedAtString":89,"category":95,"readTimeString":103},"66f2e715e07b961e2f231b0f","master-your-second-brain-part-1-how-to-use-the-para-method","Organize Your Second Brain: Part 1 —  How to Use the PARA Method","Feeling overwhelmed by digital chaos? Explore the PARA Method by Tiago Forte and learn how to organize your digital second brain for a more productive life!","https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Fmaster-your-second-brain-part-1-how-to-use-the-para-method\u002F","2024-09-24T16:40:44.000+00:00","2024-09-24T16:21:41.000+00:00","2024-10-20T16:28:26.000+00:00",[26,23],"https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F09\u002Fthumbnail.png","Dark background image with bulb and web-highlights.com logo with text overlay mentioning title",[96,97],{"type":24,"title":54,"shortTitle":55,"icon":56,"description":57,"excerpt":58},{"type":98,"title":99,"shortTitle":100,"icon":56,"description":101,"excerpt":102},"knowledge-management","Knowledge Management with Web Highlights","Knowledge Management","Stop losing great ideas to scattered bookmarks and forgotten tabs. Web Highlights helps you organize, connect, and resurface everything you read online.","If your highlights live in ten different places, you don’t have a system—you have noise. Web Highlights is built to capture structured notes from the open web and PDFs, then sync and export them into the tools where you already think (Notion, Obsidian, and more).","8 min read"]