Edition: 2026-09-17

Daily Digest - 2026-09-17

Total articles in digest: 6

Must Read

It's an interesting and potentially useful trick to have an element know where it is on a grid.

Why it's relevant: matches terms: css; fits Dev category
Summary:
- In a previous article, calculated a few values for a responsive grid such as the number of columns, the number of rows, and the coordinates of the grid items.
- Knowing that each item is automatically placed and spans only one row and one column, the task can be done with a bit of math: .container { --s: 120px; /* column size / --g: 10px; / gap / display: grid; grid-template-columns: repeat(auto-fill, minmax(var(--s),1fr)); gap: var(--g); container-type: inline-size; / to be able to use 100cqw / } .container > * { / number of columns / --n: round(down, (100cqw + var(--g))/(var(--s) + var(--g))); / number of rows / --m: round(up, sibling-count()/var(--n)); / item coordinates / --x: round(down,(sibling-index() - 1)/var(--n)); / row index / --y: mod(sibling-index() - 1, var(--n)); / column index */ } Code language: CSS (css) And since all the values are integers, we can display them using a counter: What about a grid where the items are randomly placed?
- Each item can be anywhere in the grid and can span many columns and rows.

Taking a web application from local development to a live, secure production environment can be daunting if you've never looked under the hood.

Why it's relevant: matches terms: web; fits Uncategorized category
Summary:
- Taking a web application from local development to a live, secure production environment can be daunting if you've never looked under the hood.
- We just published a comprehensive course on the freeCodeCamp.org YouTube channel that teaches full-stack deployment from the ground up.
- Developed by Imad Saddik, this course takes a hands-on approach.

Now that we can better customise elements, it's only natural to side-eye other form types that have caused us visual headaches.

Why it's relevant: matches terms: css; fits Dev category
Summary:
- A decent custom checkbox pattern for until ::checkmark is ready Now that we can better customise elements, it’s only natural to side-eye other form types that have caused us visual headaches.
- Sure, we should be applying the lightest of touches to form elements, especially, but even with a bit of visual-massaging, checkboxes are limited, aside from a bit of accent-color .
- There is a brighter future incoming, if you’re to read the spec: The ::checkmark pseudo-element represents an indicator of whether the item is checked, and is present on checkboxes, radios, and option elements.

It’s been several years since I considered a different web browser.

Why it's relevant: matches terms: web; fits Design category
Summary:
- It’s been several years since I considered a different web browser.
- I’ve used Firefox and Mullvad as my main desktop browsers for a while.
- Firefox Focus and Tor have been my mobile browsers of choice.

A next-gen programming model

Why it's relevant: matches terms: programming; fits Developers category
Summary:
- Typesafe.ai has something fresh, powerful, unique here.
- Attributes of Jev that stood out to me: - common-sense judgments over unstructured data - machine interfaces matter more than the chat interfaces - code owns the workflow and AI handles narrow, structured decisions We get the tokenization LLM powers to breakdown input (token window) but without the word vomit.
- No hallucinations because it's not using probability to hopefully create a pleasing string.

Ask a team what they shipped this year and you’ll get a list.

Why it's relevant: fits Design category
Summary:
- There are two things I’ve tried to take a hard pass on when working on consumer-facing financial services apps.
- You can picture both without any help from me.
- To my mind they’re both examples of letting the organisation off the hook at the expense of the user.