kiko.io Posts

New European Banknotes

2026-07-27T16:12:51.000Z

In 2025, the number of people in Germany paying by credit or debit card overtook the number of cash payers for the first time. At first glance, it seems that cash (coins and banknotes) will eventually become completely obsolete here too. I’ve personally noticed this: I pretty much pay for everything via my smartphone now and hardly ever carry any cash with me. It’s so convenient, and when abroad, you don’t even have to go through the hassle of exchanging money.

Many other European countries are already much further along in this process. Sweden, for example, moved almost entirely away from cash nearly 10 years ago … BUT … they are now realising the downsides of a purely digital payment system, such as a lack of financial inclusion, cyberattacks and fading trust in international financial partners … and are turning back the clock! Back to Cash!

It is therefore only logical that, while investing in its own digital euro solutions, the EU is simultaneously addressing the replacement of the ageing euro banknotes. These efforts, which have been underway since 2023 in the form of a design contest, have culminated this year in a shortlist of 10 new designs for the future banknotes, which are to be assessed by the end of the year before a winner is chosen.

Future banknotes

The European Central Bank (ECB) is the central bank of the European Union countries which have adopted the euro. Our main task is to maintain price stability in the euro area and so preserve the purchasing power of the single currency.

www.ecb.europa.eu

In the run-up to the competition, the ECB defined two different groups of motifs. The first is European Culture, represented on the front by various portraits of well-known Europeans such as Maria Callas, Ludwig van Beethoven and Leonardo da Vinci, and on the back by groups of people. The second is the Rivers and Birds group, featuring on the front and European buildings on the back. Five designs have been shortlisted for each motif group. Here are the designs, using the 10-euro note as an example:

European Culture

Rivers and Birds

All European citizens will now be involved in the evaluation of the shortlist via a survey on the shortlisted designs; however, a great many other people are also likely to take part, as there are, quite rightly, no restrictions on access.

Survey Campaign - Future banknotes, Ten possible designs

Our euro banknotes are getting a makeover - and you can be a part of it!

www.ecb.europa.eu

Personally, I don’t really understand the motif groups, nor do I get some of the designs, but it’s worth noting that some of them only work when held upright - which I’d see as a real improvement, because after all, we do hold these notes upright in our hands when counting them out. The landscape format may be traditional, but it’s impractical. I’m also not keen on having people on the notes and hope the EU doesn’t introduce this now, having relied on architectural landmarks for decades. I don’t need the Callas in my wallet, nor do I need Bertha von Suttner - even though I might recognise their life’s work if I’d actually engaged with it. At least it’s not politicians or other statesmen or stateswomen. Dear US friends: When are you going to swap George Washington’s portrait for The Donald’s again?

My personal favourite is definitely Design J, closely followed by Design I and D. Something with birds …

More Information

Cashless payments are trending - Payment behaviour in Germany in 2025

In 2025, for the first time, people in Germany used cashless means of payment to pay for their day-to-day purchases more frequently than cash. According to the Bundesbank's latest study on payment behaviour, 55 % of all recorded purchases were settled without cash in 2025. The trend towards cashless payments is continuing, explained Executive Board member Burkhard Balz at the presentation of the results.

www.bundesbank.de

Cash-free Sweden backpedals on banknotes | Euractiv

The government submitted a bill to parliament that would require grocery stores and pharmacies to accept cash on Wednesday

www.euractiv.com

Digital euro

www.ecb.europa.eu

Sicily Stills

2026-07-18T10:00:00.000Z

I’ve already posted most of the following photos in my first post about Sicily, but here they are all again, along with the ones I’m not using as header images. Colours and shapes… you know what I mean ;)

Sicily Scenes

2026-07-16T16:22:00.000Z

There are insights, vistas, glimpses and perspectives that don’t fit into any particular pattern or category. I like to call them scenes, and as photographs they always have their own charm. Here are a few of them from our trip to the wonderful island of Sicily, as the fifth part of my photo series.

Sicily People

2026-07-15T05:45:00.000Z

