Activity feed

Decentralized search engine & automatized press reviews

• Explore the press with no middlemen between the newspapers and your web browser.
• Discover millions of results within seconds and explore the last ones in Firefox via this addon.
• Schedule searches, select your press review and export it in a few clicks.

Heydon Pickering is pushing forward his Sidebar layout concept with the new pseudo-class :has(). No more super class on the parent container, this is deduced from the context.

Kevin Powell shows us how to simplify and don't repeat our CSS code to manage theming within our apps or websites.

It's really interesting to see that the container style queries syntax allows CSS custom properties. It opens a world for experimentations.

Adrian Roselli has a request to Google on how they deal with new Chromes's features and their accessibility.

I don't have his level of expertise but I'm interested in accessibility and I'm bothered with how they manage it and how they want to urge the release of their features even when there are standards to be met.

A nice post on an underestimated aspect, the style of the broken elements. In this case, the images are not loaded. If it happens, an alternative text is displayed. We can style this text and that's what this post is about.

A lot of CSS snippets to use as default for projects:

• Media queries
• Spacing
• Context styling

Taking specificity into account, using the pseudo-class :where() or cascade layer.

Kylian reports on a method used by Amit Merchant to make content fades out.

He sees two problems with this, which are that the text is not selectable (a blocking point to me) and that it only works on pages with a solid background.

So, in turn, he presents two methods. Both have also their drawbacks.

An app to generate the documentation of a project. It is nice to generate README files.

Not all of this is like absolutely brand spanking new just-dropped-in-2024 stuff. Some of it is, but generally it’s relatively new stuff that’s all pretty great. I’m pointing things out that I think are really worth knowing about. It’s possible you haven’t kept up too much with HTML developments as it tends to, rightfully, move a lot slower than CSS or JavaScript.

Do you want to detect if an element is having an overflow or if it's scrollable? It's possible with scroll-driven animation! You can also store this information within a variable at :root level and do whatever you want (like styling any elements on the page)

Everyone is excited about the new align-content that works with block-level elements, but pay attention when you want to center elements such as <img>, <iframe>, <canvas>, <video>, etc.

Too many applications and websites are based on JavaScript and we, as developers, tend to believe that it is always available. But, this is not the case and here is why.

In this little series I attempt to organise some thoughts of what I've seen, experienced and learned over the past few years of working as a frontend developer in a large company, with dozens of web applications, scaling from tens to thousands of daily active users.

Thoughts on web development, open source, software architecture, and the future.

Live regions have a reputation for being 'flaky' and inconsistent. While this can be attributed in part to shortcomings in current implementations, the problem can also be caused by developers misunderstanding how live regions are intended to work.

Slash pages are common pages you can add to your website, usually with a standard, root-level slug like /now, /about, or /uses. They tend to describe the individual behind the site and are distinguishing characteristics of the IndieWeb.

Tornis is a minimal JavaScript library that watches the state of your browser's viewport, allowing you to respond whenever something changes. Think of Tornis as a store for your viewport.

This article is a gold mine about what we can do with ::before and ::after pseudo elements. We can use them to be decorative, to display quotes, to display HTML element's attributes, to play with images, to replace content, to control layout and even more.