Skip to content

Commit

Permalink
feat: add newsletter 013
Browse files Browse the repository at this point in the history
  • Loading branch information
@Jumace @s2-julceb
Jumace authored and s2-julceb committed Apr 23, 2024
1 parent 27c6423 commit b23d3f5
Show file tree
Hide file tree
Showing 9 changed files with 356 additions and 35 deletions.
Binary file added docs/assets/images/posts/video.webp
View file
Binary file not shown.
22 changes: 22 additions & 0 deletions docs/blog/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -103,6 +103,28 @@ <h1>
<div class="post-list">


<article>
<a class="post-link" href=/posts/20240423-newsletter-013/ aria-label="Newsletter 013 - A collection of links for learners, doers and thinkers">
<img src="/assets/images/posts/video.webp" alt="" />
<div class="content">

<div class="byline">


<img src="/assets/images/authors/julian.webp" alt="" />

<address>Julian Cebulla</address>

</div>

<h2 class="title">Newsletter 013</h2>
<p>A collection of links for learners, doers and thinkers</p>
</div>
</a>
</article>



<article>
<a class="post-link" href=/posts/20240402-newsletter-012/ aria-label="Newsletter 012 - A collection of links for learners, doers and thinkers">
<img src="/assets/images/posts/bunny.webp" alt="" />
Expand Down
4 changes: 2 additions & 2 deletions docs/boiler/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -90,7 +90,7 @@ <h2 id="what-is-it%3F" tabindex="-1"><a class="bookmark" href="#what-is-it%3F"><

<div class="project-info richtext"><h2 id="introduction" tabindex="-1"><a class="bookmark" href="#introduction"><span>Introduction</span></a></h2>
<p>B01LER is a fully customisable design system (DS) that enables you to easily create cohesive and consistent digital products across multiple platforms and brands.</p>
<p>B01LER provides pre-built components that exist <strong>as designs</strong> in the form of a <a href="https://boilerds.com/boilerds/B01LER%20%5Bv0.2%20-alpha%20release%5D.fig" target="_blank" rel="noopener">component library in Figma</a>, and <strong>as code</strong> in the form of a <a href="https://github.com/deven-org/boiler" target="_blank" rel="noopener">forkable repository</a>.</p>
<p>B01LER provides pre-built components that exist <strong>as designs</strong> in the form of a <a href="https://www.figma.com/community/file/1354113903886620358" target="_blank" rel="noopener">component library in Figma</a>, and <strong>as code</strong> in the form of a <a href="https://github.com/deven-org/boiler" target="_blank" rel="noopener">forkable repository</a>.</p>
<p>The design and code implementations of the components are connected via a shared <strong>token system</strong>. A token system is a collection of values which represent the visual properties of a design system, such as typography, color and spacing.</p>
<p>Utilizing tokens, B01LER is simultaneously consistent and flexible. By changing the tokens, you have the power to change the appearance of the whole design, including all the components and all the digital products build with it. In Figma and in code.</p>
<p>Overall, B01LER is a powerful tool that helps you work smarter, not harder. By streamlining the design and development processes B01LER empowers you to create better products faster.</p>
Expand All @@ -105,7 +105,7 @@ <h3 id="benefits-of-b01ler" tabindex="-1"><a class="bookmark" href="#benefits-of
<h2 id="resources" tabindex="-1"><a class="bookmark" href="#resources"><span>Resources</span></a></h2>
<ul>
<li><a href="https://boilerds.com/" target="_blank" rel="noopener">Browse through our website</a></li>
<li><a href="https://boilerds.com/boilerds/B01LER%20%5Bv0.2%20-alpha%20release%5D.fig" target="_blank" rel="noopener">Download our Figma File</a> (Accenture-internal: <a href="https://www.figma.com/file/kG44mSWhEp2VcMvMqbJrRY/B01LER-%5Bv0.2--alpha-release%5D?type=design&amp;node-id=1134%3A44297&amp;mode=design&amp;t=D8whh5YvFTH1immB-1" target="_blank" rel="noopener">View on Figma</a>)</li>
<li><a href="https://www.figma.com/community/file/1354113903886620358" target="_blank" rel="noopener">View the Figma File</a></li>
<li><a href="https://github.com/deven-org/boiler" target="_blank" rel="noopener">Check out our code</a></li>
<li><a href="https://b01ler.onrender.com/" target="_blank" rel="noopener">Have a look at our components in Storybook</a></li>
<li><a href="/assets/tools/boiler/20240226_B01LER_CommunityDeck.pdf">Use our community deck</a></li>
Expand Down
41 changes: 40 additions & 1 deletion docs/feed/feed.xml
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,9 +5,48 @@
<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, 02 Apr 2024 02:00:00 +0000</pubDate>
<pubDate>Tue, 23 Apr 2024 02:00:00 +0000</pubDate>
<managingEditor>[email protected] (Ola Gasidlo-Brändel)</managingEditor>