For many years, what interested me most about photography were shapes and colours. People didn’t play a major role, because they didn’t fit the pattern. That has changed in recent years, and I very often press the shutter button when I spot an interesting scene. Not like a street photographer who actively approaches people to get a good shot, but more as a spectator and observer. By-catch. I don’t really know why those photos work always better when I edit them into black-and-white images afterwards. Can anyone explain this to me?

Of course, I came across a few such scenes again on our trip to Sicily, because although we were there quite early in the year for tourists, there’s hardly a corner of the island where you don’t come across people.

Re: CSS is simple, stop making it hard

2026-07-13T17:07:04.000Z

I came across Martijn’s post on Bubbles today and would like to take this opportunity to answer his question from my point if view …

I can already hear you complaining that you shouldn’t use tables for layout. Why exactly?

CSS is simple, stop making it hard

Or: how to embrace 1997 CSS

blog.brixit.nl

All of us (with 40+ years under our belts) used tables in the late 90s to achieve the holy grail of layout …

HEADER
NAV | CONTENT | ADS
FOOTER

… BUT … back then, on the one hand, we had no other options, and on the other, there was simply no other display device available apart from the monitor on our computers under the desk! All layouts were in landscape format with a resolution of at least 800 x 600. So it didn’t matter that we had rigidly fixed the positioning of the layout elements directly in the HTML using rows (TR) and cells (TD).

However, with the advent of tablets and smartphones, the width available in portrait mode became far too narrow to accommodate three side-by-side sections that were still legible, and the fixed structure dictated by HTML became a drawback if you did not want to create two versions (as was common practice initially) – one for desktops and another for mobile devices. If we take statistics such as those from SimilarWeb for June 2026 at face value, the proportion of desktop visits to websites currently stands at less than 33%, and the trend is downwards. Other analyses will certainly reach the same conclusion.

CSS has made web development much simpler here, even though the techniques behind it have, in some cases, reached a level of complexity that is almost incomprehensible. However, flex and grid are generally a blessing, even in their simplest form, and no one – really NO ONE – needs to rely on TABLE in 2026, nor should it be used for anything other than … tables. And even this only in exceptional cases.

This post is part of the #JulyReply campaign initiated by Robert Birming.

Football Data Portraits

2026-07-13T16:01:00.000Z

Football today is an incredibly data-driven sport. Everything is analysed, measured and weighted, and every now and then the fans get to see a little bit of this data, such as on-screen graphics showing ball possession or similar statistics.

Alexander Bogachev’s project Football Data Portraits demonstrates what can be done with this data, which are often freely available. He processes the data from all the matches in the current FIFA World Cup, transforming it into highly visual waves – coloured to match each team – on a virtual football pitch, shown in fast motion over the entire duration of the match. It’s great fun to watch, especially if you’ve seen the match on TV or even live.

#Data #Analytics #Football

FIFA World Cup 2026 Data Portraits

Every 2026 World Cup match as a living data-portrait — two territory blankets, a momentum pulse, honest football made beautiful.

wc26.bogachev.fr

Sunny July

2026-07-12T18:27:34.000Z

We’re currently experiencing the second major heatwave in Germany. After the 41 degrees Celsius we had a few weeks ago in June, the 35 degrees now actually feel quite pleasant. Contrary to my usual habit, I didn’t manage to get around to taking photos in Thomas’ Garden in June, so I’m now posting some new photos from July … and I think there are a few lovely ones amongst them.

Sicily Architecture

2026-07-12T12:52:00.000Z

Sicily is an island where, over the centuries, just about every culture in the Mediterranean has left its mark: Romans, Greeks, Arabs, Normans, etc. We didn’t spend much time exploring the history during our trip in May because it was meant to be a relaxing vacation, not a history lesson, but it’s definitely fascinating, and we’ll certainly return and visit a few more cultural monuments made of stone. We haven’t seen the south yet …

Sicily Views

2026-07-10T08:38:00.000Z

This is part two of my photographic review of our journey to Sicily in May. Views. And the island has so many of them – and in those two weeks we were only able to see just a few in the north.

