email-gen-kt/2021-06-01-tipsrundan-36.html at master · londogard/email-gen-kt · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
---
layout: splash
title: "Tipsrundan 36"
excerpt: "Innovation Day 2021 is up & coming! Let Tipsrundan inspire your work!"
---

<table border="0" cellspacing="0" width="100%">
<tr>
<td></td>
<td width="800"><html>
  <head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    </head>
  <body style="background: #fff;color: #000;font-family: -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Roboto, Oxygen-Sans, Ubuntu, Cantarell, &quot;Helvetica Neue&quot;, sans-serif;line-height: 150%;margin: 0 auto;overflow-x: hidden;padding: 0.5rem 0.25rem;max-width: 800px;">
    <div class="section" style="width: 100%;justify-content: center;">
      <div class="header" style="margin: 0 auto;max-width: 800px;padding: 0.5rem 0.25rem;width: 100%;text-align: center;color: #edf2f4;background-color: #2b2d42;padding-top: 0;">
        <p style="margin: 0.75rem 0;padding: 0;color: #8d99ae;">2021-06-01 - Issue #36 - <a href="https://afry-south.github.io/" style="color: #920de9;font-weight: bold;text-decoration: none;">Blog ✍️</a></p>
        <h1 style="margin: 0;text-align: center;line-height: 150%;"><a href="https://afry-south.github.io/" target="blank" style="color: #920de9;font-weight: bold;text-decoration: none;"><img src="https://raw.githubusercontent.com/afry-south/afry-south.github.io/master/afry.png"></a> Tipsrundan</h1>
        <p style="margin: 0.75rem 0;padding: 0;color: #8d99ae;">Your biweekly newsletter of 'Tips' from <b>IT South@AFRY</b> with ❤️ <br><small style="color: #999;">(🗳️ Tipsboxen (<a href="mailto:it.south.competence@afconsult.com?subject=Tipsbox&amp;body=Title%0D%0ASummary%0D%0ALink" style="color: #920de9;font-weight: bold;text-decoration: none;">Email</a>, <a href="https://github.com/afry-south/afry-south.github.io/issues/1" target="_blank" style="color: #920de9;font-weight: bold;text-decoration: none;">GitHub</a> &amp; <a href="https://buitsouth.slack.com/archives/CPK80KX0W" target="_blank" style="color: #920de9;font-weight: bold;text-decoration: none;">Slack</a>) - All tips are appreciated! 🙏)</small></p>
      </div>
    </div>
    <div class="section" style="width: 100%;justify-content: center;">
      <div class="aside" style="justify-content: center;text-align: start;padding: 0.5rem;">
        <p style="text-align: center;width: 75%;margin: 0.75rem auto;padding: 0;">👋<i> Welcome to Tipsrundan! <br>Innovation Day 2021 is up &amp; coming! Let Tipsrundan inspire your work!</i></p>
<a href="https://afry-south.github.io/tipsrundan/2021-06-01-tipsrundan-36" style="margin: 0.5rem auto;color: #920de9;font-weight: bold;text-decoration: none;"><button style="border-radius: 5px;font-size: medium;display: block;font-weight: bold;margin: 0.5rem auto;padding: 1rem 2rem;background-color: #2b2d42;border: 2px solid #d99ae;color: #fff;">Take me to pretty version!</button></a></div>
    </div>
    <hr style="background-color: #e9e9e9;border: none;height: 1.5px;width: 50%;margin: 0.5rem auto;">
    <h1 style="margin: 0;text-align: center;line-height: 150%;">Supertipset 💡</h1>
    <div class="section" style="width: 100%;justify-content: center;">
      <div class="aside" style="justify-content: center;text-align: start;padding: 0.5rem;">
        <h3 style="margin: 0;text-align: center;line-height: 150%;">Innovation Day Collaboration - Realtime Pair-Programming</h3>
