{"id":24,"date":"2026-09-30T16:59:37","date_gmt":"2026-09-30T16:59:37","guid":{"rendered":"https:\/\/benjaminolsen.dev\/?page_id=24"},"modified":"2026-09-30T19:12:26","modified_gmt":"2026-09-30T19:12:26","slug":"guides","status":"publish","type":"page","link":"https:\/\/benjaminolsen.dev\/index.php\/guides\/","title":{"rendered":"Learn"},"content":{"rendered":"<div class=\"oxy-container-24-127 oxy-container bo-page\"><header class=\"oxy-container-24-105 oxy-container bo-header\"><a class=\"oxy-text-link-24-100 oxy-text-link bo-brand\" href=\"\/\" target=\"_self\">\nBenjamin Olsen\n<\/a><nav class=\"oxy-container-24-104 oxy-container bo-nav\" aria-label=\"Main navigation\"><a class=\"oxy-text-link-24-101 oxy-text-link bo-nav-link\" href=\"https:\/\/benjaminolsen.dev\/index.php\/tools\/\" target=\"_self\">\nTools\n<\/a><a class=\"oxy-text-link-24-102 oxy-text-link bo-nav-link\" href=\"https:\/\/benjaminolsen.dev\/index.php\/guides\/\" target=\"_self\">\nLearn\n<\/a><a class=\"oxy-text-link-24-103 oxy-text-link bo-nav-link\" href=\"https:\/\/benjaminolsen.dev\/index.php\/about\/\" target=\"_self\">\nAbout\n<\/a><\/nav><\/header><main class=\"oxy-container-24-123 oxy-container bo-main\"><section class=\"oxy-container-24-146 oxy-container bo-page-head\"><p class=\"oxy-text-24-142 oxy-text bo-eyebrow\">\nLearn something useful\n<\/p><h1 class=\"oxy-text-24-143 oxy-text bo-page-title\">\nLearn\n<\/h1><p class=\"oxy-text-24-144 oxy-text bo-page-intro\">\nPick a topic. Build something useful. Solve a real problem.\n<\/p><p class=\"oxy-text-24-145 oxy-text bo-page-copy\">\nPractical guides, quick tips and documentation, organized around what you want to learn.\n<\/p><\/section><section class=\"oxy-container-24-148 oxy-container bo-topic-grid\" aria-label=\"Learning topics\"><div class=\"bde-term-loop-24-147 bde-term-loop\"><!-- Loop Item --><article class=\"oxy-container-605-108-605-1 oxy-container bo-topic-card oxy-container-605-108\"><h2 class=\"oxy-container-605-101-605-1 oxy-container bo-topic-title oxy-container-605-101\"><a class=\"oxy-text-link-605-100-605-1 oxy-text-link bo-topic-link oxy-text-link-605-100\" href=\"https:\/\/benjaminolsen.dev\/index.php\/learn\/breakdance-extensions\/\" target=\"_self\">\nBreakdance Extensions\n<\/a><\/h2><div class=\"oxy-text-605-102-605-1 oxy-text bo-topic-description oxy-text-605-102\">\n<p>Explore Breakdance element recipes for Oxygen, extension setup, dependencies and practical examples. Check version requirements before choosing an element.<\/p>\n\n<\/div><p class=\"oxy-container-605-105-605-1 oxy-container bo-topic-count oxy-container-605-105\"><span class=\"oxy-text-605-103-605-1 oxy-text oxy-text-605-103\">\n146\n<\/span><span class=\"oxy-text-605-104-605-1 oxy-text oxy-text-605-104\">\nresources\n<\/span><\/p><a class=\"oxy-container-link-605-107-605-1 oxy-container-link bo-topic-cta oxy-container-link-605-107\" href=\"https:\/\/benjaminolsen.dev\/index.php\/learn\/breakdance-extensions\/\" target=\"_self\"><div class=\"oxy-text-605-106-605-1 oxy-text oxy-text-605-106\">\nExplore topic \u2192\n<\/div><\/a><\/article><!-- Loop Item --><article class=\"oxy-container-605-108-605-2 oxy-container bo-topic-card oxy-container-605-108\"><h2 class=\"oxy-container-605-101-605-2 oxy-container bo-topic-title oxy-container-605-101\"><a class=\"oxy-text-link-605-100-605-2 oxy-text-link bo-topic-link oxy-text-link-605-100\" href=\"https:\/\/benjaminolsen.dev\/index.php\/learn\/css-web-design\/\" target=\"_self\">\nCSS &amp; Web Design\n<\/a><\/h2><div class=\"oxy-text-605-102-605-2 oxy-text bo-topic-description oxy-text-605-102\">\n<p>Practical guides and tips for fluid typography, spacing, color contrast and choosing useful web tools. Apply the examples to your next layout.<\/p>\n\n<\/div><p class=\"oxy-container-605-105-605-2 oxy-container bo-topic-count oxy-container-605-105\"><span class=\"oxy-text-605-103-605-2 oxy-text oxy-text-605-103\">\n4\n<\/span><span class=\"oxy-text-605-104-605-2 oxy-text oxy-text-605-104\">\nresources\n<\/span><\/p><a class=\"oxy-container-link-605-107-605-2 oxy-container-link bo-topic-cta oxy-container-link-605-107\" href=\"https:\/\/benjaminolsen.dev\/index.php\/learn\/css-web-design\/\" target=\"_self\"><div class=\"oxy-text-605-106-605-2 oxy-text oxy-text-605-106\">\nExplore topic \u2192\n<\/div><\/a><\/article><!-- Loop Item --><article class=\"oxy-container-605-108-605-3 oxy-container bo-topic-card oxy-container-605-108\"><h2 class=\"oxy-container-605-101-605-3 oxy-container bo-topic-title oxy-container-605-101\"><a class=\"oxy-text-link-605-100-605-3 oxy-text-link bo-topic-link oxy-text-link-605-100\" href=\"https:\/\/benjaminolsen.dev\/index.php\/learn\/oxygen-6\/\" target=\"_self\">\nOxygen 6\n<\/a><\/h2><div class=\"oxy-text-605-102-605-3 oxy-text bo-topic-description oxy-text-605-102\">\n<p>Learn native Oxygen 6 elements, build reusable layouts and components, and work with dynamic content. Find task-based tutorials and individual element references.<\/p>\n\n<\/div><p class=\"oxy-container-605-105-605-3 oxy-container bo-topic-count oxy-container-605-105\"><span class=\"oxy-text-605-103-605-3 oxy-text oxy-text-605-103\">\n24\n<\/span><span class=\"oxy-text-605-104-605-3 oxy-text oxy-text-605-104\">\nresources\n<\/span><\/p><a class=\"oxy-container-link-605-107-605-3 oxy-container-link bo-topic-cta oxy-container-link-605-107\" href=\"https:\/\/benjaminolsen.dev\/index.php\/learn\/oxygen-6\/\" target=\"_self\"><div class=\"oxy-text-605-106-605-3 oxy-text oxy-text-605-106\">\nExplore topic \u2192\n<\/div><\/a><\/article><\/div><\/section><section class=\"oxy-container-24-152 oxy-container bo-learn-search-all\"><h2 class=\"oxy-text-24-149 oxy-text bo-learn-heading\">\nLooking for something specific?\n<\/h2><a class=\"oxy-text-link-24-150 oxy-text-link bo-inline-link\" href=\"https:\/\/benjaminolsen.dev\/index.php\/resources\/\" target=\"_self\">\nSearch all resources \u2192\n<\/a><p class=\"oxy-text-24-151 oxy-text bo-learn-help\">\nGuides walk you through a task. Tips offer a focused improvement. Articles explain a decision. Inside documentation topics, use Tutorials and Element reference to find the kind of help you need.\n<\/p><\/section><\/main><footer class=\"oxy-container-24-126 oxy-container bo-footer\"><p class=\"oxy-text-24-124 oxy-text\">\nBenjamin Olsen \u00b7 Useful tools. Practical guides.\n<\/p><a class=\"oxy-text-link-24-125 oxy-text-link bo-nav-link\" href=\"https:\/\/benjaminolsen.dev\/index.php\/guides\/\" target=\"_self\">\nExplore topics\n<\/a><\/footer><\/div>","protected":false},"excerpt":{"rendered":"<p>Benjamin Olsen Tools Learn About Learn something useful Learn Pick a topic. Build something useful. Solve a real problem. Practical guides, quick tips and documentation, organized around what you want to learn. Breakdance Extensions Explore Breakdance element recipes for Oxygen, extension setup, dependencies and practical examples. Check version requirements before choosing an element. 146 resources [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_oxygen_hide_in_design_set":false,"_oxygen_tags":"","footnotes":""},"class_list":["post-24","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Learn: Practical Guides &amp; Documentation | Benjamin Olsen<\/title>\n<meta name=\"description\" content=\"Explore practical guides, tips and documentation by topic. Learn Oxygen 6, Breakdance Extensions, CSS and web design with useful examples.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/benjaminolsen.dev\/index.php\/guides\/\" \/>\n<meta property=\"og:locale\" content=\"da_DK\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Learn: Practical Guides &amp; Documentation | Benjamin Olsen\" \/>\n<meta property=\"og:description\" content=\"Explore practical guides, tips and documentation by topic. Learn Oxygen 6, Breakdance Extensions, CSS and web design with useful examples.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/benjaminolsen.dev\/index.php\/guides\/\" \/>\n<meta property=\"og:site_name\" content=\"Benjamin Olsen\" \/>\n<meta property=\"article:modified_time\" content=\"2026-09-30T19:12:26+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/benjaminolsen.dev\\\/index.php\\\/guides\\\/\",\"url\":\"https:\\\/\\\/benjaminolsen.dev\\\/index.php\\\/guides\\\/\",\"name\":\"Learn: Practical Guides & Documentation | Benjamin Olsen\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/benjaminolsen.dev\\\/#website\"},\"datePublished\":\"2026-09-30T16:59:37+00:00\",\"dateModified\":\"2026-09-30T19:12:26+00:00\",\"description\":\"Explore practical guides, tips and documentation by topic. Learn Oxygen 6, Breakdance Extensions, CSS and web design with useful examples.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/benjaminolsen.dev\\\/index.php\\\/guides\\\/#breadcrumb\"},\"inLanguage\":\"da-DK\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/benjaminolsen.dev\\\/index.php\\\/guides\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/benjaminolsen.dev\\\/index.php\\\/guides\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/benjaminolsen.dev\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Learn\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/benjaminolsen.dev\\\/#website\",\"url\":\"https:\\\/\\\/benjaminolsen.dev\\\/\",\"name\":\"Benjamin Olsen\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/benjaminolsen.dev\\\/#\\\/schema\\\/person\\\/aee4e89bcb6704d860babf7ba16a0b8d\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/benjaminolsen.dev\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"da-DK\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\\\/\\\/benjaminolsen.dev\\\/#\\\/schema\\\/person\\\/aee4e89bcb6704d860babf7ba16a0b8d\",\"name\":\"Benjamin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"da-DK\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/fda08b9a3a73cd1a57fc39c2a767fb6441b2dbf176857221a8da88161187eeb1?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/fda08b9a3a73cd1a57fc39c2a767fb6441b2dbf176857221a8da88161187eeb1?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/fda08b9a3a73cd1a57fc39c2a767fb6441b2dbf176857221a8da88161187eeb1?s=96&d=mm&r=g\",\"caption\":\"Benjamin\"},\"logo\":{\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/fda08b9a3a73cd1a57fc39c2a767fb6441b2dbf176857221a8da88161187eeb1?s=96&d=mm&r=g\"},\"sameAs\":[\"http:\\\/\\\/benjaminolsen.dev\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Learn: Practical Guides & Documentation | Benjamin Olsen","description":"Explore practical guides, tips and documentation by topic. Learn Oxygen 6, Breakdance Extensions, CSS and web design with useful examples.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/benjaminolsen.dev\/index.php\/guides\/","og_locale":"da_DK","og_type":"article","og_title":"Learn: Practical Guides & Documentation | Benjamin Olsen","og_description":"Explore practical guides, tips and documentation by topic. Learn Oxygen 6, Breakdance Extensions, CSS and web design with useful examples.","og_url":"https:\/\/benjaminolsen.dev\/index.php\/guides\/","og_site_name":"Benjamin Olsen","article_modified_time":"2026-09-30T19:12:26+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/benjaminolsen.dev\/index.php\/guides\/","url":"https:\/\/benjaminolsen.dev\/index.php\/guides\/","name":"Learn: Practical Guides & Documentation | Benjamin Olsen","isPartOf":{"@id":"https:\/\/benjaminolsen.dev\/#website"},"datePublished":"2026-09-30T16:59:37+00:00","dateModified":"2026-09-30T19:12:26+00:00","description":"Explore practical guides, tips and documentation by topic. Learn Oxygen 6, Breakdance Extensions, CSS and web design with useful examples.","breadcrumb":{"@id":"https:\/\/benjaminolsen.dev\/index.php\/guides\/#breadcrumb"},"inLanguage":"da-DK","potentialAction":[{"@type":"ReadAction","target":["https:\/\/benjaminolsen.dev\/index.php\/guides\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/benjaminolsen.dev\/index.php\/guides\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/benjaminolsen.dev\/"},{"@type":"ListItem","position":2,"name":"Learn"}]},{"@type":"WebSite","@id":"https:\/\/benjaminolsen.dev\/#website","url":"https:\/\/benjaminolsen.dev\/","name":"Benjamin Olsen","description":"","publisher":{"@id":"https:\/\/benjaminolsen.dev\/#\/schema\/person\/aee4e89bcb6704d860babf7ba16a0b8d"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/benjaminolsen.dev\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"da-DK"},{"@type":["Person","Organization"],"@id":"https:\/\/benjaminolsen.dev\/#\/schema\/person\/aee4e89bcb6704d860babf7ba16a0b8d","name":"Benjamin","image":{"@type":"ImageObject","inLanguage":"da-DK","@id":"https:\/\/secure.gravatar.com\/avatar\/fda08b9a3a73cd1a57fc39c2a767fb6441b2dbf176857221a8da88161187eeb1?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/fda08b9a3a73cd1a57fc39c2a767fb6441b2dbf176857221a8da88161187eeb1?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/fda08b9a3a73cd1a57fc39c2a767fb6441b2dbf176857221a8da88161187eeb1?s=96&d=mm&r=g","caption":"Benjamin"},"logo":{"@id":"https:\/\/secure.gravatar.com\/avatar\/fda08b9a3a73cd1a57fc39c2a767fb6441b2dbf176857221a8da88161187eeb1?s=96&d=mm&r=g"},"sameAs":["http:\/\/benjaminolsen.dev"]}]}},"_links":{"self":[{"href":"https:\/\/benjaminolsen.dev\/index.php\/wp-json\/wp\/v2\/pages\/24","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/benjaminolsen.dev\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/benjaminolsen.dev\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/benjaminolsen.dev\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/benjaminolsen.dev\/index.php\/wp-json\/wp\/v2\/comments?post=24"}],"version-history":[{"count":12,"href":"https:\/\/benjaminolsen.dev\/index.php\/wp-json\/wp\/v2\/pages\/24\/revisions"}],"predecessor-version":[{"id":615,"href":"https:\/\/benjaminolsen.dev\/index.php\/wp-json\/wp\/v2\/pages\/24\/revisions\/615"}],"wp:attachment":[{"href":"https:\/\/benjaminolsen.dev\/index.php\/wp-json\/wp\/v2\/media?parent=24"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}