It was truly impressive – and a first for me – to come face to face not just with one, but two active volcanoes: Etna and Stromboli. Unforgettable moments in the presence of natures raw, uncontrollable power, which makes one feel rather humble.

My oh-so-beloved sea did the rest to fill up my camera’s memory card. For me, a coastline marks the boundary between two completely different worlds, and my longing for the sea is probably driven by my curiosity about what lies beyond or beneath what is unknown to me. Besides, there is nothing more beautiful than the blue of the sea.

Sicily

2026-07-08T07:44:44.000Z

I only take photos occasionally, even though it’s one of my great passions. Vacations are, of course, the perfect opportunity for this, although I have to make some compromises here too, because no woman who isn’t keen on photography will tolerate waiting for hours for the right moment in the long run. I’ve reached a tacit agreement with my better half that I’ll always lag a little behind on our trips. She turns round every now and then to see where I am.

After returning from vacation, I edit the photos in Lightroom, and depending on how much time I’ve got, this process can sometimes take a little longer. First, I flag the good ones, edit them indidually and then assign star ratings. 5 stars means the image ends up in my blog’s photo pool, to be used as a header image someday, as they have the most beautiful colours and shapes. Then, I award 4 stars to those I want to publish on other platforms via my blog (like Vernissage et al), and for which a separate photo page is therefore also created when the blog is built. Last but not least, I use the 3-star photos as assets in a related post.

I’ve just finished processing the about 1,300 photos from our holiday in Sicily in May, and this time 315 of them managed to score at least 3 stars. It wouldn’t make sense to cover them all in a single post, so I’m dividing them into seven topic-based posts and publishing them in stages, starting today with the 5-star photos.

Further Posts:

Link Journal 26-06

2026-07-06T08:48:26.000Z

Over the past month of June, I’ve collected 21 links for my link journal.

2026-06-01

clipify - A modern JavaScript library designed to enhance clipboard management

github.com

JavaScript

A modern JavaScript library designed to enhance clipboard management. It allows users to store, retrieve, and securely manage clipboard content with advanced features like history tracking, automat...

2026-06-02

slickless — a jQuery-free slick carousel, reborn

yfxie.github.io

JavaScript UI

slickless is a small, accessible, jQuery-free port of slick carousel. Zero dependencies, modern DOM, modern motion.

2026-06-04

Designing an Autogenerated Live Color Scale in CSS

thathtml.blog

CSS/Colors

Color palettes which are manually designed will always be superior (yes, humans still beat automation!)…but you can get pretty close.

2026-06-12

8 CSS & JavaScript Snippets for Adding Scroll Effects to Your Website

speckyboy.com

CSS/Animation

A fantastic collection of CSS and JavaScript scrolling effect code snippets that will wow your visitors and steer clear of being obtrusive.

2026-06-12

Create world map charts with svgMap

stephanwagner.me

JavaScript SVG

Easily create interactive world map charts with svgMap. Compare customizable data for each country using this JavaScript library.

GitHub - stephanwagner/svgMap: svgMap is a JavaScript library that lets you easily create an interactable world map comparing customizable data for each country.

svgMap is a JavaScript library that lets you easily create an interactable world map comparing customizable data for each country. - stephanwagner/svgMap

github.com

2026-06-12

Google Material Inspired Time Picker Component

www.cssscript.com

WebComponents

A vanilla JavaScript library to create a customizable, beautiful, mobile-friendly time picker component inspired by Google Material design system.

2026-06-12

Native HTML Form Validation Enhancer with Zod Support

www.cssscript.com

WebComponents

A web component that upgrades native HTML5 form validation with inline errors, CSS state classes, ARIA support, and optional Zod schema integration.

Alistair Davidson / validation-enhancer · GitLab

The easiest, most lightweight validation system - a web component that brings your forms to life.

gitlab.com

2026-06-12

smile2emoji - Plugin to convert Emoji from punctuation

github.com

JavaScript

Plugin to convert from text smile to emoticons. Emoji from punctuation - emish89/smile2emoji

2026-06-14

Prop For That - Everything JS knows, now CSS knows

