~uglyduck/uglyduck.srht.site

ref: 327101a41134614ca313db49525e7846b6b7efed uglyduck.srht.site/_site/articles/index.html -rw-r--r-- 22.6 KiB
327101a4 — Bradley Taunt Slowly running through past articles to ensure proper layout and styling 6 months ago
                                                                                
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
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
<!DOCTYPE html>
<html lang="en">

  <head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <title>
    
      Articles &middot; Ugly Duck
    
  </title>
  <meta name="description" content="The rants and ravings of a madman screaming into the abyss of the internet">
  <link rel="shortcut icon" href="/favicon.png">
  <link rel="alternate" type="application/atom+xml" title="Ugly Duck" href="/feed.xml">
  <link rel="stylesheet" href="/style.css">
</head>


  <body>

    <main id="main" role="main">
      <header role="banner">
    <hr>
<nav role="navigation">
    <a href="/">Home</a>
    <span>&middot;</span>
    <a href="/about">About</a>
    <span>&middot;</span>
    <a href="/projects">Projects</a>
    <span>&middot;</span>
    <a href="/articles">Articles</a>
    <span>&middot;</span>
    <a href="/uses">Things I Use</a>
    <span>&middot;</span>
    <a href="/privacy">Privacy</a>
    <span>&middot;</span>
    <a href="https://en.liberapay.com/uglyduck/">Support</a>
    <span>&middot;</span>
    <a href="/feed.xml">RSS</a>
</nav>
<hr>

</header>

      <header>
  <h1>Articles</h1>
</header>

