Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Newsletter: Note console.table() and CSSStyleValue changes #75

Merged
merged 1 commit into from
Aug 22, 2024
Merged
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
19 changes: 18 additions & 1 deletion src/content/newsletters/2024-08-31.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,24 @@ draft: true

Hello\!

### Section
### `console.table()`

New contributor Gasim Gasimzada has been making improvements to our `console` API this month.
In particular, we were missing `console.table()`, which produces a table from the data passed in and prints it to the browser console.
At the time of writing, the [spec](https://console.spec.whatwg.org/#table) does not have an algorithm for this function,
so Gasim has [written one](https://github.com/whatwg/console/pull/237) and then implemented it in Ladybird.
Hopefully this algorithm will soon be made an official part of the spec, and help all browsers to behave consistently.

### CSS style values

Each CSS property's value is stored as one or more "style value" classes.
We have many of these, and until recently, they were very freeform and unrelated to any specs.
This month, we started moving these in line with the [CSS Typed OM spec](https://drafts.css-houdini.org/css-typed-om-1),
which defines a way for JavaScript to access styling as objects, instead of just strings.
So far, the main change is that we now store colors in whatever form they were written,
instead of converting them to a 32-bit RGBA value during parsing.
This means that using `calc()` inside a color function (such as `background-color: hsl(calc(15deg * 8) 50% 80%)`)
now finally works, which has been a problem for a long time!

### Credits

Expand Down