nerdy.dev

JavaScript CSS

A JS library that backfills what CSS doesn't provide us yet (and maybe never will).

prop-for-that: CSS reacts, JS just listens

prop-for-that.netlify.app

2026-06-16

contrast-color() beyond black & white

una.im

CSS/Colors

Two techniques that bypass the black-or-white limit of contrast-color() for custom color palettes.

2026-06-18

TownSquare - Turn your site into a place people can bump into each other

cauenapier.com

Interactions

Releasing Town Square. Bring back the feeling that real people are browsing your site with you.

TownSquare — a tiny presence layer for websites

TownSquare adds a small shared place to your website where visitors can see each other, walk around, and chat.

townsquare.cauenapier.com

2026-06-19

Iroh 1

www.iroh.computer

Network

Iroh 1.0 is out. Now is the time to build.

2026-06-23

AFS — Advanced Filter System

misits.github.io

JavaScript

A flexible, dependency-free JavaScript library for filtering DOM elements with search, sorting, ranges, pagination and URL state built in

2026-06-23

Defuddle — Get the main content of any page as Markdown

defuddle.md

HTML Markdown

Get the main content of any page as clean, readable Markdown.

GitHub - kepano/defuddle: Get the main content of any page as Markdown.

Get the main content of any page as Markdown. Contribute to kepano/defuddle development by creating an account on GitHub.

github.com

2026-06-23

Lightbox 3

lokeshdhakar.com

JavaScript

The original lightbox script. Now with fluid animations and touch‑first gestures.

2026-06-23

relative-time - Web component extensions to the standard time element

github.com

WebComponents

Web component extensions to the standard <time> element. - github/relative-time-element

2026-06-24

Thumbmark — Visitor Identification at Scale

www.thumbmarkjs.com

JavaScript Identity

Open-source browser fingerprinting for fraud prevention, analytics, and personalization. No cookies required.

2026-06-24

Let's Play With Gap Decorations!

master.dev

CSS

The `rule` (and friends) CSS property allows us to draw markers (like borders) in the gaps between columns and rows (and flex items!)

2026-06-27

folk

folk.zone

Tools

folk.zone is an IndieWeb commons: free, open-source internet services run on real hardware by one person. Federated social, writing, git, wiki, IRC, and more.

2026-06-29

KI-Blase durchgerechnet - Erst zahlen, dann erschrecken!

www.metacheles.de

Heute keine SpaceX-Sonderausgabe, sondern die Mutter aller Bauboome: der globale KI- und Rechenzentrums-Rausch. Ich habe mich durch SEC-Unterlagen, Quartalszahlen, Studien und die Berichterstattung von Bloomberg, Financial Times, Wall Street Journal und The Information gewuehlt — plus ein paar Untergangs- und Heilsvideos zum Gegencheck. Ich sortiere fuer euch, was

2026-06-29

Modern CSS theming with light-dark(), contrast-color(), and style queries

una.im

CSS

Combine three new CSS features to build fully adaptive themed components.

Re: JulyReply 2026, a blog connecting month

2026-07-02T18:27:00.000Z

June has just ended, and it was fun to take part in Robert’s Junited campaign, even though I had a few days with gaps and only managed to collect 29 links. For my first time participating, though, that’s pretty near optimal.

Today Robert has launched the next stage: JulyReply. Now it’s not just about collecting, but about replying to posts. Just the right thing for me, since I’m feeling a bit lazy about writing actually and prefer to tinker with my photos.

#JulyReply

JulyReply 2026, a blog connecting month

June is done and Junited 2026 wrapped up. Now it's time for JulyReply, the third edition of this blog connecting event where bloggers reply to each other's posts throughout July.

robertbirming.com

This post is part of the #JulyReply campaign initiated by Robert Birming.

TownSquare - Chatting with Strangers

2026-06-26T12:02:17.000Z

You stroll around a traditional market in town, stop at a stall and have a look at what’s on offer. You’re never alone, as others are doing the same. Unless you’re in a hurry and you like people, it’s quite common to strike up a casual conversation with other stall-goers or even the stallholder. “The stand is quite busy.” “The product is rather expensive, though.” “It’s hot today, but it’s finally supposed to rain this afternoon.” Conversations that we usually forget quite quickly, but which make us social beings.

