aboutsummaryrefslogtreecommitdiff
path: root/emailing/generated/2020-53.html
diff options
context:
space:
mode:
Diffstat (limited to 'emailing/generated/2020-53.html')
-rw-r--r--emailing/generated/2020-53.html326
1 files changed, 326 insertions, 0 deletions
diff --git a/emailing/generated/2020-53.html b/emailing/generated/2020-53.html
new file mode 100644
index 0000000..d306ef7
--- /dev/null
+++ b/emailing/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-links-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>
generated by cgit v1.2.3 (git 2.46.0) at 2026-05-01 00:33:52 +0000