GitHub

Original file line numberDiff line numberDiff line change

@@ -7,6 +7,7 @@ module.exports = function (rawName) {

77

['cat:nft', 'NFT'],

88

['cat:climate', 'Climate Crisis'],

99

['cat:web', 'World Wide Web'],

10+

['cat:css', 'CSS'],

1011

['around-the-web', 'Around the Web'],

1112

])

1213
Original file line numberDiff line numberDiff line change

@@ -5,6 +5,7 @@ state: done

55

tags:

66

- cat:web-development

77

- cat:accessibility

8+

- cat:javascript

89

---

910
1011

From a recent discussion at work about how to implement a dropdown navigation menu and why `role=menu` is not the right tool for the job.

Original file line numberDiff line numberDiff line change

@@ -4,6 +4,7 @@ date: '2023-07-06'

44

state: done

55

tags:

66

- 'cat:web-development'

7+

- cat:javascript

78

---

89
910

Over the last few days, I’ve been, slowly, rebuilding the Rillendisco website, using my [11ty starter, No. 11](https://github.com/inframanufaktur/no-11).

Original file line numberDiff line numberDiff line change

@@ -4,9 +4,10 @@ date: '2023-02-15'

44

state: done

55

tags:

66

- 'cat:web-development'

7+

- cat:css

78

---

89
9-

# Features

10+

Link dump for a tech talk I gave at DeepL.

1011
1112

## The Foundation

1213
Original file line numberDiff line numberDiff line change

@@ -10,6 +10,7 @@ image:

1010

tags:

1111

- cat:web-development

1212

- cat:eleventy

13+

- cat:javascript

1314

---

1415
1516

Recently I tried to render an async Eleventy shortcode inside a template `for` loop. Spoiler: It didn’t work. Which lead me to learn about async functionality in loops. Here’s what I tried, what failed, and what worked in the end.

Original file line numberDiff line numberDiff line change

@@ -9,6 +9,7 @@ image:

99

alt: 'Detailed photograph of a fully illuminated earth moon'

1010

tags:

1111

- cat:web-development

12+

- cat:css

1213

---

1314
1415

I’m late to the party. I can’t help it. If there is a possibility to be late, I am. But I do like a party. Sometimes I even do like parties in dark rooms. So, implementing dark mode has been out of question.

Original file line numberDiff line numberDiff line change

@@ -9,6 +9,7 @@ image:

99

alt: 'Aerial view of a warehouse with trucks parked ready to be loaded'

1010

tags:

1111

- cat:web-development

12+

- cat:javascript

1213

---

1314
1415

This article shows a pattern of creating dynamic Vuex getters by leveraging functions that return the getter function. This is a pattern I came up with for use in larger projects that shared functionality and data structures between store modules. It’s not the only way to solve this problem, but one I found handy so far.

Original file line numberDiff line numberDiff line change

@@ -10,6 +10,7 @@ tags:

1010

- cat:web-development

1111

- cat:eleventy

1212

- cat:accessibility

13+

- cat:javascript

1314

image:

1415

og: 'ovl-og-image-breadcrumbs.jpg'

1516

title: 'title-image-breadcrumb.jpg'

Original file line numberDiff line numberDiff line change

@@ -13,6 +13,7 @@ tags:

1313

- cat:web-development

1414

- cat:eleventy

1515

- cat:accessibility

16+

- cat:javascript

1617

---

1718
1819

In [post number one of the Worry Stone Diaries,](/text/worry-stone-diaries-no-1/) I explained why I decided to change the architecture of the site and start from a clean slate. It’s version number Eleven(ty) of this page.

Read the original on github.com ↗