One problem with the traditional internet, on the other hand, is that you usually ‘surf’ the web on your own. Reading a blog post is a passive activity, and contact with the blogger, if possible at all, is asynchronous. Social networks are somewhat different in this regard, but the platforms usually operate in a silo, acting in their own interests – with all the associated excesses – and outside the confines of your own blog. The latter can be mitigated somewhat, for example, by using tools such as Mentions United to bring platform interactions ‘home’, but these interactions are still asynchronous and merely link content to comments, likes and the like.

Cauê Napier has reduced the distance between blog owners and visitors in a playful way with his TownSquare project – and right on the blog itself, using embedded JavaScript and CSS as a widget. In an interactive, customizable scene, your own website acts as a stall, and visitors stroll past as stick figures whom you can address in a sort of chat. You can give yourself a name and, browser-dependent, crown yourself the owner in the admin console so that other visitors can see when the blogger is present. There, you can also moderate the chats and kick users out if they behave badly.

The project is available on GitHub (without license specified so far) and consists of the mentioned web widget and a Node.js server, which you can self-host if you wish to operate independently of Cauê’s own instance.

TownSquare is less than a month old, and Cauê openly admits that AI did most of the work. Whilst that leaves a slightly bitter aftertaste at first, I find the concept convincing and have confidence that he will properly test all upcoming enhancements before release. That’s why you’ll find the new town square in the footer of all my pages…

Hacker News - Show HN: TownSquare, a tiny presence layer for websites

news.ycombinator.com

Good News on Google's AI Overviews

2026-06-11T08:54:00.000Z

It was clear that Google’s unilateral abandonment of the quid pro quo principle of search — now effectively replaced by an AI-generated summary — poses a threat to the internet and will eventually backfire. Now there is a court ruling from Germany that holds Google directly responsible for false statements in its “search” results, whereas previously it could fall back on the excuse of merely listing the most relevant hits. Very good, keep it up. Perhaps this will help prevent the dystopias announced at this year’s I/O conference.

More Links:
TechPolicy: Google’s ‘New Era for AI Search’ May Threaten Democracy

#AI

Landmark German ruling declares Google's AI Overviews are Google's own words and makes it liable for false answers

A German regional court has ruled that Google is directly liable for the content of its AI search overviews. According to the court, previous limited liability protections for search engine operators don't apply to AI overviews. In this case, Google's AI had falsely linked two publishers to fraud and made claims that didn't appear in any of the linked sources. The ruling could set a precedent for AI-generated content liability worldwide.

the-decoder.com

Miniatur Wunderland, Hamburg @ 2026-06-04

2026-06-07T12:39:33.000Z

Many, many years ago, my darling and I planned a long weekend in Hamburg, including a sightseeing bus tour, a harbor cruise, and all the other things you typically do in Germany’s northernmost metro area when you’re there together for the first time.

Since even as a grown man, I can hardly shake off my inner child, I suggested visiting the famous Miniatur Wunderland (Wikipedia) in Hamburg’s Speicherstadt, and she didn’t mind, even though she seemed skeptical at first. Girls just don’t usually play with model trains, but what Gerrit and Frederik Braun, the founders of Miniatur Wunderland, have built there in the space of a 150-year-old warehouse has since become famous far beyond the borders of Hamburg, so she let herself be persuaded.

Now we’re both die-hard fans of this XXXXXL model train layout (biggest in the world!), because what sets it apart from others isn’t just the size, but also the attention to detail and the humor of its builders, who are also too stubborn to give up when something seems technically impossible. Just think of the 10 years it took to develop real Formula 1 races with miniature race cars in the Monaco section.

We try to visit Hamburg once a year, and this year, combining our trip with the Linkin Park concert made it the perfect opportunity for our fifth (or sixth?) visit to Miniatur Wunderland. I’ve taken lots and lots of photos of the exhibit in the past, but I’ve never posted them here before — until now.

