I'm really practical. First the idea, then the implementation. Techniques are just tools, albeit powerful ones #html #css #javascript #php #svg

I'm currently reading John Green's book and I'm really enjoying it... so I took a stab at recreating the cover with a CSS twist.

Default styles for `h1` elements are changing: "This post describes the incoming changes, how to identify if it's an issue on your websites, and hints for conformant and better-structured pages." #CSS https://developer.mozilla.org/en-US/blog/h1-element-styles/

I love looking at people's website source code, especially when I stumble across cool things like this:

view-source:https://www.write-on.org/

We're giving away a free ticket to the CSS Layout Workshop. To be entered in the drawing, comment below with…

- A question you have about CSS layout
- Or a fun demo, trick, or snippet of CSS

The winner will be announced on Friday, April 18!

#css https://www.oddbird.net/workshops/cascading-layouts/

If you don't know, my CSS Tip website is open to advertisers. Don't miss the opportunity to promote your product and support my work!

Reach a wide audience of passionate web developers (~14.000 active users per month) starting from 150$/month.

https://css-tip.com/advertise/

I really, really miss the CSSEdit app from I think it was MacRabbit. Yes, there are browser tools, but they just aren't as good as it was.

There's Espresso, but it's also abandoned, I think.

Any suggestions out there for a *good* Mac-friendly CSS editor?

New Kitten release

• Fix: messages that are promises are properly awaited before being sent.

https://kitten.small-web.org

Kitten automatically and transparently handles asynchronous content in your templates for you so you don’t have to worry about it. One place where this wasn’t working properly is if you addressed `this.component` to stream a custom update of your component manually instead of calling the `this.update()` method of Kitten component instances.

e.g.,

```js
export default class AdminPage extends kitten.Page {
// …
onSelectedPost (data) {
this.send(kitten.html`<${this.component} postId='${data.selectedPost.postId}' />`)
}
}
```

Dear browser makers, please fix LCH. The promise of LCH was that the L could be trusted: no matter what the hue is, the lightness would always be the same perceived lightness. In your current implementations this is completely broken. It’s even worse than HSL

☞ https://issues.chromium.org/issues/40909194

☞ https://bugs.webkit.org/show_bug.cgi?id=255939

☞ https://bugzilla.mozilla.org/show_bug.cgi?id=1847421

A fun little scroll-driven thing I made. The text is white over the image, but the image isn't static, it rotates on scroll.

Here's a detailed explanation of the how behind https://www.reddit.com/r/css/comments/1jyu76v/comment/mn2fibt/

Live on @codepen https://codepen.io/thebabydino/pen/dPPbmao

Also uses container queries, CSS trigonometric functions.

DIVI: Ribbon / Bändchen über Bilder legen [DIVI Anleitung / WordPress / CSS]
https://www.chefblogger.me/2021/04/08/divi-ribbon-baendchen-ueber-bilder-legen-divi-anleitung-wordpress-css/?utm_source=mastodon&utm_medium=social
#css #divi #webdesign

Wer den elend winzigen und nicht benutzerfreundlichen horizontalen Scrollbalken in der Deck-Ansicht von #Mastodon auf dem Desktop höher haben möchte, nutzt in Webkit-basierten Browsern folgendes User-#CSS:

.custom-scrollbars ::-webkit-scrollbar {
height: 15px !important;
}

Since we last reported on the back & forth regarding defining a "masonry layout" #CSS syntax, an intriguing development has transpired!

Jen Simmons et al. over at the WebKit Blog have written about a third possible path forward, and it has implications beyond merely implementing masonry layout. It is the initial steps towards formulating a unified layout system that blurs the lines between flexbox and grid. This new #WebDev concept is tentatively being called Item Flow.

https://thathtml.blog/2025/04/unified-layout-system-could-happen/

Better typography with text-wrap pretty: "Let’s take a look at what the WebKit version of `pretty` does — it’s probably a lot more than you expect. Then, we’ll compare it to `balance` and the other `text-wrap` values to better understand when to use which one." #CSS https://webkit.org/blog/16547/better-typography-with-text-wrap-pretty/

Web Development recap for week 15/2025

https://discu.eu/weekly/webdev/2025/15/

#css #javascript #nodejs #programming #typescript #webassembly #webdev

Get RSS feeds and support this bot with the premium plan: https://discu.eu/premium

#Development #Techniques
How to open and close HTML dialogs · You’ll use a little JS today but none in the future https://ilo.im/163b4u

_____
#Dialogs #Modals #Invokers #Browser #WebDev #Frontend #HTML #CSS #JavaScript

Google Chrome risolve storica falla sulla privacy dei link
#Aggiornamento #App #Browser #BugFix #Chrome #Correzione #Cronologia #CSS #Google #GoogleChrome #Internet #LinkVisitati #Notizie #Novità #Privacy #Sicurezza #Software #TechNews #Tecnologia #Tracciamento #Vulnerabilità

https://www.ceotech.it/google-chrome-risolve-storica-falla-sulla-privacy-dei-link/

In the history of CSS has anyone ever been able to justify a z-index higher than a single figure?

When you use a third-party tool and they hard-code the z-index to something like 9999. Surely that's for the page developer to decide?