<item>
<title>Newsletter 013</title>
<link>https://thedeven.org/posts/20240423-newsletter-013/</link>
<description>&lt;h2 id=&quot;%E2%9C%A8-happy-3-2-1-treats-day!%E2%9C%A8&quot; tabindex=&quot;-1&quot;&gt;&lt;a class=&quot;bookmark&quot; href=&quot;https://thedeven.org/posts/20240423-newsletter-013/#%E2%9C%A8-happy-3-2-1-treats-day!%E2%9C%A8&quot;&gt;&lt;span&gt;✨ Happy 3-2-1 treats day!✨&lt;/span&gt;&lt;/a&gt;&lt;/h2&gt;
&lt;p&gt;Good day everyone,&lt;/p&gt;
&lt;p&gt;It is time for another round of our newsletter.&lt;/p&gt;
&lt;p&gt;Did you know that on the 23.04.2005 (19 years ago) the first ever YouTube video was uploaded?
It is called &lt;a href=&quot;https://en.wikipedia.org/wiki/Me_at_the_zoo&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;me at the zoo&lt;/a&gt; and features YouTubes co-founder Jawed Karim.&lt;/p&gt;
&lt;p&gt;This time I prepared 3 things for learners, 2 things for doers, and 1 question for thinkers all about the topic of videos and animations. No matter if you are a learner, a doer, a thinker, two or all of them, we hope you’ll find something to enjoy.&lt;/p&gt;
&lt;h2 id=&quot;3-things-for-learners&quot; tabindex=&quot;-1&quot;&gt;&lt;a class=&quot;bookmark&quot; href=&quot;https://thedeven.org/posts/20240423-newsletter-013/#3-things-for-learners&quot;&gt;&lt;span&gt;3 things for learners&lt;/span&gt;&lt;/a&gt;&lt;/h2&gt;
&lt;p&gt;Optimize video delivery&lt;br /&gt;
&lt;a href=&quot;https://developer.mozilla.org/en-US/docs/Learn/Performance/video&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;https://developer.mozilla.org/en-US/docs/Learn/Performance/video&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;Incredible scroll-based animations with CSS-only&lt;br /&gt;
&lt;a href=&quot;https://www.youtube.com/watch?v=UmzFk68Bwdk&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;https://www.youtube.com/watch?v=UmzFk68Bwdk&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;Index images, videos and news with specialized sitemaps&lt;br /&gt;
&lt;a href=&quot;https://www.stefanjudis.com/today-i-learned/image-video-news-sitemaps/&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;https://www.stefanjudis.com/today-i-learned/image-video-news-sitemaps/&lt;/a&gt;&lt;/p&gt;
&lt;h2 id=&quot;2-things-for-doers&quot; tabindex=&quot;-1&quot;&gt;&lt;a class=&quot;bookmark&quot; href=&quot;https://thedeven.org/posts/20240423-newsletter-013/#2-things-for-doers&quot;&gt;&lt;span&gt;2 things for doers&lt;/span&gt;&lt;/a&gt;&lt;/h2&gt;
&lt;p&gt;CSS animation kit&lt;br /&gt;
&lt;a href=&quot;https://angrytools.com/css/animation/&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;https://angrytools.com/css/animation/&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;Video and Audio APIs (Tutorial on how to use native video/audio HTML elements with custom controls)&lt;br /&gt;
&lt;a href=&quot;https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Client-side_web_APIs/Video_and_audio_APIs&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Client-side_web_APIs/Video_and_audio_APIs&lt;/a&gt;&lt;/p&gt;
&lt;h2 id=&quot;1-question-for-thinkers&quot; tabindex=&quot;-1&quot;&gt;&lt;a class=&quot;bookmark&quot; href=&quot;https://thedeven.org/posts/20240423-newsletter-013/#1-question-for-thinkers&quot;&gt;&lt;span&gt;1 question for thinkers&lt;/span&gt;&lt;/a&gt;&lt;/h2&gt;
&lt;p&gt;What are disadvantages of videos and animations on websites and how can we make sure every user has the best possible experience?&lt;/p&gt;
&lt;br /&gt;
&lt;p&gt;Thank you for reading!&lt;/p&gt;
&lt;p&gt;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.&lt;br /&gt;
Julian from DEVEN&lt;/p&gt;
&lt;br /&gt;
&lt;p&gt;P.S.: Do you love to challenge yourself a bit? Here is a small gift for you!&lt;/p&gt;
&lt;p&gt;🎁 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. 🌵&lt;br /&gt;
&lt;a href=&quot;https://codepen.io/jumace-the-dev/pen/GRLPZMP?editors=1100&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;&amp;gt;&amp;gt; link to challenge &amp;lt;&amp;lt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;This time I also include an advanced challenge which builds on the first one&lt;br /&gt;
&lt;a href=&quot;https://codepen.io/jumace-the-dev/pen/ZEZVWqe?editors=1100&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;&amp;gt;&amp;gt; link to second challenge &amp;lt;&amp;lt;&lt;/a&gt;&lt;/p&gt;
</description>
<pubDate>Tue, 23 Apr 2024 02:00:00 +0000</pubDate>
<dc:creator>Julian Cebulla</dc:creator>
<guid>https://thedeven.org/posts/20240423-newsletter-013/</guid>
</item>

