Lightnews — Scholar-powered news

Juan Diego Rodríguez @monknow.bsky.social · 6d

Thanks so freaking much, Vale 😭😭😭

2

Juan Diego Rodríguez @monknow.bsky.social · 10d

A new one for CSS-TRICKS!!!

CSS-Tricks* @css-tricks.bsky.social · 12d

Safari 26 introduces a lot of new stuff. To be precise, it adds: 75 new features, 3 deprecations, and 171 other improvements.

Here's all the CSS goodness you'll want to know about, courtesy of @monknow.bsky.social.

css-tricks.com/touring-new-...

Touring New CSS Features in Safari 26 | CSS-Tricks

Safari 26 adds:75 new features, 3 deprecations, and 171 other improvements. Here's all the CSS goodness you'll want to know about.

css-tricks.com

3 10

Reposted by Juan Diego Rodríguez

CodePen @codepen.io · 24d

"Avatar Indicators, using CSS Mask / Trig" by Simon Goellner

codepen.io/simeydotme/p...

2 9

Juan Diego Rodríguez @monknow.bsky.social · 25d

New one on CSS-Tricks!!

Talking about sin() and cos() here, but we'll get to the rest of trig functions later on ;)

CSS-Tricks* @css-tricks.bsky.social · 26d

Did you notice that Trigonometric Functions won the “Most Hated Feature” pageant in this year’s State of CSS survey?

@monknow.bsky.social thinks they deserve more than a little love, and for good reasons…

css-tricks.com/the-most-hat...

The “Most Hated” CSS Feature: cos() and sin() | CSS-Tricks

I want to look at practical uses for CSS trigonometric functions. And we'll start with what may be the most popular functions of the "worst" feature: sin() and cos().

css-tricks.com

1

Juan Diego Rodríguez @monknow.bsky.social · Sep 6

Glad to see I am not the only one 🫂

1

Juan Diego Rodríguez @monknow.bsky.social · Sep 6

Is it just me, or is the CSSWG drafts site loading without styles?

(E.g.: drafts.csswg.org/css-anchor-p...)

1

Juan Diego Rodríguez @monknow.bsky.social · Aug 24

I can't express how awesome and supportive the CSS community is!! THANKS :)

Andy Bell @bell.bz · Aug 19

Juan, hitting it out of the park, as per

3

Reposted by Juan Diego Rodríguez

CSS-Tricks* @css-tricks.bsky.social · Jul 31

Everything you ever wanted, or needed, to know about radial gradients, courtesy of @monknow.bsky.social — even digging into those tricky hue interpolation and radial-extent keywords.

css-tricks.com/almanac/func...

css-tricks.com/almanac/func...

radial-gradient() | CSS-Tricks

The radial-gradient() functions creates a circular or elliptical color gradient starting from a center point and spreading outward.

css-tricks.com

2 13

Reposted by Juan Diego Rodríguez

CSS-Tricks* @css-tricks.bsky.social · Jul 14

Here’s one from @dxnny.fun covering many ways to juggle line length when working with text... including two proposed properties that could make it easier in the future.

css-tricks.com/setting-line...

Setting Line Length in CSS (and Fitting Text to a Container) | CSS-Tricks

The many ways to juggle line length when working with text... including two proposed properties that could make it easier in the future.

css-tricks.com

2 10

Juan Diego Rodríguez @monknow.bsky.social · Jul 3

It's amazing how much I've learned just from working with you. Really grateful too🫂🫂🫂

1

Reposted by Juan Diego Rodríguez

CSS-Tricks* @css-tricks.bsky.social · Jul 3

I do a terrible job highlighting recent work that's gone into the CSS-Tricks almanac.

A few choice samples:

- view(): css-tricks.com/almanac/func...

- ::target-text: css-tricks.com/almanac/pseu...

- shape(): css-tricks.com/almanac/func...

- sibling-count(): css-tricks.com/almanac/func...

1 6 10

Juan Diego Rodríguez @monknow.bsky.social · Jun 28

New one!!!

CSS-Tricks* @css-tricks.bsky.social · Jun 27

