diff --git a/docs/assets/images/posts/video.webp b/docs/assets/images/posts/video.webp new file mode 100644 index 0000000..62f5ab4 Binary files /dev/null and b/docs/assets/images/posts/video.webp differ diff --git a/docs/blog/index.html b/docs/blog/index.html index 98bd9a8..59a75e0 100644 --- a/docs/blog/index.html +++ b/docs/blog/index.html @@ -103,6 +103,28 @@

+ + + +
diff --git a/docs/boiler/index.html b/docs/boiler/index.html index c67a49e..d7f8ea9 100644 --- a/docs/boiler/index.html +++ b/docs/boiler/index.html @@ -90,7 +90,7 @@

<

Introduction

B01LER is a fully customisable design system (DS) that enables you to easily create cohesive and consistent digital products across multiple platforms and brands.

-

B01LER provides pre-built components that exist as designs in the form of a component library in Figma, and as code in the form of a forkable repository.

+

B01LER provides pre-built components that exist as designs in the form of a component library in Figma, and as code in the form of a forkable repository.

The design and code implementations of the components are connected via a shared token system. A token system is a collection of values which represent the visual properties of a design system, such as typography, color and spacing.

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.

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.

@@ -105,7 +105,7 @@

Resources

  • Browse through our website
    • -
  • Download our Figma File (Accenture-internal: View on Figma)
    • +
  • View the Figma File
  • Check out our code
  • Have a look at our components in Storybook
  • Use our community deck
    • diff --git a/docs/feed/feed.xml b/docs/feed/feed.xml index ca81f27..7f0babf 100644 --- a/docs/feed/feed.xml +++ b/docs/feed/feed.xml @@ -5,9 +5,48 @@ https://thedeven.org/ Developer for Developer to make your (work) life easier! - Tue, 02 Apr 2024 02:00:00 +0000 + Tue, 23 Apr 2024 02:00:00 +0000 ogb@fastmail.com (Ola Gasidlo-Brändel) + + Newsletter 013 + https://thedeven.org/posts/20240423-newsletter-013/ + <h2 id="%E2%9C%A8-happy-3-2-1-treats-day!%E2%9C%A8" tabindex="-1"><a class="bookmark" href="https://thedeven.org/posts/20240423-newsletter-013/#%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>It is time for another round of our newsletter.</p> +<p>Did you know that on the 23.04.2005 (19 years ago) the first ever YouTube video was uploaded? +It is called <a href="https://en.wikipedia.org/wiki/Me_at_the_zoo" target="_blank" rel="noopener">me at the zoo</a> and features YouTubes co-founder Jawed Karim.</p> +<p>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.</p> +<h2 id="3-things-for-learners" tabindex="-1"><a class="bookmark" href="https://thedeven.org/posts/20240423-newsletter-013/#3-things-for-learners"><span>3 things for learners</span></a></h2> +<p>Optimize video delivery<br /> +<a href="https://developer.mozilla.org/en-US/docs/Learn/Performance/video" target="_blank" rel="noopener">https://developer.mozilla.org/en-US/docs/Learn/Performance/video</a></p> +<p>Incredible scroll-based animations with CSS-only<br /> +<a href="https://www.youtube.com/watch?v=UmzFk68Bwdk" target="_blank" rel="noopener">https://www.youtube.com/watch?v=UmzFk68Bwdk</a></p> +<p>Index images, videos and news with specialized sitemaps<br /> +<a href="https://www.stefanjudis.com/today-i-learned/image-video-news-sitemaps/" target="_blank" rel="noopener">https://www.stefanjudis.com/today-i-learned/image-video-news-sitemaps/</a></p> +<h2 id="2-things-for-doers" tabindex="-1"><a class="bookmark" href="https://thedeven.org/posts/20240423-newsletter-013/#2-things-for-doers"><span>2 things for doers</span></a></h2> +<p>CSS animation kit<br /> +<a href="https://angrytools.com/css/animation/" target="_blank" rel="noopener">https://angrytools.com/css/animation/</a></p> +<p>Video and Audio APIs (Tutorial on how to use native video/audio HTML elements with custom controls)<br /> +<a href="https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Client-side_web_APIs/Video_and_audio_APIs" target="_blank" rel="noopener">https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Client-side_web_APIs/Video_and_audio_APIs</a></p> +<h2 id="1-question-for-thinkers" tabindex="-1"><a class="bookmark" href="https://thedeven.org/posts/20240423-newsletter-013/#1-question-for-thinkers"><span>1 question for thinkers</span></a></h2> +<p>What are disadvantages of videos and animations on websites and how can we make sure every user has the best possible experience?</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/GRLPZMP?editors=1100" 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/ZEZVWqe?editors=1100" target="_blank" rel="noopener">&gt;&gt; link to second challenge &lt;&lt;</a></p> + + Tue, 23 Apr 2024 02:00:00 +0000 + Julian Cebulla + https://thedeven.org/posts/20240423-newsletter-013/ + + Newsletter 012 https://thedeven.org/posts/20240402-newsletter-012/ diff --git a/docs/index.html b/docs/index.html index 8b76c25..8cd9c26 100644 --- a/docs/index.html +++ b/docs/index.html @@ -247,8 +247,8 @@

    Latest News

    - - + +
    @@ -260,7 +260,7 @@

    Latest News

    -

    Newsletter 012

    +

    Newsletter 013

    A collection of links for learners, doers and thinkers

     @@ -269,8 +269,8 @@

    Newsletter 012

    - - + +
    @@ -282,7 +282,7 @@

    Newsletter 012

    -

    Newsletter 011

    +

    Newsletter 012

    A collection of links for learners, doers and thinkers

     @@ -291,8 +291,8 @@

    Newsletter 011

    - - + +
    @@ -304,7 +304,7 @@

    Newsletter 011

    -

    Newsletter 010

    +

    Newsletter 011

    A collection of links for learners, doers and thinkers

     diff --git a/docs/posts/20240423-newsletter-013/index.html b/docs/posts/20240423-newsletter-013/index.html new file mode 100644 index 0000000..06cbf5b --- /dev/null +++ b/docs/posts/20240423-newsletter-013/index.html @@ -0,0 +1,195 @@ + + + + + + Newsletter 013 + + + + + + + + + + + + + + + + + + + + +
    +
    + +
    + +
    +
    + + + +
    +
    +
    + + + + + +
    +
    +
    + +
    +
    + +
    + + + + +
    Julian Cebulla
    + + + + +
    + +

    Newsletter 013

    +
    +
    +

    ✨ Happy 3-2-1 treats day!✨

    +

    Good day everyone,

    +

    It is time for another round of our newsletter.

    +

    Did you know that on the 23.04.2005 (19 years ago) the first ever YouTube video was uploaded? +It is called me at the zoo and features YouTubes co-founder Jawed Karim.

    +

    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.

    +

    3 things for learners

    +

    Optimize video delivery
    +https://developer.mozilla.org/en-US/docs/Learn/Performance/video

    +

    Incredible scroll-based animations with CSS-only
    +https://www.youtube.com/watch?v=UmzFk68Bwdk

    +

    Index images, videos and news with specialized sitemaps
    +https://www.stefanjudis.com/today-i-learned/image-video-news-sitemaps/

    +

    2 things for doers

    +

    CSS animation kit
    +https://angrytools.com/css/animation/

    +

    Video and Audio APIs (Tutorial on how to use native video/audio HTML elements with custom controls)
    +https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Client-side_web_APIs/Video_and_audio_APIs

    +

    1 question for thinkers

    +

    What are disadvantages of videos and animations on websites and how can we make sure every user has the best possible experience?

    +
    +

    Thank you for reading!

    +

    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.
    +Julian from DEVEN

    +
    +

    P.S.: Do you love to challenge yourself a bit? Here is a small gift for you!

    +

    🎁 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. 🌵
    +>> link to challenge <<

    +

    This time I also include an advanced challenge which builds on the first one
    +>> link to second challenge <<

    +
    +
    + +
    + +
    + + + + \ No newline at end of file diff --git a/docs/sitemap.xml b/docs/sitemap.xml index 4903a8b..430f3f0 100644 --- a/docs/sitemap.xml +++ b/docs/sitemap.xml @@ -72,11 +72,6 @@ - - /posts/20240319-newsletter-011/ - 2024-03-19T00:00:00.000Z - - @@ -91,8 +86,20 @@ + + /documentation-skeleton/ + 2023-12-08T13:51:50.626Z + + + + + + /imprint/ + 2023-12-08T13:51:50.627Z + + @@ -103,65 +110,65 @@ /blog/ - 2024-03-31T13:56:50.371Z + 2024-02-12T07:24:27.155Z /boiler/ - 2024-03-31T13:56:50.371Z + 2024-02-12T07:24:27.159Z - /contributors/ - 2024-03-31T13:56:50.372Z + /hamster/ + 2024-02-12T07:24:27.160Z - /documentation-skeleton/ - 2024-03-31T13:56:50.372Z + / + 2024-02-12T07:24:27.160Z - - - /hamster/ - 2024-03-31T13:56:50.373Z + /telemetry/ + 2024-02-12T07:24:27.163Z + + - /imprint/ - 2024-03-31T13:56:50.383Z + /contributors/ + 2024-02-27T15:12:32.824Z - / - 2024-03-31T13:56:50.383Z + /posts/20240319-newsletter-011/ + 2024-03-19T00:00:00.000Z - /telemetry/ - 2024-03-31T13:56:50.387Z + /posts/20240402-newsletter-012/ + 2024-04-02T00:00:00.000Z - /posts/20240402-newsletter-012/ - 2024-04-02T00:00:00.000Z + /posts/20240423-newsletter-013/ + 2024-04-23T00:00:00.000Z diff --git a/src/assets/images/posts/video.webp b/src/assets/images/posts/video.webp new file mode 100644 index 0000000..62f5ab4 Binary files /dev/null and b/src/assets/images/posts/video.webp differ diff --git a/src/posts/20240423-newsletter-013.md b/src/posts/20240423-newsletter-013.md new file mode 100644 index 0000000..754fbbc --- /dev/null +++ b/src/posts/20240423-newsletter-013.md @@ -0,0 +1,58 @@ +--- +title: Newsletter 013 +description: A collection of links for learners, doers and thinkers +imageUrl: '/assets/images/posts/video.webp' +imageDescription: # decorative +date: 2024-04-23 +author: Julian Cebulla +authorImageUrl: '/assets/images/authors/julian.webp' +--- +## ✨ Happy 3-2-1 treats day!✨ +Good day everyone, + +It is time for another round of our newsletter. + +Did you know that on the 23.04.2005 (19 years ago) the first ever YouTube video was uploaded? +It is called [me at the zoo](https://en.wikipedia.org/wiki/Me_at_the_zoo) and features YouTubes co-founder Jawed Karim. + +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. + + +## 3 things for learners +Optimize video delivery
    +https://developer.mozilla.org/en-US/docs/Learn/Performance/video + +Incredible scroll-based animations with CSS-only
    +https://www.youtube.com/watch?v=UmzFk68Bwdk + +Index images, videos and news with specialized sitemaps
    +https://www.stefanjudis.com/today-i-learned/image-video-news-sitemaps/ + + +## 2 things for doers +CSS animation kit
    +https://angrytools.com/css/animation/ + +Video and Audio APIs (Tutorial on how to use native video/audio HTML elements with custom controls)
    +https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Client-side_web_APIs/Video_and_audio_APIs + + +## 1 question for thinkers +What are disadvantages of videos and animations on websites and how can we make sure every user has the best possible experience? + +
    + +Thank you for reading! + +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.
    +Julian from DEVEN + +
    + +P.S.: Do you love to challenge yourself a bit? Here is a small gift for you! + +🎁 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. 🌵
    +[>> link to challenge <<](https://codepen.io/jumace-the-dev/pen/GRLPZMP?editors=1100) + +This time I also include an advanced challenge which builds on the first one
    +[>> link to second challenge <<](https://codepen.io/jumace-the-dev/pen/ZEZVWqe?editors=1100) \ No newline at end of file