Construction Site: South America

Another thing that makes Wonderland so appealing is the fact that new attractions are always being built right in plain view, allowing visitors to literally look over the builders’ shoulders. Currently, the largest section to date is nearing completion: South America, featuring the Atacama Desert and the Rainforest, created in collaboration with the Argentine company United Scale Arts of the Martinez family from Pilar, who have already built the majority of the Patagonia and Rio de Janeiro sections. This new section is by far the largest ever created at Wunderland: nearly 160 square meters, spanning two floors!

A few shipping containers carrying the building components arrived in Hamburg this spring, and the team is currently putting everything together and adding the finishing touches. For those interested in seeing the construction process over the years, I recommend the YouTube playlist “Regenwald-Updates” (German). I’m sooo excited to see how it turns out in the end. Our next trip to Hamburg is practically booked…

You want to see more photos from the Miniatur Wunderland, Hamburg? Go ahead …

Miniatur Wunderland - kiko.io

Photo Box 'Miniatur Wunderland' by Kristof Zerbe

kiko.io

Hamburg Views

2026-06-07T10:29:26.000Z

The first settlement, known as Hammaburg, dates back to the 8th century AD. What developed over the following 1,200 years is what we know today as Germany’s second-largest city: Hamburg.

My partner and I go there for two or three days every year because we simply love the city, the harbor, the nearby sea, and the city’s vibe, as well as the Miniatur Wunderland located there, which is a once-a-year fixture on our travel calendar.

There’s never enough time to wander around the city and take photos, but I snapped a few this time as well…

Linkin Park, Hamburg @ 2026-06-03

2026-06-06T13:39:58.000Z

It’s been 25 years since I first heard Chester Bennington growling into a microphone, and ever since then I’ve been a fan of both hard rock and crossover. My goodness, what gems these guys from Linkin Park delivered in the 2000s. “Crawling” isn’t just on my all-time best playlist, but I can sing along to it at any time (or so I like to think ;)

Of course, I too was saddened in 2017 when the news of Chester’s tragic death broke, knowing for certain that there would never be any new music from this extraordinary group, because their music was – and still is – defined by his incredible voice.

When Mike Shinoda announced in 2024 that Emily Armstrong would be taking Chester’s place in the band and that new material was on the way, I was sceptical at first… but the guys – and now the lady too – have proven me wrong. The NEW Linkin Park are brilliant, and Emily brings a fresh, positive touch to the mix.

So I just had to get tickets for myself and my girl for one of the concerts on their tour in Germany, and we chose Hamburg… at the stadium with around 50,000 other fans. If we’re going to do it, we’re going to do it right … … and it was just awesome!

🤘

Blooming Velmede

2026-06-02T15:27:51.000Z

The mother of my sunshine has a beautiful garden behind her house, right by the river Ruhr, which her son tends with great passion. There are quite a few gorgeous flowers in bloom at the moment and it’s simply lovely. I had to made some photos, even with my crappy smartphone. Here are a few shots. Enjoy.

Link Journal 26-05

2026-06-02T06:15:54.000Z

Over the past month of May, I’ve collected 17 links for my link journal.

2026-05-07

Chrome secretly installs a 4GB AI model on Windows 11 – here’s how to stop it

pureinfotech.com

AI Browser

Stop Chrome from silently downloading the 4GB Gemini Nano model on Windows 11. Use this Registry fix to block it for good.

Chrome secretly installed U2's Songs of Innocence without your consent and how to uninstall (4gb AI in Chrome) - Pocketables

There's been a lot of talk about where a 4gb AI file on people's computers came from and how Chrome secretly pushed it... much like they secretly pushed

pocketables.com

Google’s Prompt API

No web standard should require you to agree to an advertising company’s “terms of use.”

wil.to

Google Chrome silently installs a 4 GB AI model on your device without consent. At a billion-device scale the climate costs are insane. — That Privacy Guy!