<item>
<title>Newsletter 012</title>
<link>https://thedeven.org/posts/20240402-newsletter-012/</link>
Expand Down
18 changes: 9 additions & 9 deletions docs/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -247,8 +247,8 @@ <h2>Latest News</h2>


<article>
<a class="post-link" href=/posts/20240402-newsletter-012/ aria-label="Newsletter 012 - A collection of links for learners, doers and thinkers">
<img src="/assets/images/posts/bunny.webp" alt="" />
<a class="post-link" href=/posts/20240423-newsletter-013/ aria-label="Newsletter 013 - A collection of links for learners, doers and thinkers">
<img src="/assets/images/posts/video.webp" alt="" />
<div class="content">

<div class="byline">
Expand All @@ -260,7 +260,7 @@ <h2>Latest News</h2>

</div>

<h3 class="title">Newsletter 012</h3>
<h3 class="title">Newsletter 013</h3>
<p>A collection of links for learners, doers and thinkers</p>
</div>
</a>
Expand All @@ -269,8 +269,8 @@ <h3 class="title">Newsletter 012</h3>


<article>
<a class="post-link" href=/posts/20240319-newsletter-011/ aria-label="Newsletter 011 - A collection of links for learners, doers and thinkers">
<img src="/assets/images/posts/forever.webp" alt="" />
<a class="post-link" href=/posts/20240402-newsletter-012/ aria-label="Newsletter 012 - A collection of links for learners, doers and thinkers">
<img src="/assets/images/posts/bunny.webp" alt="" />
<div class="content">

<div class="byline">
Expand All @@ -282,7 +282,7 @@ <h3 class="title">Newsletter 012</h3>

</div>

<h3 class="title">Newsletter 011</h3>
<h3 class="title">Newsletter 012</h3>
<p>A collection of links for learners, doers and thinkers</p>
</div>
</a>
Expand All @@ -291,8 +291,8 @@ <h3 class="title">Newsletter 011</h3>


<article>
<a class="post-link" href=/posts/20230418-newsletter-010/ aria-label="Newsletter 010 - A collection of links for learners, doers and thinkers">
<img src="/assets/images/posts/headless.webp" alt="" />
<a class="post-link" href=/posts/20240319-newsletter-011/ aria-label="Newsletter 011 - A collection of links for learners, doers and thinkers">
<img src="/assets/images/posts/forever.webp" alt="" />
<div class="content">

<div class="byline">
Expand All @@ -304,7 +304,7 @@ <h3 class="title">Newsletter 011</h3>

</div>

<h3 class="title">Newsletter 010</h3>
<h3 class="title">Newsletter 011</h3>
<p>A collection of links for learners, doers and thinkers</p>
</div>
</a>
Expand Down
Loading

0 comments on commit b23d3f5

Please sign in to comment.