Blob, Blob, Blob. What's the most effective way to create blob shapes in CSS? Turns out, as always, there are many, and @monknow.bsky.social digs into a bunch of them.

css-tricks.com/css-blob-rec...

CSS Blob Recipes | CSS-Tricks

Blob, Blob, Blob. What's the most effective way to create blob shapes in CSS? Turns out, as always, there are many. Let's compare them together!

css-tricks.com

1

Reposted by Juan Diego Rodríguez

Piccalilli @piccalil.li · Jun 23

CSS Tricks and Sunkanmi Fafowora have published an absolutely fantastic guide on all the new CSS colour stuff.

piccalil.li/links/css-co...

CSS Color Functions

CSS Tricks and Sunkanmi Fafowora have published an absolutely fantastic guide on all the new CSS colour stuff.

piccalil.li

5 13

Reposted by Juan Diego Rodríguez

Andy Bell @bell.bz · Jun 23

CSS-Tricks 🤝 Piccalilli

Two anime style cartoon dudes that are fuckin' massive, muscular monsters, shaking hands

1 1 4

Juan Diego Rodríguez @monknow.bsky.social · Jun 22

Absolutely! Thanks so much ;). I am still learning (as everyone) about color, so any feedback is appreciated

1

Juan Diego Rodríguez @monknow.bsky.social · Jun 13

The worst thing is AI uses em dashes very poorly — what a time!

Reposted by Juan Diego Rodríguez

Una Kravets @una.im · Jun 6

Proposed control-value() in CSS to update thumb slider value without JS! #CSSDay

4 2 43

Juan Diego Rodríguez @monknow.bsky.social · Jun 5

The State of CSS 2025 Survey is out!

css-tricks.com/the-state-of...

The State of CSS 2025 Survey is out! | CSS-Tricks

The State of CSS 2025 Survey dropped a few days ago, and besides anticipating the results, it's exciting to see a lot of the new things shipped to CSS reflected in the questions.

css-tricks.com

1

Juan Diego Rodríguez @monknow.bsky.social · May 28

Started writing something and then ended up with 5 new article ideas. The initial thing I was writing is still sitting there, unfinished, judging me from afar.

1

Reposted by Juan Diego Rodríguez

Piccalilli @piccalil.li · May 21

The Index #95 is here, featuring an internet road trip, Obsidian, nested lists, a stunning font website and JS routing.

piccalil.li/the-index/95/

The Index: Issue #95

The Index #95 is here, featuring an internet road trip, Obsidian, nested lists, a stunning font website and JS routing.

piccalil.li

1 2 11

Juan Diego Rodríguez @monknow.bsky.social · May 21

Thanks for the mention!! 🫂

1 2

Juan Diego Rodríguez @monknow.bsky.social · May 19

Use them all the time in demos to separate the basic styling from what I want to show :)

1

Reposted by Juan Diego Rodríguez

CSS-Tricks* @css-tricks.bsky.social · May 19

A reader wrote-in asking how to make a complex list-counting system for a legal document. We ain't no lawyers, but we can style the crap out of lists with CSS!

css-tricks.com/a-readers-qu...

A Reader's Question on Nested Lists | CSS-Tricks

Answering a reader's question about how to create a complex numbering system with CSS list counters.

css-tricks.com

1 13

Reposted by Juan Diego Rodríguez

CSS-Tricks* @css-tricks.bsky.social · May 16

The Email Markup Consortium released its 2025 study on the accessibility in HTML emails, and the TL;DR is not totally dissimilar from what we heard from WebAIM’s annual web report.

css-tricks.com/html-email-a...

HTML Email Accessibility Report 2025 | CSS-Tricks

Some weekend reading on the heels of Global Accessibility Awareness Day (GAADM), which took place yesterday. The Email Markup Consortium (EMC) released its

css-tricks.com

1 11 30

Juan Diego Rodríguez @monknow.bsky.social · May 12

YES!

Una Kravets @una.im · May 12

Intent to ship for sibling-index() & sibling-count()!

You won't need to itemize nth-child to style things like staggered animations anymore 🥳

For example, I'd be able to clean up the angle position and animation delays in this demo: codepen.io/una/pen/Qwwz...

Explainer: github.com/w3c/csswg-dr...