aboutsummaryrefslogtreecommitdiff
path: root/newsletter/generated
diff options
context:
space:
mode:
Diffstat (limited to 'newsletter/generated')
-rw-r--r--newsletter/generated/2020-52.html88
-rw-r--r--newsletter/generated/2020-53.html326
-rw-r--r--newsletter/generated/index.html36
3 files changed, 450 insertions, 0 deletions
diff --git a/newsletter/generated/2020-52.html b/newsletter/generated/2020-52.html
new file mode 100644
index 0000000..73f79da
--- /dev/null
+++ b/newsletter/generated/2020-52.html
@@ -0,0 +1,88 @@
1<html>
2
3 <head>
4 <title>2020: Week #52 Links</title>
5 </head>
6
7 <body style="background: #f2f2f2; padding: 60px; color: #222222; line-height: 22px; font-family: sans-serif, system-ui, -apple-system; font-size: 16px;">
8
9 <div style="width: 650px; background: #ffffff; text-align: left; padding: 40px; margin: 0 auto; border-radius: 10px;">
10
11 <div style="margin-bottom: 30px;">
12 <a href="https://www.youtube.com/watch?v&#x3D;y1UzfahXfao&amp;ab_channel&#x3D;GoogleChromeDevelopers" style="color: #3252a8; font-weight: bold;">3x3 SEO tips for JavaScript web apps</a>
13 <div style="margin-block-start: 5px; font-size: 90%;">Learn three basic SEO tips for Angular, React, and Vue.js web apps.</div>
14 <div>
15 </div>
16 </div>
17 <div style="margin-bottom: 30px;">
18 <a href="https://www.youtube.com/watch?v&#x3D;y1UzfahXfao&amp;ab_channel&#x3D;GoogleChromeDevelopers" style="color: #3252a8; font-weight: bold;">Machine Learning &amp; Text Analysis</a>
19 <div style="margin-block-start: 5px; font-size: 90%;">Text analysis is the process of obtaining valuable insights from texts. ML can work with different types of textual information such as social media posts, messages, and emails. Special software helps to preprocess and analyze this data.</div>
20 <div>
21 </div>
22 </div>
23 <div style="margin-bottom: 30px;">
24 <a href="https://davidwalsh.name/javascript-array-tricks-3" style="color: #3252a8; font-weight: bold;">Break a forEach Loop with JavaScript</a>
25 <div style="margin-block-start: 5px; font-size: 90%;">He recently ran into another JavaScript trick that blew my mind: how to break a forEach loop, shared by Andrea Giammarchi!</div>
26 <div>
27 </div>
28 </div>
29 <div style="margin-bottom: 30px;">
30 <a href="https://www.youtube.com/watch?v&#x3D;M45iFPVdtj0&amp;ab_channel&#x3D;CodingTech" style="color: #3252a8; font-weight: bold;">Flappy Bird in JavaScript with 25 Lines of Code</a>
31 <div style="margin-block-start: 5px; font-size: 90%;">In this tutorial he takes you on the callenge to code a flappy bird clone in a few lines of code as possible.The starting point is an empty HTML canvas and you can follow along all the way to a complete game.</div>
32 <div>
33 </div>
34 </div>
35 <div style="margin-bottom: 30px;">
36 <a href="https://www.youtube.com/watch?v&#x3D;QsOF9SJJdAA&amp;ab_channel&#x3D;GoogleChromeDevelopers" style="color: #3252a8; font-weight: bold;">What&#x27;s new in DevTools</a>
37 <div style="margin-block-start: 5px; font-size: 90%;">An overview of the latest and greatest features in Chrome DevTools.</div>
38 <div>
39 </div>
40 </div>
41 <div style="margin-bottom: 30px;">
42 <a href="https://www.youtube.com/watch?v&#x3D;dfOKFSDG7IM&amp;ab_channel&#x3D;GoogleChromeDevelopers" style="color: #3252a8; font-weight: bold;">Canvas2D is getting an update</a>
43 <div style="margin-block-start: 5px; font-size: 90%;">Your good, old friend the Canvas2D API has been improving and is worth another look. Hear about all the new features that have been added to the spec.</div>
44 <div>
45 </div>
46 </div>
47 <div style="margin-bottom: 30px;">
48 <a href="https://aframe.io/" style="color: #3252a8; font-weight: bold;">A web framework for building 3D/AR/VR experiences</a>
49 <div style="margin-block-start: 5px; font-size: 90%;">Make 3D worlds with HTML and Entity-Component For Quest, Rift, WMR, SteamVR, mobile, desktop.</div>
50 <div>
51 </div>
52 </div>
53 <div style="margin-bottom: 30px;">
54 <a href="https://serokell.io/blog/introduction-to-erlang" style="color: #3252a8; font-weight: bold;">Introduction to Erlang</a>
55 <div style="margin-block-start: 5px; font-size: 90%;">While Erlang is not as popular as some modern programming languages, it quietly runs applications like WhatsApp and WeChat that serve massive amounts of users every day.</div>
56 <div>
57 </div>
58 </div>
59 <div style="margin-bottom: 30px;">
60 <a href="https://stackoverflow.com/questions/11227809/why-is-processing-a-sorted-array-faster-than-processing-an-unsorted-array" style="color: #3252a8; font-weight: bold;">Why is processing a sorted array faster than processing an unsorted array?</a>
61 <div style="margin-block-start: 5px; font-size: 90%;">Here is a piece of C++ code that shows some very peculiar behavior. For some strange reason, sorting the data miraculously makes the code almost six times faster.</div>
62 <div>
63 </div>
64 </div>
65 <div style="margin-bottom: 30px;">
66 <a href="https://www.bookdepository.com/30-Second-Maths-Richard-J-Brown/9781785782886?ref&#x3D;pd_gw_1_pd_gateway_1_1" style="color: #3252a8; font-weight: bold;">30-Second Maths: The 50 Most Mind-Expanding Theories in Mathematics, Each Explained in Half a Minute</a>
67 <div style="margin-block-start: 5px; font-size: 90%;">30 Second Maths takes the top 50 most engaging mathematical theories, and explains them to the general reader in half a minute, using nothing more than two pages, 200 words and one picture. Read at your own pace, and discover that maths can be more fascinating than you ever imagined.</div>
68 <div>
69 </div>
70 </div>
71 <div style="margin-bottom: 30px;">
72 <a href="https://en.wikipedia.org/wiki/Pomodoro_Technique" style="color: #3252a8; font-weight: bold;">Pomodoro Technique</a>
73 <div style="margin-block-start: 5px; font-size: 90%;">The Pomodoro Technique is a time management method developed by Francesco Cirillo in the late 1980s.</div>
74 <div>
75 </div>
76 </div>
77
78 </div>
79
80 <div style="text-align: center; font-size: 80%; margin-top: 20px;">
81 <a style="color: #666; margin: auto 10px" href="https://mitjafelicijan.com/weekly-newsletter-archive/">weekly links archive</a>
82 <a style="color: #666; margin: auto 10px" href="https://mitjafelicijan.com">mitjafelicijan.com</a>
83 <a style="color: #666; margin: auto 10px" href="https://github.com/mitjafelicijan">github.com/mitjafelicijan</a>
84 </div>
85
86 </body>
87
88</html>
diff --git a/newsletter/generated/2020-53.html b/newsletter/generated/2020-53.html
new file mode 100644
index 0000000..60c6cef
--- /dev/null
+++ b/newsletter/generated/2020-53.html
@@ -0,0 +1,326 @@
1<html>
2
3 <head>
4 <title>2020: Week #53 Links</title>
5 </head>
6
7 <body style="background: #f2f2f2; padding: 60px; color: #222222; line-height: 22px; font-family: sans-serif, system-ui, -apple-system; font-size: 16px;">
8
9 <div style="width: 650px; background: #ffffff; text-align: left; padding: 40px; margin: 0 auto; border-radius: 10px;">
10
11 <div style="margin-bottom: 30px;">
12 <a href="https://youtu.be/cLxNdLK--yI" style="color: #3252a8; font-weight: bold;">Transitioning to modern JavaScript</a>
13 <div style="margin-block-start: 5px; font-size: 90%;">Over 90% of web traffic comes from browsers that support modern JavaScript, yet most websites ship legacy syntax in order to support a small number of very old browsers.</div>
14 <div>
15 <span style="background: #e6e6e6;
16 color: #777;
17 border-radius: 3px;
18 padding: 0px 10px;
19 font-size: 70%;
20 display: inline-block;
21 margin-top: 5px;
22 font-weight: 600;">Video</span>
23 <span style="background: #e6e6e6;
24 color: #777;
25 border-radius: 3px;
26 padding: 0px 10px;
27 font-size: 70%;
28 display: inline-block;
29 margin-top: 5px;
30 font-weight: 600;">JavaScript</span>
31 </div>
32 </div>
33 <div style="margin-bottom: 30px;">
34 <a href="https://youtu.be/Ev2mCzJZLtY" style="color: #3252a8; font-weight: bold;">Sign-up form best practices</a>
35 <div style="margin-block-start: 5px; font-size: 90%;">Help your users sign up, sign in, and manage their account details with a minimum of fuss.</div>
36 <div>
37 <span style="background: #e6e6e6;
38 color: #777;
39 border-radius: 3px;
40 padding: 0px 10px;
41 font-size: 70%;
42 display: inline-block;
43 margin-top: 5px;
44 font-weight: 600;">Video</span>
45 <span style="background: #e6e6e6;
46 color: #777;
47 border-radius: 3px;
48 padding: 0px 10px;
49 font-size: 70%;
50 display: inline-block;
51 margin-top: 5px;
52 font-weight: 600;">Accessibility</span>
53 </div>
54 </div>
55 <div style="margin-bottom: 30px;">
56 <a href="https://autokeras.com/" style="color: #3252a8; font-weight: bold;">AutoKeras</a>
57 <div style="margin-block-start: 5px; font-size: 90%;">AutoKeras: An AutoML system based on Keras. It is developed by DATA Lab at Texas A&amp;M University. The goal of AutoKeras is to make machine learning accessible for everyone.</div>
58 <div>
59 <span style="background: #e6e6e6;
60 color: #777;
61 border-radius: 3px;
62 padding: 0px 10px;
63 font-size: 70%;
64 display: inline-block;
65 margin-top: 5px;
66 font-weight: 600;">Product</span>
67 <span style="background: #e6e6e6;
68 color: #777;
69 border-radius: 3px;
70 padding: 0px 10px;
71 font-size: 70%;
72 display: inline-block;
73 margin-top: 5px;
74 font-weight: 600;">Machine learning</span>
75 </div>
76 </div>
77 <div style="margin-bottom: 30px;">
78 <a href="https://www.hackster.io/m1cr0s0ft/arduino-weather-station-8ec09e" style="color: #3252a8; font-weight: bold;">Arduino Weather Station</a>
79 <div style="margin-block-start: 5px; font-size: 90%;">This Is An Project To Help View Us The Current Temperature And Humidity In Time.</div>
80 <div>
81 <span style="background: #e6e6e6;
82 color: #777;
83 border-radius: 3px;
84 padding: 0px 10px;
85 font-size: 70%;
86 display: inline-block;
87 margin-top: 5px;
88 font-weight: 600;">Blog</span>
89 <span style="background: #e6e6e6;
90 color: #777;
91 border-radius: 3px;
92 padding: 0px 10px;
93 font-size: 70%;
94 display: inline-block;
95 margin-top: 5px;
96 font-weight: 600;">Hardware</span>
97 <span style="background: #e6e6e6;
98 color: #777;
99 border-radius: 3px;
100 padding: 0px 10px;
101 font-size: 70%;
102 display: inline-block;
103 margin-top: 5px;
104 font-weight: 600;">Arduino</span>
105 </div>
106 </div>
107 <div style="margin-bottom: 30px;">
108 <a href="https://youtu.be/Z6wjUOSh9Tk" style="color: #3252a8; font-weight: bold;">Beyond fast with new performance features</a>
109 <div style="margin-block-start: 5px; font-size: 90%;">A whirlwind tour of new features and proposals to improve the performance of your pages.</div>
110 <div>
111 <span style="background: #e6e6e6;
112 color: #777;
113 border-radius: 3px;
114 padding: 0px 10px;
115 font-size: 70%;
116 display: inline-block;
117 margin-top: 5px;
118 font-weight: 600;">Video</span>
119 <span style="background: #e6e6e6;
120 color: #777;
121 border-radius: 3px;
122 padding: 0px 10px;
123 font-size: 70%;
124 display: inline-block;
125 margin-top: 5px;
126 font-weight: 600;">Web optimization</span>
127 </div>
128 </div>
129 <div style="margin-bottom: 30px;">
130 <a href="https://stackoverflow.blog/2020/12/21/how-digital-identity-protects-your-software/" style="color: #3252a8; font-weight: bold;">How digital identity protects your software</a>
131 <div style="margin-block-start: 5px; font-size: 90%;">Digital identity is the online representation of a person, organization, or a machine, and it is what gives us access to the data we use daily. Here’s a brief overview of identity, why it&#x27;s vital to information security, and why you should know more about it.</div>
132 <div>
133 <span style="background: #e6e6e6;
134 color: #777;
135 border-radius: 3px;
136 padding: 0px 10px;
137 font-size: 70%;
138 display: inline-block;
139 margin-top: 5px;
140 font-weight: 600;">Blog</span>
141 <span style="background: #e6e6e6;
142 color: #777;
143 border-radius: 3px;
144 padding: 0px 10px;
145 font-size: 70%;
146 display: inline-block;
147 margin-top: 5px;
148 font-weight: 600;">Single sign on</span>
149 <span style="background: #e6e6e6;
150 color: #777;
151 border-radius: 3px;
152 padding: 0px 10px;
153 font-size: 70%;
154 display: inline-block;
155 margin-top: 5px;
156 font-weight: 600;">Social login</span>
157 </div>
158 </div>
159 <div style="margin-bottom: 30px;">
160 <a href="https://stackoverflow.blog/2020/12/15/podcast-295-diving-into-headless-automation-active-monitoring-playwright-and-puppeteer/" style="color: #3252a8; font-weight: bold;">Podcast 295: Diving into headless automation, active monitoring, Playwright and Puppeteer</a>
161 <div style="margin-block-start: 5px; font-size: 90%;">This week we chat with Tim Nolet, whose commentary appeared in a previous episode after he complained about Amazon forking his OS service and presenting it as new product without so much as a thanks. Since then the two parties have worked things out, and Tim came on the show to explain what happened, what he builds in the open source world, and the company he runs.</div>
162 <div>
163 <span style="background: #e6e6e6;
164 color: #777;
165 border-radius: 3px;
166 padding: 0px 10px;
167 font-size: 70%;
168 display: inline-block;
169 margin-top: 5px;
170 font-weight: 600;">Podcast</span>
171 <span style="background: #e6e6e6;
172 color: #777;
173 border-radius: 3px;
174 padding: 0px 10px;
175 font-size: 70%;
176 display: inline-block;
177 margin-top: 5px;
178 font-weight: 600;">Automation</span>
179 <span style="background: #e6e6e6;
180 color: #777;
181 border-radius: 3px;
182 padding: 0px 10px;
183 font-size: 70%;
184 display: inline-block;
185 margin-top: 5px;
186 font-weight: 600;">DevOps</span>
187 </div>
188 </div>
189 <div style="margin-bottom: 30px;">
190 <a href="https://speckyboy.com/2020-web-design-year-in-review/" style="color: #3252a8; font-weight: bold;">2020 Web Design Year in Review</a>
191 <div style="margin-block-start: 5px; font-size: 90%;">A year “like no other” is about to come to a close. 2020 was certainly unique for everyone – web designers included. And it challenged us on several levels.</div>
192 <div>
193 <span style="background: #e6e6e6;
194 color: #777;
195 border-radius: 3px;
196 padding: 0px 10px;
197 font-size: 70%;
198 display: inline-block;
199 margin-top: 5px;
200 font-weight: 600;">Blog</span>
201 <span style="background: #e6e6e6;
202 color: #777;
203 border-radius: 3px;
204 padding: 0px 10px;
205 font-size: 70%;
206 display: inline-block;
207 margin-top: 5px;
208 font-weight: 600;">Looking back</span>
209 </div>
210 </div>
211 <div style="margin-bottom: 30px;">
212 <a href="https://alexsexton.com/blog/2015/02/the-15-commandments-of-front-end-performance/" style="color: #3252a8; font-weight: bold;">The 15 Commandments of Front-End Performance</a>
213 <div style="margin-block-start: 5px; font-size: 90%;">This list is the product of many years of experience in the front-end web development field. I maintain this list as a reminder to myself to always follow best practices, and to not compromise on performance, even if I’m in a time crunch.</div>
214 <div>
215 <span style="background: #e6e6e6;
216 color: #777;
217 border-radius: 3px;
218 padding: 0px 10px;
219 font-size: 70%;
220 display: inline-block;
221 margin-top: 5px;
222 font-weight: 600;">Blog</span>
223 <span style="background: #e6e6e6;
224 color: #777;
225 border-radius: 3px;
226 padding: 0px 10px;
227 font-size: 70%;
228 display: inline-block;
229 margin-top: 5px;
230 font-weight: 600;">Front-end</span>
231 <span style="background: #e6e6e6;
232 color: #777;
233 border-radius: 3px;
234 padding: 0px 10px;
235 font-size: 70%;
236 display: inline-block;
237 margin-top: 5px;
238 font-weight: 600;">Best practices</span>
239 </div>
240 </div>
241 <div style="margin-bottom: 30px;">
242 <a href="https://opensource.googleblog.com/2020/12/finding-critical-open-source-projects.html" style="color: #3252a8; font-weight: bold;">Finding Critical Open Source Projects</a>
243 <div style="margin-block-start: 5px; font-size: 90%;">Criticality of an open source project is difficult to define; what might be a critical dependency for one consumer of open source software may be entirely absent for another. However, arriving at a shared understanding and framework allows us to have productive conversations about our dependencies. Simply put, we define criticality to be the influence and importance of a project.</div>
244 <div>
245 <span style="background: #e6e6e6;
246 color: #777;
247 border-radius: 3px;
248 padding: 0px 10px;
249 font-size: 70%;
250 display: inline-block;
251 margin-top: 5px;
252 font-weight: 600;">Blog</span>
253 <span style="background: #e6e6e6;
254 color: #777;
255 border-radius: 3px;
256 padding: 0px 10px;
257 font-size: 70%;
258 display: inline-block;
259 margin-top: 5px;
260 font-weight: 600;">Open source</span>
261 </div>
262 </div>
263 <div style="margin-bottom: 30px;">
264 <a href="https://www.stitcher.com/show/the-state-of-the-web/episode/http-archives-10th-anniversary-79556890" style="color: #3252a8; font-weight: bold;">HTTP Archive&#x27;s 10th Anniversary</a>
265 <div style="margin-block-start: 5px; font-size: 90%;">Rick meets with Steve Souders, who created the HTTP Archive project 10 years ago this month, to talk about its origins and reflect on it&#x27;s growth.</div>
266 <div>
267 <span style="background: #e6e6e6;
268 color: #777;
269 border-radius: 3px;
270 padding: 0px 10px;
271 font-size: 70%;
272 display: inline-block;
273 margin-top: 5px;
274 font-weight: 600;">Podcast</span>
275 <span style="background: #e6e6e6;
276 color: #777;
277 border-radius: 3px;
278 padding: 0px 10px;
279 font-size: 70%;
280 display: inline-block;
281 margin-top: 5px;
282 font-weight: 600;">Performance</span>
283 </div>
284 </div>
285 <div style="margin-bottom: 30px;">
286 <a href="https://www.startalkradio.net/show/cosmic-queries-medieval-science-and-history/" style="color: #3252a8; font-weight: bold;">Cosmic Queries – Medieval Science and History</a>
287 <div style="margin-block-start: 5px; font-size: 90%;">When you think Middle Ages, does scientific advancement pop into your head? On this episode of StarTalk Radio, we’re exploring the science and history of medieval times as Neil deGrasse Tyson and comic co-host Matt Kirshen answer fan-submitted Cosmic Queries with Seb Falk, Cambridge Historian of Science and author of The Light Ages: The Surprising Story of Medieval Science.</div>
288 <div>
289 <span style="background: #e6e6e6;
290 color: #777;
291 border-radius: 3px;
292 padding: 0px 10px;
293 font-size: 70%;
294 display: inline-block;
295 margin-top: 5px;
296 font-weight: 600;">Podcast</span>
297 <span style="background: #e6e6e6;
298 color: #777;
299 border-radius: 3px;
300 padding: 0px 10px;
301 font-size: 70%;
302 display: inline-block;
303 margin-top: 5px;
304 font-weight: 600;">Science</span>
305 <span style="background: #e6e6e6;
306 color: #777;
307 border-radius: 3px;
308 padding: 0px 10px;
309 font-size: 70%;
310 display: inline-block;
311 margin-top: 5px;
312 font-weight: 600;">History</span>
313 </div>
314 </div>
315
316 </div>
317
318 <div style="text-align: center; font-size: 80%; margin-top: 20px;">
319 <a style="color: #666; margin: auto 10px" href="https://mitjafelicijan.com/weekly-newsletter-archive/">weekly links archive</a>
320 <a style="color: #666; margin: auto 10px" href="https://mitjafelicijan.com">mitjafelicijan.com</a>
321 <a style="color: #666; margin: auto 10px" href="https://github.com/mitjafelicijan">github.com/mitjafelicijan</a>
322 </div>
323
324 </body>
325
326</html>
diff --git a/newsletter/generated/index.html b/newsletter/generated/index.html
new file mode 100644
index 0000000..7d27ecb
--- /dev/null
+++ b/newsletter/generated/index.html
@@ -0,0 +1,36 @@
1<!DOCTYPE html>
2<html lang="en">
3
4 <head>
5
6 <meta charset="utf-8">
7 <meta name="viewport" content="width=device-width, initial-scale=1.0">
8 <meta http-equiv="X-UA-Compatible" content="ie=edge">
9
10 <meta name="theme-color" content="#ffffff">
11 <meta name="generator" content="https://github.com/mitjafelicijan/staticgen">
12
13 <title>Mitja Felicijan - Weekly links archive</title>
14
15 <link rel="stylesheet" href="https://mitjafelicijan.com/static/style.css">
16 <link rel="icon" type="image/png" href="https://mitjafelicijan.com/static/avatar-64x64.png">
17
18 </head>
19
20 <body>
21
22 <main>
23
24 <a href="/">⬅ Back home</a>
25
26 <h2>Weekly links archive</h2>
27 <ul class="article-list">
28 <li><a href="/weekly-newsletter-archive/2020-53.html">2020, 53</a></li>
29 <li><a href="/weekly-newsletter-archive/2020-52.html">2020, 52</a></li>
30 </ul>
31
32 </main>
33
34 </body>
35
36</html>
generated by cgit v1.2.3 (git 2.46.0) at 2026-05-01 03:15:58 +0000