<section class="article-list">
<table class="articles">
<tbody style="vertical-align:top;">

  <tr>
    <td width="100px"><time datetime="2021-11-09T00:00:00-05:00">2021-11-09&nbsp;&nbsp;</time></td>
    <td><a href="/default-html-style-updates/">Modern Improvements for Default Browser Styles</a></td>
  </tr>

  <tr>
    <td width="100px"><time datetime="2021-11-03T00:00:00-04:00">2021-11-03&nbsp;&nbsp;</time></td>
    <td><a href="/css-js-mistake/">A Reality Where CSS and JavaScript Don't Exist</a></td>
  </tr>

  <tr>
    <td width="100px"><time datetime="2021-10-28T00:00:00-04:00">2021-10-28&nbsp;&nbsp;</time></td>
    <td><a href="/pihole-cloudflare/">Setting Up 1.1.1.1 for Families on a Pi-Hole</a></td>
  </tr>

  <tr>
    <td width="100px"><time datetime="2021-10-15T00:00:00-04:00">2021-10-15&nbsp;&nbsp;</time></td>
    <td><a href="/batch-webp-conversion/">Batch Converting Images to webp with macOS Automator</a></td>
  </tr>

  <tr>
    <td width="100px"><time datetime="2021-09-23T00:00:00-04:00">2021-09-23&nbsp;&nbsp;</time></td>
    <td><a href="/safari-extensions-catalina-patcher/">Enabling Safari Extensions with the macOS Catalina Patcher</a></td>
  </tr>

  <tr>
    <td width="100px"><time datetime="2021-09-08T00:00:00-04:00">2021-09-08&nbsp;&nbsp;</time></td>
    <td><a href="/performance-focused-wordpress-theme/">Create a Performance-Focused WordPress Blog for $4/month</a></td>
  </tr>

  <tr>
    <td width="100px"><time datetime="2021-08-13T00:00:00-04:00">2021-08-13&nbsp;&nbsp;</time></td>
    <td><a href="/pi-400-internal-ssd/">Stuffing an SSD Inside the Raspberry Pi 400</a></td>
  </tr>

  <tr>
    <td width="100px"><time datetime="2021-07-24T00:00:00-04:00">2021-07-24&nbsp;&nbsp;</time></td>
    <td><a href="/sharing-the-things-we-use/">Sharing The Things We Use</a></td>
  </tr>

  <tr>
    <td width="100px"><time datetime="2021-06-20T00:00:00-04:00">2021-06-20&nbsp;&nbsp;</time></td>
    <td><a href="/ps4-download-ui/">PS4 Download UI with Pure CSS</a></td>
  </tr>

  <tr>
    <td width="100px"><time datetime="2021-06-07T00:00:00-04:00">2021-06-07&nbsp;&nbsp;</time></td>
    <td><a href="/css-slope-graphs/">CSS Slope Graphs</a></td>
  </tr>

  <tr>
    <td width="100px"><time datetime="2021-05-29T00:00:00-04:00">2021-05-29&nbsp;&nbsp;</time></td>
    <td><a href="/soma-terminal-css/">SOMA Inspired Terminal Display with CSS</a></td>
  </tr>

  <tr>
    <td width="100px"><time datetime="2021-05-19T00:00:00-04:00">2021-05-19&nbsp;&nbsp;</time></td>
    <td><a href="/personal-website-opinions/">My Changing Opinion on Personal Website Design</a></td>
  </tr>

  <tr>
    <td width="100px"><time datetime="2021-04-27T00:00:00-04:00">2021-04-27&nbsp;&nbsp;</time></td>
    <td><a href="/shiny-css-buttons/">Shiny, Animated CSS Buttons</a></td>
  </tr>

  <tr>
    <td width="100px"><time datetime="2021-04-13T00:00:00-04:00">2021-04-13&nbsp;&nbsp;</time></td>
    <td><a href="/macos-icon-css/">Create a Mac App Icon with Pure HTML &amp; CSS</a></td>
  </tr>

  <tr>
    <td width="100px"><time datetime="2021-04-12T00:00:00-04:00">2021-04-12&nbsp;&nbsp;</time></td>
    <td><a href="/lazy-dev-dark-mode/">The Lazy Developer's Dark Mode</a></td>
  </tr>

  <tr>
    <td width="100px"><time datetime="2021-03-25T00:00:00-04:00">2021-03-25&nbsp;&nbsp;</time></td>
    <td><a href="/load-image-on-click/">Click to Load Website Images</a></td>
  </tr>

  <tr>
    <td width="100px"><time datetime="2021-03-22T00:00:00-04:00">2021-03-22&nbsp;&nbsp;</time></td>
    <td><a href="/89-posts-one-file/">89 Blog Posts in a Single HTML File</a></td>
  </tr>

  <tr>
    <td width="100px"><time datetime="2021-03-11T00:00:00-05:00">2021-03-11&nbsp;&nbsp;</time></td>
    <td><a href="/introducing-pageroast/">Introducing PageRoast</a></td>
  </tr>

  <tr>
    <td width="100px"><time datetime="2021-02-25T00:00:00-05:00">2021-02-25&nbsp;&nbsp;</time></td>
    <td><a href="/launching-thriftyname/">ThriftyName: $5 Brand Names</a></td>
  </tr>

  <tr>
    <td width="100px"><time datetime="2021-02-02T00:00:00-05:00">2021-02-02&nbsp;&nbsp;</time></td>
    <td><a href="/self-hosting-fathom/">Self-Hosting Fathom Analytics with DigitalOcean</a></td>
  </tr>

  <tr>
    <td width="100px"><time datetime="2021-01-19T00:00:00-05:00">2021-01-19&nbsp;&nbsp;</time></td>
    <td><a href="/fathom-analytics-netlify/">Setting Up Fathom Analytics with Netlify</a></td>
  </tr>

  <tr>
    <td width="100px"><time datetime="2021-01-13T00:00:00-05:00">2021-01-13&nbsp;&nbsp;</time></td>
    <td><a href="/introducing-notez/">Introducing Notez</a></td>
  </tr>

  <tr>
    <td width="100px"><time datetime="2021-01-05T00:00:00-05:00">2021-01-05&nbsp;&nbsp;</time></td>
    <td><a href="/animated-radio-tab-toggles">Animated Radio Tab Toggles</a></td>
  </tr>

  <tr>
    <td width="100px"><time datetime="2020-12-28T00:00:00-05:00">2020-12-28&nbsp;&nbsp;</time></td>
    <td><a href="/disabling-comments-in-wordpress/">Disabling Comments in WordPress</a></td>
  </tr>

  <tr>
    <td width="100px"><time datetime="2020-12-08T00:00:00-05:00">2020-12-08&nbsp;&nbsp;</time></td>
    <td><a href="/flexbox-bar-graphs/">Pure CSS Bar Graphs with Graceful Mobile Fallbacks</a></td>
  </tr>

  <tr>
    <td width="100px"><time datetime="2020-12-04T00:00:00-05:00">2020-12-04&nbsp;&nbsp;</time></td>
    <td><a href="/obvious-js-injection-fallback/">Obvious Javascript 'Injection' Fallback</a></td>
  </tr>

  <tr>
    <td width="100px"><time datetime="2020-11-09T00:00:00-05:00">2020-11-09&nbsp;&nbsp;</time></td>
    <td><a href="/bidirectional-scrolling/">Bidirectional Scrolling: Why Not Both?</a></td>
  </tr>

  <tr>
    <td width="100px"><time datetime="2020-10-19T00:00:00-04:00">2020-10-19&nbsp;&nbsp;</time></td>
    <td><a href="/menu-toggle-css/">Menu Toggle with Pure CSS</a></td>
  </tr>

  <tr>
    <td width="100px"><time datetime="2020-10-07T00:00:00-04:00">2020-10-07&nbsp;&nbsp;</time></td>
    <td><a href="/poor-mans-full-bleed/">Poor Man's CSS Full-Bleed Layout</a></td>
  </tr>

  <tr>
    <td width="100px"><time datetime="2020-09-29T00:00:00-04:00">2020-09-29&nbsp;&nbsp;</time></td>
    <td><a href="/simple-jekyll-navigation/">Simple Navigation Setup in Jekyll 3.9.0</a></td>
  </tr>

  <tr>
    <td width="100px"><time datetime="2020-09-16T00:00:00-04:00">2020-09-16&nbsp;&nbsp;</time></td>
    <td><a href="/cheap-portable-pi/">Portable Pi: Cheap Raspberry Pi Zero Hacker Terminal</a></td>
  </tr>

  <tr>
    <td width="100px"><time datetime="2020-09-09T00:00:00-04:00">2020-09-09&nbsp;&nbsp;</time></td>
    <td><a href="/over-engineering-an-oil-tank/">Over-Engineering an Oil Tank Gauge</a></td>
  </tr>

  <tr>
    <td width="100px"><time datetime="2020-09-02T00:00:00-04:00">2020-09-02&nbsp;&nbsp;</time></td>
    <td><a href="/my-pi-desktop/">My Raspberry Pi Desktop</a></td>
  </tr>

  <tr>
    <td width="100px"><time datetime="2020-08-16T00:00:00-04:00">2020-08-16&nbsp;&nbsp;</time></td>
    <td><a href="/linux-mint-macbook-air/">Linux Mint MacBook Air Setup</a></td>
  </tr>

  <tr>
    <td width="100px"><time datetime="2020-08-13T00:00:00-04:00">2020-08-13&nbsp;&nbsp;</time></td>
    <td><a href="/hello-jekyll/">Goodbye WordPress, Hello Jekyll (Again)</a></td>
  </tr>

  <tr>
    <td width="100px"><time datetime="2020-07-14T10:56:16-04:00">2020-07-14&nbsp;&nbsp;</time></td>
    <td><a href="/audio-hotkeys-on-linux-mint/">Audio Hotkeys on Linux Mint</a></td>
  </tr>

  <tr>
    <td width="100px"><time datetime="2020-07-07T08:46:10-04:00">2020-07-07&nbsp;&nbsp;</time></td>
    <td><a href="/improving-githubs-new-design/">Improving Github&#8217;s New Design</a></td>
  </tr>

  <tr>
    <td width="100px"><time datetime="2020-06-22T09:47:48-04:00">2020-06-22&nbsp;&nbsp;</time></td>
    <td><a href="/keynote-slides-with-pure-css/">Keynote Slides with Pure CSS</a></td>
  </tr>

  <tr>
    <td width="100px"><time datetime="2020-06-04T09:06:06-04:00">2020-06-04&nbsp;&nbsp;</time></td>
    <td><a href="/quick-dirty-theme-switcher/">Quick &#038; Dirty Theme Switcher</a></td>
  </tr>

  <tr>
    <td width="100px"><time datetime="2020-05-13T10:40:50-04:00">2020-05-13&nbsp;&nbsp;</time></td>
    <td><a href="/mini-interactive-keyboard-with-pure-css/">Mini Interactive Keyboard with Pure CSS</a></td>
  </tr>

  <tr>
    <td width="100px"><time datetime="2020-05-06T14:32:04-04:00">2020-05-06&nbsp;&nbsp;</time></td>
    <td><a href="/fixing-localwp-on-fedora-32/">Fixing LocalWP on Fedora 32</a></td>
  </tr>

  <tr>
    <td width="100px"><time datetime="2020-05-05T13:22:47-04:00">2020-05-05&nbsp;&nbsp;</time></td>
    <td><a href="/wp-enqueue-for-beginners/">WP Enqueue for Beginners</a></td>
  </tr>

  <tr>
    <td width="100px"><time datetime="2020-04-29T13:56:54-04:00">2020-04-29&nbsp;&nbsp;</time></td>
    <td><a href="/fake-3d-elements-with-css/">Faking 3D Elements with CSS</a></td>
  </tr>

  <tr>
    <td width="100px"><time datetime="2020-03-31T00:00:00-04:00">2020-03-31&nbsp;&nbsp;</time></td>
    <td><a href="/stripe-menu-css/">Stripe Menu Dropdowns (CSS)</a></td>
  </tr>

  <tr>
    <td width="100px"><time datetime="2020-03-18T00:00:00-04:00">2020-03-18&nbsp;&nbsp;</time></td>
    <td><a href="/base64-all-the-things/">Base64 All The Things! (Sometimes)</a></td>
  </tr>

  <tr>
    <td width="100px"><time datetime="2020-02-07T00:00:00-05:00">2020-02-07&nbsp;&nbsp;</time></td>
    <td><a href="/learning-to-floss/">How to "FLOSS" as a Web Designer</a></td>
  </tr>

  <tr>
    <td width="100px"><time datetime="2020-01-07T00:00:00-05:00">2020-01-07&nbsp;&nbsp;</time></td>
    <td><a href="/chromebook-web-development/">Web Development on a $200 Chromebook</a></td>
  </tr>

  <tr>
    <td width="100px"><time datetime="2019-11-29T00:00:00-05:00">2019-11-29&nbsp;&nbsp;</time></td>
    <td><a href="/one-css-change/">Billing for One CSS Change</a></td>
  </tr>

  <tr>
    <td width="100px"><time datetime="2019-11-13T00:00:00-05:00">2019-11-13&nbsp;&nbsp;</time></td>
    <td><a href="/basic-form-styling/">Very Basic Form Styling</a></td>
  </tr>

  <tr>
    <td width="100px"><time datetime="2019-11-01T00:00:00-04:00">2019-11-01&nbsp;&nbsp;</time></td>
    <td><a href="/improving-tufte-jekyll/">Improving Tufte CSS for Jekyll</a></td>
  </tr>

  <tr>
    <td width="100px"><time datetime="2019-10-06T00:00:00-04:00">2019-10-06&nbsp;&nbsp;</time></td>
    <td><a href="/stop-using-sticky-navigation/">Stop Using Sticky Navigation on Mobile</a></td>
  </tr>

  <tr>
    <td width="100px"><time datetime="2019-09-08T20:00:00-04:00">2019-09-08&nbsp;&nbsp;</time></td>
    <td><a href="/plain-text-emails/">Plain Text Emails, Please</a></td>
  </tr>

  <tr>
    <td width="100px"><time datetime="2019-08-27T20:00:00-04:00">2019-08-27&nbsp;&nbsp;</time></td>
    <td><a href="/being-efficient/">Being More Efficient as a Designer &amp; Developer</a></td>
  </tr>

  <tr>
    <td width="100px"><time datetime="2019-07-29T20:00:00-04:00">2019-07-29&nbsp;&nbsp;</time></td>
    <td><a href="/dynamic-checkboxes/">Dynamic Checkboxes</a></td>
  </tr>

  <tr>
    <td width="100px"><time datetime="2019-07-16T20:00:00-04:00">2019-07-16&nbsp;&nbsp;</time></td>
    <td><a href="/styling-empty-table-cells/">Styling Empty Table Cells</a></td>
  </tr>

  <tr>
    <td width="100px"><time datetime="2019-07-04T20:00:00-04:00">2019-07-04&nbsp;&nbsp;</time></td>
    <td><a href="/html5-validator-badge/">Using HTML Validator Badges Again</a></td>
  </tr>

  <tr>
    <td width="100px"><time datetime="2019-06-24T20:00:00-04:00">2019-06-24&nbsp;&nbsp;</time></td>
    <td><a href="/they-wont-wait/">They Won't Wait: A Warning for Slow Websites</a></td>
  </tr>

  <tr>
    <td width="100px"><time datetime="2019-06-19T20:00:00-04:00">2019-06-19&nbsp;&nbsp;</time></td>
    <td><a href="/publish-with-jekyll/">Publishing Simple Books With Jekyll</a></td>
  </tr>

  <tr>
    <td width="100px"><time datetime="2019-06-13T20:00:00-04:00">2019-06-13&nbsp;&nbsp;</time></td>
    <td><a href="/hamburger-menu-alternative/">Using Hamburger Menus? Try Sausage Links</a></td>
  </tr>

  <tr>
    <td width="100px"><time datetime="2019-06-10T20:00:00-04:00">2019-06-10&nbsp;&nbsp;</time></td>
    <td><a href="/responsive-tables/">Making Tables Responsive With Minimal CSS</a></td>
  </tr>

  <tr>
    <td width="100px"><time datetime="2019-06-07T20:00:00-04:00">2019-06-07&nbsp;&nbsp;</time></td>
    <td><a href="/html-like-1999/">Write HTML Like It's 1999</a></td>
  </tr>

  <tr>
    <td width="100px"><time datetime="2019-06-03T20:00:00-04:00">2019-06-03&nbsp;&nbsp;</time></td>
    <td><a href="/user-select/">Using User-Select</a></td>
  </tr>

  <tr>
    <td width="100px"><time datetime="2019-05-28T20:00:00-04:00">2019-05-28&nbsp;&nbsp;</time></td>
    <td><a href="/news-websites-are-dumpster-fires/">News Websites Are Dumpster Fires</a></td>
  </tr>

  <tr>
    <td width="100px"><time datetime="2019-05-21T20:00:00-04:00">2019-05-21&nbsp;&nbsp;</time></td>
    <td><a href="/text-align-justify/">Text Align: Justify</a></td>
  </tr>

  <tr>
    <td width="100px"><time datetime="2019-05-14T20:00:00-04:00">2019-05-14&nbsp;&nbsp;</time></td>
    <td><a href="/improving-receipt-ux/">Improving Receipt UX</a></td>
  </tr>

  <tr>
    <td width="100px"><time datetime="2019-05-08T20:00:00-04:00">2019-05-08&nbsp;&nbsp;</time></td>
    <td><a href="/cut-your-forms-in-half/">Cut Your Forms in Half</a></td>
  </tr>

  <tr>
    <td width="100px"><time datetime="2019-05-02T20:00:00-04:00">2019-05-02&nbsp;&nbsp;</time></td>
    <td><a href="/first-letter/">First Letter Pseudo Element</a></td>
  </tr>

  <tr>
    <td width="100px"><time datetime="2019-04-25T20:00:00-04:00">2019-04-25&nbsp;&nbsp;</time></td>
    <td><a href="/minimal-css-menu/">Minimal CSS: Dropdown Menu</a></td>
  </tr>

  <tr>
    <td width="100px"><time datetime="2019-04-22T20:00:00-04:00">2019-04-22&nbsp;&nbsp;</time></td>
    <td><a href="/character-unit/">CSS Character Unit</a></td>
  </tr>

  <tr>
    <td width="100px"><time datetime="2019-04-19T20:00:00-04:00">2019-04-19&nbsp;&nbsp;</time></td>
    <td><a href="/browser-history-sucks/">Browser History Sucks</a></td>
  </tr>

  <tr>
    <td width="100px"><time datetime="2019-04-14T20:00:00-04:00">2019-04-14&nbsp;&nbsp;</time></td>
    <td><a href="/still-using-jquery/">Yes, I Still Use jQuery</a></td>
  </tr>

  <tr>
    <td width="100px"><time datetime="2019-04-12T20:00:00-04:00">2019-04-12&nbsp;&nbsp;</time></td>
    <td><a href="/current-color/">CSS Value: currentColor</a></td>
  </tr>

  <tr>
    <td width="100px"><time datetime="2019-04-04T20:00:00-04:00">2019-04-04&nbsp;&nbsp;</time></td>
    <td><a href="/indenting-text-with-css/">CSS: Indenting Text</a></td>
  </tr>

  <tr>
    <td width="100px"><time datetime="2019-03-25T20:00:00-04:00">2019-03-25&nbsp;&nbsp;</time></td>
    <td><a href="/simple-does-not-mean-ugly/">Simple Does Not Mean Ugly</a></td>
  </tr>

  <tr>
    <td width="100px"><time datetime="2019-03-24T20:00:00-04:00">2019-03-24&nbsp;&nbsp;</time></td>
    <td><a href="/skip-to-content/">Skip to Content Button</a></td>
  </tr>

  <tr>
    <td width="100px"><time datetime="2019-03-12T20:00:00-04:00">2019-03-12&nbsp;&nbsp;</time></td>
    <td><a href="/form-ui-improvements/">Prescription Form UI Improvements</a></td>
  </tr>

  <tr>
    <td width="100px"><time datetime="2019-02-26T19:00:00-05:00">2019-02-26&nbsp;&nbsp;</time></td>
    <td><a href="/animated-card-tiles/">Animated Card Tiles</a></td>
  </tr>

  <tr>
    <td width="100px"><time datetime="2019-02-17T19:00:00-05:00">2019-02-17&nbsp;&nbsp;</time></td>
    <td><a href="/easy-toggle-switches/">Easy Toggle Switches</a></td>
  </tr>

  <tr>
    <td width="100px"><time datetime="2019-02-14T19:00:00-05:00">2019-02-14&nbsp;&nbsp;</time></td>
    <td><a href="/super-mario-blocks-css/">Super Mario Blocks in CSS</a></td>
  </tr>

  <tr>
    <td width="100px"><time datetime="2019-02-04T19:00:00-05:00">2019-02-04&nbsp;&nbsp;</time></td>
    <td><a href="/proper-ui-hierarchy/">Proper UI Hierarchy</a></td>
  </tr>

  <tr>
    <td width="100px"><time datetime="2019-01-27T19:00:00-05:00">2019-01-27&nbsp;&nbsp;</time></td>
    <td><a href="/tabbed-content/">Tabbed Content Without JavaScript</a></td>
  </tr>

  <tr>
    <td width="100px"><time datetime="2019-01-20T19:00:00-05:00">2019-01-20&nbsp;&nbsp;</time></td>
    <td><a href="/easy-custom-radio-inputs/">Easy Custom Radio Inputs</a></td>
  </tr>

  <tr>
    <td width="100px"><time datetime="2019-01-14T19:00:00-05:00">2019-01-14&nbsp;&nbsp;</time></td>
    <td><a href="/basic-gulp-build-for-sass/">Basic gulp build for Sass</a></td>
  </tr>

  <tr>
    <td width="100px"><time datetime="2019-01-07T19:00:00-05:00">2019-01-07&nbsp;&nbsp;</time></td>
    <td><a href="/better-box-shadows/">Better Box Shadows</a></td>
  </tr>

  <tr>
    <td width="100px"><time datetime="2019-01-05T19:00:00-05:00">2019-01-05&nbsp;&nbsp;</time></td>
    <td><a href="/over-nesting/">Over-nesting</a></td>
  </tr>

  <tr>
    <td width="100px"><time datetime="2018-12-18T19:00:00-05:00">2018-12-18&nbsp;&nbsp;</time></td>
    <td><a href="/jsincss-parent-selector/">Using parent selectors in CSS</a></td>
  </tr>

  <tr>
    <td width="100px"><time datetime="2018-11-27T19:00:00-05:00">2018-11-27&nbsp;&nbsp;</time></td>
    <td><a href="/width-vs-flex-basis/">Width or flex-basis?</a></td>
  </tr>

  <tr>
    <td width="100px"><time datetime="2018-11-21T19:00:00-05:00">2018-11-21&nbsp;&nbsp;</time></td>
    <td><a href="/flexbox-grid/">Adaptable Flexbox Grid</a></td>
  </tr>

  <tr>
    <td width="100px"><time datetime="2018-10-17T20:00:00-04:00">2018-10-17&nbsp;&nbsp;</time></td>
    <td><a href="/what-happened-to-self-hosted-blogs/">What happened to self-hosted blogs?</a></td>
  </tr>

  <tr>
    <td width="100px"><time datetime="2018-09-19T20:00:00-04:00">2018-09-19&nbsp;&nbsp;</time></td>
    <td><a href="/pure-css-simple-dropdown-plugin/">Pure CSS simple dropdown plugin</a></td>
  </tr>

  <tr>
    <td width="100px"><time datetime="2018-09-06T20:00:00-04:00">2018-09-06&nbsp;&nbsp;</time></td>
    <td><a href="/simple-accessibility/">Simple accessibility</a></td>
  </tr>

  <tr>
    <td width="100px"><time datetime="2018-08-27T20:00:00-04:00">2018-08-27&nbsp;&nbsp;</time></td>
    <td><a href="/multiple-css-background-images/">Using Multiple CSS Background Images</a></td>
  </tr>

  <tr>
    <td width="100px"><time datetime="2018-08-06T20:00:00-04:00">2018-08-06&nbsp;&nbsp;</time></td>
    <td><a href="/setting-up-free-ssl/">Setting Up a Free SSL</a></td>
  </tr>

  <tr>
    <td width="100px"><time datetime="2018-04-15T20:00:00-04:00">2018-04-15&nbsp;&nbsp;</time></td>
    <td><a href="/css-video-backgrounds/">CSS Video Backgrounds</a></td>
  </tr>

  <tr>
    <td width="100px"><time datetime="2018-03-23T20:00:00-04:00">2018-03-23&nbsp;&nbsp;</time></td>
    <td><a href="/css-variables/">CSS variables</a></td>
  </tr>

  <tr>
    <td width="100px"><time datetime="2018-02-11T19:00:00-05:00">2018-02-11&nbsp;&nbsp;</time></td>
    <td><a href="/stay-hungry/">Stay Hungry</a></td>
  </tr>

  <tr>
    <td width="100px"><time datetime="2018-01-24T19:00:00-05:00">2018-01-24&nbsp;&nbsp;</time></td>
    <td><a href="/open-source-typeface-pairings/">Open Source Typeface Pairings</a></td>
  </tr>

  <tr>
    <td width="100px"><time datetime="2018-01-13T19:00:00-05:00">2018-01-13&nbsp;&nbsp;</time></td>
    <td><a href="/et-jekyll-theme/">ET-Jekyll theme</a></td>
  </tr>

  <tr>
    <td width="100px"><time datetime="2017-11-19T19:00:00-05:00">2017-11-19&nbsp;&nbsp;</time></td>
    <td><a href="/chasing-performance/">Chasing performance</a></td>
  </tr>

  <tr>
    <td width="100px"><time datetime="2017-10-31T20:00:00-04:00">2017-10-31&nbsp;&nbsp;</time></td>
    <td><a href="/death-of-personality/">The Death of Personality</a></td>
  </tr>

  <tr>
    <td width="100px"><time datetime="2017-10-09T20:00:00-04:00">2017-10-09&nbsp;&nbsp;</time></td>
    <td><a href="/design-review-dropbox/">Unsolicited Design Review - Dropbox</a></td>
  </tr>

  <tr>
    <td width="100px"><time datetime="2017-08-06T20:00:00-04:00">2017-08-06&nbsp;&nbsp;</time></td>
    <td><a href="/goodbye-css-preprocessors/">Goodbye CSS Preprocessors</a></td>
  </tr>

  <tr>
    <td width="100px"><time datetime="2017-07-09T20:00:00-04:00">2017-07-09&nbsp;&nbsp;</time></td>
    <td><a href="/designers-need-thicker-skin/">Designers need thicker skin</a></td>
  </tr>

  <tr>
    <td width="100px"><time datetime="2016-11-14T19:00:00-05:00">2016-11-14&nbsp;&nbsp;</time></td>
    <td><a href="/the-wonders-of-text-ellipsis/">The wonders of text ellipsis</a></td>
  </tr>

  <tr>
    <td width="100px"><time datetime="2016-05-27T20:00:00-04:00">2016-05-27&nbsp;&nbsp;</time></td>
    <td><a href="/aqua-ui-buttons/">Aqua UI CSS buttons</a></td>
  </tr>

