-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
8 changed files
with
357 additions
and
34 deletions.
There are no files selected for viewing
Binary file not shown.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
|
|
@@ -5,9 +5,49 @@ | |
| <link>https://thedeven.org/</link> | ||
| <atom:link href="https://thedeven.org/feed/feed.xml" rel="self" type="application/rss+xml" /> | ||
| <description>Developer for Developer to make your (work) life easier!</description> | ||
| <pubDate>Tue, 19 Mar 2024 01:00:00 +0000</pubDate> | ||
| <pubDate>Tue, 02 Apr 2024 02:00:00 +0000</pubDate> | ||
| <managingEditor>[email protected] (Ola Gasidlo-Brändel)</managingEditor> | ||
|
|
||
| <item> | ||
| <title>Newsletter 012</title> | ||
| <link>https://thedeven.org/posts/20240402-newsletter-012/</link> | ||
| <description><h2 id="%E2%9C%A8-happy-3-2-1-treats-day!%E2%9C%A8" tabindex="-1"><a class="bookmark" href="https://thedeven.org/posts/20240402-newsletter-012/#%E2%9C%A8-happy-3-2-1-treats-day!%E2%9C%A8"><span>✨ Happy 3-2-1 treats day!✨</span></a></h2> | ||
| <p>Good day everyone,</p> | ||
| <p>Welcome to the Easter themed newsletter 🐰</p> | ||
| <p>You might be familiar with the <a href="https://en.wikipedia.org/wiki/Egg_hunt" target="_blank" rel="noopener">egg hunt</a> tradition at Easter, this newsletter is all about hunting the developers favorite egg; the bug.</p> | ||
| <p>As custom I prepared 3 things for learners, 2 things for doers, and 1 question for thinkers to sprinkle some glitter on your day. No matter if you are a learner, a doer, a thinker, two or all of them, we hope you’ll find something to enjoy.</p> | ||
| <h2 id="3-things-for-learners" tabindex="-1"><a class="bookmark" href="https://thedeven.org/posts/20240402-newsletter-012/#3-things-for-learners"><span>3 things for learners</span></a></h2> | ||
| <p>Debugging in the browser <br /> | ||
| <a href="https://javascript.info/debugging-chrome" target="_blank" rel="noopener">https://javascript.info/debugging-chrome</a></p> | ||
| <p>A Guide To CSS Debugging<br /> | ||
| <a href="https://www.smashingmagazine.com/2021/10/guide-debugging-css/" target="_blank" rel="noopener">https://www.smashingmagazine.com/2021/10/guide-debugging-css/</a></p> | ||
| <p>Javascript Get Stack Trace: Javascript Explained<br /> | ||
| <a href="https://bito.ai/resources/javascript-get-stack-trace-javascript-explained/" target="_blank" rel="noopener">https://bito.ai/resources/javascript-get-stack-trace-javascript-explained/</a></p> | ||
| <h2 id="2-things-for-doers" tabindex="-1"><a class="bookmark" href="https://thedeven.org/posts/20240402-newsletter-012/#2-things-for-doers"><span>2 things for doers</span></a></h2> | ||
| <p>A guide to debugging JavaScript in Visual Studio Code<br /> | ||
| <a href="https://wweb.dev/blog/debugging-javascript-vscode" target="_blank" rel="noopener">https://wweb.dev/blog/debugging-javascript-vscode</a></p> | ||
| <p>JavaScript Debugging Challenge<br /> | ||
| <a href="https://nullprogram.com/blog/2012/11/19/" target="_blank" rel="noopener">https://nullprogram.com/blog/2012/11/19/</a></p> | ||
| <h2 id="1-question-for-thinkers" tabindex="-1"><a class="bookmark" href="https://thedeven.org/posts/20240402-newsletter-012/#1-question-for-thinkers"><span>1 question for thinkers</span></a></h2> | ||
| <p>What is your favorite bug you have ever encountered? | ||
| Mine was a <a href="https://en.wikipedia.org/wiki/Heisenbug" target="_blank" rel="noopener">Heisenbug</a> which took me days to fully track down. | ||
| Share your answer with your colleagues and let them know how the bug was solved eventually.</p> | ||
| <br /> | ||
| <p>Thank you for reading!</p> | ||
| <p>If you have any resources you think your colleagues should know about, please let me know, so it can be added to a future newsletter.<br /> | ||
| Julian from DEVEN</p> | ||
| <br /> | ||
| <p>P.S.: Do you love to challenge yourself a bit? Here is a small gift for you!</p> | ||
| <p>🎁 Below you will find a small coding challenge in every newsletter. Feel free to discuss the challenge with others/your juniors and trainees, with your team or even your cactus. 🌵<br /> | ||
| <a href="https://codepen.io/jumace-the-dev/pen/BaEdmaR?editors=0011" target="_blank" rel="noopener">&gt;&gt; link to challenge &lt;&lt;</a></p> | ||
| <p>This time I also include an advanced challenge which builds on the first one.<br /> | ||
| <a href="https://codepen.io/jumace-the-dev/pen/KKYvZPL?editors=0010" target="_blank" rel="noopener">&gt;&gt; link to second challenge &lt;&lt;</a></p> | ||
| </description> | ||
| <pubDate>Tue, 02 Apr 2024 02:00:00 +0000</pubDate> | ||
| <dc:creator>Julian Cebulla</dc:creator> | ||
| <guid>https://thedeven.org/posts/20240402-newsletter-012/</guid> | ||
| </item> | ||
|
|
||
| <item> | ||
| <title>Newsletter 011</title> | ||
| <link>https://thedeven.org/posts/20240319-newsletter-011/</link> | ||
|
|
||
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,196 @@ | ||
| <!doctype html> | ||
| <html lang="en"> | ||
| <head> | ||
| <meta charset="utf-8"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| <title>Newsletter 012</title> | ||
|
|
||
| <link rel="icon" href="/favicon.ico" sizes="32x32"> | ||
| <link rel="icon" href="/assets/favicon/favicon.svg" type="image/svg+xml"> | ||
| <link rel="apple-touch-icon" href="/assets/favicon/apple-touch-icon.png"> | ||
| <meta name="Description" content="A collection of links for learners, doers and thinkers"> | ||
| <link rel="preload" as="font" href="/assets/fonts/Hey November.woff2" type="font/woff2" crossorigin="anonymous"> | ||
| <link rel="preload" as="font" href="/assets/fonts/SpaceGrotesk.woff2" type="font/woff2" crossorigin="anonymous"> | ||
| <link rel="stylesheet" href="/assets/css/reset.css"> | ||
| <link rel="stylesheet" href="/assets/css/main.css"> | ||
| <link rel="stylesheet" href="/assets/css/home.css"> | ||
| <link rel="stylesheet" href="/assets/css/contributors.css"> | ||
| <link rel="stylesheet" href="/assets/css/project.css"> | ||
| <link rel="stylesheet" href="/assets/css/blog.css"> | ||
| <link rel="stylesheet" href="/assets/css/post-list.css"> | ||
| <link rel="stylesheet" href="/assets/css/richtext.css"> | ||
| <link rel="stylesheet" href="/assets/css/prism-base16-monokai.dark.css"> | ||
| <link rel="alternate" href="/feed/feed.xml" type="application/rss+xml" title="DEVEN - Developer Enablement"> | ||
| <script | ||
| defer="" | ||
| data-website-id="ebc3938a-02c7-4277-8789-cc133e8138f5" | ||
| data-host-url="https://umami-gray-beta.vercel.app/" | ||
| data-domains="thedeven.org" | ||
| src="/assets/js/umami.js"></script> | ||
| </head> | ||
| <body> | ||
| <div class='content-wrapper'> | ||
| <header > | ||
|
|
||
| <div class="navi"> | ||
| <nav class="nav" role="navigation" aria-label="Main"> | ||
| <ul class="nav-links"> | ||
| <li class="nav-item logo"> | ||
| <a href="/">Deven</a> | ||
| </li> | ||
| <li class="nav-item subnav" id="subnav"> | ||
| <button class="subnav-toggle" id="subnav-toggle" aria-expanded="false" onclick="toggleSubnav()">Discover<div class="subnav-chevron"></div> | ||
| </button> | ||
| <div class="subnav-container"> | ||
| <ul> | ||
| <li class="subnav-item"> | ||
| <a href="/#about-deven">About</a> | ||
| </li> | ||
| <li class="subnav-item"> | ||
| <a href="/#tools">Tools</a> | ||
| </li> | ||
| <li class="subnav-item"> | ||
| <a href="/#team">Team</a> | ||
| </li> | ||
| <li class="subnav-item"> | ||
| <a href="/#latest-news">Latest News</a> | ||
| </li> | ||
| </ul> | ||
| <button class="close-btn" onclick="closeSubnav()"> | ||
| <span class="visually-hidden">Close Discover menu</span> | ||
| </button> | ||
| </div> | ||
| </li><li class="nav-item" > | ||
| <a href="/blog/">Blog</a> | ||
| </li><li class="nav-item" > | ||
| <a href="/contributors/">Contributors</a> | ||
| </li></ul> | ||
| </nav> | ||
| </div> | ||
| <div class="header-content"> | ||
|
|
||
|
|
||
|
|
||
| </div> | ||
| </header> | ||
| <main class="tmpl-post" > | ||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
| <article> | ||
| <header class="post-header"> | ||
| <div class="post-header-img"> | ||
| <img src="/assets/images/posts/bunny.webp" alt="" /> | ||
| </div> | ||
| <div> | ||
|
|
||
| <div class="byline"> | ||
|
|
||
|
|
||
| <img src="/assets/images/authors/julian.webp" alt="" /> | ||
|
|
||
| <address>Julian Cebulla</address> | ||
|
|
||
| <span class="byline-separator" aria-hidden="true">|</span> | ||
| <time datetime="2024-04-02"> | ||
| 02 Apr 2024 | ||
| </time> | ||
|
|
||
| </div> | ||
|
|
||
| <h1 class="post-header-title">Newsletter 012</h1> | ||
| </div> | ||
| </header> | ||
| <div class="post-content-wrapper richtext"> <h2 id="%E2%9C%A8-happy-3-2-1-treats-day!%E2%9C%A8" tabindex="-1"><a class="bookmark" href="#%E2%9C%A8-happy-3-2-1-treats-day!%E2%9C%A8"><span>✨ Happy 3-2-1 treats day!✨</span></a></h2> | ||
| <p>Good day everyone,</p> | ||
| <p>Welcome to the Easter themed newsletter 🐰</p> | ||
| <p>You might be familiar with the <a href="https://en.wikipedia.org/wiki/Egg_hunt" target="_blank" rel="noopener">egg hunt</a> tradition at Easter, this newsletter is all about hunting the developers favorite egg; the bug.</p> | ||
| <p>As custom I prepared 3 things for learners, 2 things for doers, and 1 question for thinkers to sprinkle some glitter on your day. No matter if you are a learner, a doer, a thinker, two or all of them, we hope you’ll find something to enjoy.</p> | ||
| <h2 id="3-things-for-learners" tabindex="-1"><a class="bookmark" href="#3-things-for-learners"><span>3 things for learners</span></a></h2> | ||
| <p>Debugging in the browser <br /> | ||
| <a href="https://javascript.info/debugging-chrome" target="_blank" rel="noopener">https://javascript.info/debugging-chrome</a></p> | ||
| <p>A Guide To CSS Debugging<br> | ||
| <a href="https://www.smashingmagazine.com/2021/10/guide-debugging-css/" target="_blank" rel="noopener">https://www.smashingmagazine.com/2021/10/guide-debugging-css/</a></p> | ||
| <p>Javascript Get Stack Trace: Javascript Explained<br /> | ||
| <a href="https://bito.ai/resources/javascript-get-stack-trace-javascript-explained/" target="_blank" rel="noopener">https://bito.ai/resources/javascript-get-stack-trace-javascript-explained/</a></p> | ||
| <h2 id="2-things-for-doers" tabindex="-1"><a class="bookmark" href="#2-things-for-doers"><span>2 things for doers</span></a></h2> | ||
| <p>A guide to debugging JavaScript in Visual Studio Code<br /> | ||
| <a href="https://wweb.dev/blog/debugging-javascript-vscode" target="_blank" rel="noopener">https://wweb.dev/blog/debugging-javascript-vscode</a></p> | ||
| <p>JavaScript Debugging Challenge<br /> | ||
| <a href="https://nullprogram.com/blog/2012/11/19/" target="_blank" rel="noopener">https://nullprogram.com/blog/2012/11/19/</a></p> | ||
| <h2 id="1-question-for-thinkers" tabindex="-1"><a class="bookmark" href="#1-question-for-thinkers"><span>1 question for thinkers</span></a></h2> | ||
| <p>What is your favorite bug you have ever encountered? | ||
| Mine was a <a href="https://en.wikipedia.org/wiki/Heisenbug" target="_blank" rel="noopener">Heisenbug</a> which took me days to fully track down. | ||
| Share your answer with your colleagues and let them know how the bug was solved eventually.</p> | ||
| <br /> | ||
| <p>Thank you for reading!</p> | ||
| <p>If you have any resources you think your colleagues should know about, please let me know, so it can be added to a future newsletter.<br /> | ||
| Julian from DEVEN</p> | ||
| <br /> | ||
| <p>P.S.: Do you love to challenge yourself a bit? Here is a small gift for you!</p> | ||
| <p>🎁 Below you will find a small coding challenge in every newsletter. Feel free to discuss the challenge with others/your juniors and trainees, with your team or even your cactus. 🌵<br /> | ||
| <a href="https://codepen.io/jumace-the-dev/pen/BaEdmaR?editors=0011" target="_blank" rel="noopener">>> link to challenge <<</a></p> | ||
| <p>This time I also include an advanced challenge which builds on the first one.<br/> | ||
| <a href="https://codepen.io/jumace-the-dev/pen/KKYvZPL?editors=0010" target="_blank" rel="noopener">>> link to second challenge <<</a></p> | ||
| </div> | ||
| </article> | ||
|
|
||
| </main> | ||
| <footer class="footer-content"> | ||
| <p id="copyright"></p> | ||
| <a href='/imprint'>Imprint</a> | ||
| </footer> | ||
| </div> | ||
| <script> | ||
| document.getElementById('copyright').innerHTML = `© DEVEN ${ | ||
| new Date().getFullYear() | ||
| }. All rights reserved.`; | ||
| // Subnav handling | ||
| // | ||
| // Since we have to update aria-expanded anyway, we can use it as our source of truth for the state (in JS and CSS). | ||
| document.addEventListener('click', function (event) { // listen to outside clicks (only) to close subnav automatically | ||
| const isOutside = !document.getElementById("subnav").contains(event.target); | ||
| const subnavToggle = document.getElementById('subnav-toggle'); | ||
| if (isOutside && subnavToggle.getAttribute("aria-expanded") !== "false") { | ||
| subnavToggle.setAttribute("aria-expanded", "false"); | ||
| } | ||
| }); | ||
| function toggleSubnav() { | ||
| const subnavToggle = document.getElementById('subnav-toggle'); | ||
| if (subnavToggle.getAttribute("aria-expanded") === "false") { | ||
| subnavToggle.setAttribute("aria-expanded", "true"); | ||
| } else { | ||
| subnavToggle.setAttribute("aria-expanded", "false"); | ||
| } | ||
| } | ||
| function closeSubnav() { | ||
| document.getElementById('subnav-toggle').setAttribute("aria-expanded", "false"); | ||
| } | ||
| </script> | ||
| <script> | ||
| document.addEventListener("DOMContentLoaded", () => { | ||
| if (typeof(umami) === 'undefined') { // if umami is not loaded return early | ||
| return; | ||
| } | ||
| // regx to identify posts links and extract post name | ||
| const regExp = /(\/posts\/)(.*)/; | ||
| const match = window | ||
| .location | ||
| .pathname | ||
| .match(regExp); | ||
| if (match && match[1] == "/posts/") { | ||
| const linkElements = document.querySelector("article").querySelectorAll("a"); | ||
| for (let step = 0; step <= linkElements.length - 1; step++) { | ||
| linkElements[step].onclick = () => { | ||
| umami.track(`blog-link-${ | ||
| match[2] | ||
| }`, {"url": linkElements[step].href}) | ||
| } | ||
| } | ||
| } | ||
| }); | ||
| </script> | ||
| </body> | ||
| </html> |
Oops, something went wrong.