<p style="margin: 0.75rem 0;padding: 0;">To be able to make the best of a virtual event it's important to have the right tools. Therefore I recommend these two editors for real-time collaboration and Pair-Programming like you'd be together.</p><p style="margin: 0.75rem 0;padding: 0;">All <strong><a href="https://www.jetbrains.com/" style="color: #920de9;font-weight: bold;text-decoration: none;">Jetbrains IDEA </a></strong> (<a href="https://www.jetbrains.com/idea/download" style="color: #920de9;font-weight: bold;text-decoration: none;">IntelliJ</a>, <a href="https://www.jetbrains.com/pycharm/download" style="color: #920de9;font-weight: bold;text-decoration: none;">PyCharm</a>, <a href="https://www.jetbrains.com/webstorm/download)etc" style="color: #920de9;font-weight: bold;text-decoration: none;">WebStorm </a>
Includes a real-time collaboration tool for coding called <a href="https://www.jetbrains.com/code-with-me/" style="color: #920de9;font-weight: bold;text-decoration: none;">Code With Me</a> which also includes a audio/video chat if needed.</p><p style="margin: 0.75rem 0;padding: 0;"><strong>Visual Studio Code</strong> (<a href="https://code.visualstudio.com/download" style="color: #920de9;font-weight: bold;text-decoration: none;">VSCode</a>) which with the plugin system supports most programming languages.
Includes a real-time collaboration tool for coding called <a href="https://visualstudio.microsoft.com/services/live-share/" style="color: #920de9;font-weight: bold;text-decoration: none;">Live Share</a></p><p style="margin: 0.75rem 0;padding: 0;"><strong>Video of Code With Me</strong>
<img src="https://www.jetbrains.com/code-with-me/img/screenshots/cwm_main.gif" alt="codewithmegift" style="max-width: 100%;"></p>      </div>
    </div>
    <main style="margin: 0 auto;max-width: 800px;padding: 0.5rem 0.25rem;">
      <hr style="background-color: #e9e9e9;border: none;height: 1.5px;width: 50%;margin: 0.5rem auto;">
      <h1 style="margin: 0;text-align: center;line-height: 150%;">Godisboxen 🍭</h1>
      <div class="section" style="width: 100%;justify-content: center;">
        <div class="aside" style="justify-content: center;text-align: start;padding: 0.5rem;">
          <h3 style="margin: 0;text-align: center;line-height: 150%;">[AFRY]  GitHub Pages + Progressive Web App (PWA) = ❤️</h3>
<blockquote style="display: block;font-style: italic;line-height: 150%;max-width: 460px;text-align: center;"><p style="margin: 0.75rem 0;padding: 0;"><strong>Disclaimer:</strong> Don't do this for commercial products.</p></blockquote><p style="margin: 0.75rem 0;padding: 0;">Do you know what a <strong>P</strong>rogressive <strong>W</strong>eb <strong>A</strong>pp (PWA) is? In short it's a web-page which is created to work like an app when you open it in a web-page, you can even install it on your Android / Windows / iOS System.</p><p style="margin: 0.75rem 0;padding: 0;">In this blog the (few) requirements for a PWA are shown and how to make this work together with <em>GitHub Pages</em> to have a free, smooth &amp; simple deployment process of your PWA.</p><a href="https://afry-south.github.io/frontend/til-gh-pages-pwa/" target="blank" style="width: 100%;color: #920de9;font-weight: bold;text-decoration: none;"><small style="color: #999;">afry-south.github.io↗</small></a>
          <hr style="width: 10%;background-color: #e9e9e9;border: none;height: 1.5px;margin: 0.5rem auto;">
        </div>
        <div class="aside" style="justify-content: center;text-align: start;padding: 0.5rem;">
          <h3 style="margin: 0;text-align: center;line-height: 150%;">🔀 Light Pollution Map</h3>
<p style="margin: 0.75rem 0;padding: 0;">Ever wanted to really see the Galaxy? Or just get that awesome photo of the stars? I highly recommend 'Dark Site Finder' to help you out finding the best spots to achieve this!</p><a href="https://darksitefinder.com/maps/world.html#9/55.7503/13.6972" target="blank" style="width: 100%;color: #920de9;font-weight: bold;text-decoration: none;"><small style="color: #999;">darksitefinder.com↗</small></a>
          <hr style="width: 10%;background-color: #e9e9e9;border: none;height: 1.5px;margin: 0.5rem auto;">
        </div>
        <div class="aside" style="justify-content: center;text-align: start;padding: 0.5rem;">
          <h3 style="margin: 0;text-align: center;line-height: 150%;">📱 Learn CSS</h3>
<p style="margin: 0.75rem 0;padding: 0;">CSS is something a lot of people just learn the basics, but there's so much that is just there for you to grab. Small, simple utils which will make your life a lot easier. Make sure to take a look at this superb (!) resource!</p><a href="https://web.dev/learn/css/" target="blank" style="width: 100%;color: #920de9;font-weight: bold;text-decoration: none;"><small style="color: #999;">web.dev↗</small></a>
          <hr style="width: 10%;background-color: #e9e9e9;border: none;height: 1.5px;margin: 0.5rem auto;">
        </div>
        <div class="aside" style="justify-content: center;text-align: start;padding: 0.5rem;">
          <h3 style="margin: 0;text-align: center;line-height: 150%;">📱 Material You - Material Design 2.0</h3>
<p style="margin: 0.75rem 0;padding: 0;">At Google I/O (2021) Google unveiled Material You, a radical new way to think about design. Material You will transform design for Android, for Google, and for the entire tech industry. Over the coming months, Google plan to share more details about Material You, and how it is shaping everything we do at Google.</p><p style="margin: 0.75rem 0;padding: 0;">Find out what new stuff is coming right here!</p><a href="https://material.io/blog/announcing-material-you" target="blank" style="width: 100%;color: #920de9;font-weight: bold;text-decoration: none;"><small style="color: #999;">material.io↗</small></a>
          <hr style="width: 10%;background-color: #e9e9e9;border: none;height: 1.5px;margin: 0.5rem auto;">
        </div>
        <div class="aside" style="justify-content: center;text-align: start;padding: 0.5rem;">
          <h3 style="margin: 0;text-align: center;line-height: 150%;">🎒 PUMP UP THE JAM(-stack)! Incremental Static Regeneration</h3>
<p style="margin: 0.75rem 0;padding: 0;">There are a lot of opinions out there about how to improve and scale sites “beyond the Jamstack” by adding in features that use a Node server in addition to the pre-built pages. One of those features is called Incremental Static Regeneration. Some people call it “hybrid web development” (or “hybrid serverless + static”) but let’s talk a bit more about what that means.</p><a href="https://stackoverflow.blog/2021/05/17/incremental-static-regeneration-building-static-sites-a-little-at-a-time/" target="blank" style="width: 100%;color: #920de9;font-weight: bold;text-decoration: none;"><small style="color: #999;">stackoverflow.blog↗</small></a>
          <hr style="width: 10%;background-color: #e9e9e9;border: none;height: 1.5px;margin: 0.5rem auto;">
        </div>
        <div class="aside" style="justify-content: center;text-align: start;padding: 0.5rem;">
          <h3 style="margin: 0;text-align: center;line-height: 150%;">[AFRY]  Codewars: Achieve mastery through challenge</h3>
<p style="margin: 0.75rem 0;padding: 0;">Frank Camara recommends Codewars, a place to improve your code skills which quickly becomes addictive!</p><p style="margin: 0.75rem 0;padding: 0;">Do you know a better service? Do you wanna fight Frank? Reach out!</p><a href="https://www.codewars.com/" target="blank" style="width: 100%;color: #920de9;font-weight: bold;text-decoration: none;"><small style="color: #999;">codewars.com↗</small></a>
          <hr style="width: 10%;background-color: #e9e9e9;border: none;height: 1.5px;margin: 0.5rem auto;">
        </div>
        <div class="aside" style="justify-content: center;text-align: start;padding: 0.5rem;">
          <h3 style="margin: 0;text-align: center;line-height: 150%;">🎒 Appwrite - Open-Source End-to-End Backend Server</h3>
<p style="margin: 0.75rem 0;padding: 0;">Leaving Google behind has become a tiny bit of a trend - and it's a good one. Firebase is an incredibly used tool from Google which allows you to sync multiple things relevant for Apps and WebApps. With Appwrite you can finally leave Google behind for your open-source project that still wants that &quot;awesome syncing&quot;.</p><p style="margin: 0.75rem 0;padding: 0;">Appwrite is a DB, Storage, Authentication, GPS, ... you name it - just as Firebase.</p><p style="margin: 0.75rem 0;padding: 0;">Got another tool? Share it with us!</p><a href="https://appwrite.io/" target="blank" style="width: 100%;color: #920de9;font-weight: bold;text-decoration: none;"><small style="color: #999;">appwrite.io↗</small></a>
          <hr style="width: 10%;background-color: #e9e9e9;border: none;height: 1.5px;margin: 0.5rem auto;">
        </div>
        <div class="aside" style="justify-content: center;text-align: start;padding: 0.5rem;">
          <h3 style="margin: 0;text-align: center;line-height: 150%;">📈 LaMDA - A bad name by Google for their great GPT-3 contender</h3>
<p style="margin: 0.75rem 0;padding: 0;">I won't head into a discussion about why the name is really, and yes I mean really, bad but LaMDA is a very impressive piece and I can't wait to see more about it.</p><p style="margin: 0.75rem 0;padding: 0;">Do you want to discuss more about how it might work behind the scenes? Join the ML-slack channel and the discussions! 😄</p><p style="margin: 0.75rem 0;padding: 0;"><img src="https://storage.googleapis.com/gweb-uniblog-publish-prod/original_images/1_Welcome_GenerativeMeena_CL_V02_150521_v2_720_25fps.gif" alt="lambda" style="max-width: 100%;"></p><a href="https://blog.google/technology/ai/lamda/" target="blank" style="width: 100%;color: #920de9;font-weight: bold;text-decoration: none;"><small style="color: #999;">blog.google↗</small></a>
          <hr style="width: 10%;background-color: #e9e9e9;border: none;height: 1.5px;margin: 0.5rem auto;">
        </div>
      </div>
    </main>
    <div class="footer" style="margin: 0 auto;max-width: 800px;padding: 0.5rem 0.25rem;width: 100%;text-align: center;color: #edf2f4;background-color: #2b2d42;">
      <div class="section" style="width: 100%;justify-content: center;">
        <p style="margin: 0.75rem 0;padding: 0;color: #8d99ae;"><b style="color: #8d99ae;">Thank you for this time see you in two weeks</b><br>- Hampus Londögård @ IT South</p>
      </div>
    </div>
  </body>
</html>
</td>
<td></td>
</tr>
</table>