Google Chrome is downloading a 4 GB Gemini Nano model onto users' machines without consent, with no opt-in, no opt-out short of enterprise tooling, and an automatic re-download every time the user deletes it. The pattern is identical to the Anthropic Claude Desktop case I wrote about last month, but the scale is between two and three orders of magnitude larger. This article does the legal analysis and, for the first time, the environmental analysis. The numbers are not small.

www.thatprivacyguy.com

2026-05-09

I'm off GitHub

kevquirk.com

Git Codeberg

GitHub has now been officially replaced with Codeberg.

2026-05-10

Email address obfuscation - What works in 2026

spencermortensen.com

Security Mail

Here are some of the best techniques for keeping email addresses hidden from spammers—along with the statistics on how likely they are to be broken.

2026-05-10

taken

sinceyouarrived.world

Security

A web page that tells you what your browser gave away the moment you arrived. No login, no form, no permission. Most pages do this. None of them tell you.

2026-05-12

Datatype — variable font that turns text into charts

franktisellano.github.io

Font Charts

An OpenType variable font that turns simple text expressions into inline charts. No JavaScript, no images — just type.

A data font, from the inside out | All about Ken Hawkins

Datatype is a variable font that turns text into tiny inline charts.

www.allaboutken.com

2026-05-14

Continue

www.sitepoint.com

AI VSCode

Comprehensive guide covering Continue.dev for Developers: The Complete Local AI Coding Assistant Setup with practical implementation details.

2026-05-14

Install web apps with the new HTML install element

developer.chrome.com

Browser PWA

Installing web apps has always required JavaScript. When you use the `beforeinstallprompt` event, the installation flow lives entirely in script. The new `<install>` element changes that: drop a single HTML element into your page and the browser renders a trusted install button for you, with no JavaScript required.

2026-05-14

Media Queries Range Syntax

ishadeed.com

CSS

Media queries are the backbone of responsive design. We use them to control how a design should change based on the viewport size. But the `min-width` and `max-width` syntax can be confusing, and in some cases, cause layout bugs that take time to spot. This article aims to convince you to use range queries, starting today.

2026-05-14

Planting a Website on Codeberg Pages

shellsharks.com

Hosting

How I set up a new static site using Codeberg pages

2026-05-14

Vanilla Scroll Sky

github.com

JS CSS/Animation

A lightweight, JavaScript-free CSS utility for modern scroll-driven storytelling sections - ulrischa/vanilla-scroll-sky

2026-05-16

Animating Focus with View Transitions

frontendmasters.com

CSS/Animation

Let's try a fresh take on animating focus rings around a page. Flying focus, as it were. Only instead of measuring where elements are ourselves, we'll let View Transitions figure it out.

2026-05-16

Conditional Content Visibility with show-when Web Component

www.cssscript.com

WebComponents

A Web Component that shows or hides content based on URL params, hash, media queries, CSS support, or network state.

GitHub - oddbird/show-when: An element that shows or hides based on provided conditions

An element that shows or hides based on provided conditions - oddbird/show-when

github.com

2026-05-18

Using the round() function to get a more predictable fluid sizing

ishadeed.com

CSS

Using the round() function to get a more predictable fluid sizing.

2026-05-21

The O(n^2) Bug That Looked Like Clean Code

kitmul.com

JavaScript

Five production-breaking patterns where quadratic complexity hides behind readable, idiomatic JavaScript. Why .find() inside .map() passes code review and fails at scale; and the one-line fixes that drop O(n^2) to O(n).

2026-05-25

brownies - 🍫 Tastier cookies, local, session, and db storage in a tiny package

github.com

Browser JavaScript

🍫 Tastier cookies, local, session, and db storage in a tiny package. Includes subscribe() events for changes. - franciscop/brownies

2026-05-25

npq - safely install npm packages by auditing them pre-install stage

github.com

NPM

safely install npm packages by auditing them pre-install stage - lirantal/npq

2026-05-30

Color Grade Photos in Lightroom Using Complementary Colors

fstoppers.com

Lightroom

Sean Dalton breaks down Lightroom's color grading panel and how to use complementary color combinations like blue-orange and green-red to add depth and mood. See real before-and-after examples.