</tbody>
</table>

</section>

      <footer role="contentinfo" id="menu">
    <hr>
<nav role="navigation">
    <a href="/">Home</a>
    <span>&middot;</span>
    <a href="/about">About</a>
    <span>&middot;</span>
    <a href="/projects">Projects</a>
    <span>&middot;</span>
    <a href="/articles">Articles</a>
    <span>&middot;</span>
    <a href="/uses">Things I Use</a>
    <span>&middot;</span>
    <a href="/privacy">Privacy</a>
    <span>&middot;</span>
    <a href="https://en.liberapay.com/uglyduck/">Support</a>
    <span>&middot;</span>
    <a href="/feed.xml">RSS</a>
</nav>
<hr>

    <small>
        Keep this website ad-free by supporting via <a href="https://en.liberapay.com/uglyduck/">Liberapay</a>.<br>
        Built with <a href="https://jekyllrb.com/">Jekyll</a> & hosted on <a href="https://netlify.com">Netlify</a>.<br>
        Maintained with &hearts; for the web.<br>
        Honorary member of <a href="https://1mb.club">1MB Club</a> &amp; <a href="https://xhtml.club">XHTML Club</a>
    </small>
    <hr>
    <small>The most recent revision of this page was made on <b>November 11, 2021</b></small>
</footer>

    </main>
    
  </body>
</html>