Lightnews — Scholar-powered news

Álvaro Montoro @alvaromontoro.com · 8h

There's a Starman waiting in the sky...

Reposted by Álvaro Montoro

CSS by T. Afif @css-only.dev · 9h

📝 New CSS Article!

Do you know the linear() function? It's one of those underrated features that can do a lot of magic!

Combined with modern CSS, you can use it to create complex animations with a few lines of code.

Don't miss the opportunity to learn about it. 👇

CSS-Tricks* @css-tricks.bsky.social · 9h

Let’s suppose you have some number of elements with the same animation that should animate sequentially. Modern CSS makes this easy and it works for any number of items!

@css-only.dev explains and demonstrates it so well.

css-tricks.com/sequential-l...

Sequential linear() Animation With N Elements | CSS-Tricks

Let’s suppose you have N elements with the same animation that should animate sequentially. Modern CSS makes this easy and it works for any number of items!

css-tricks.com

3 5

Reposted by Álvaro Montoro

comiCSS @comicss.art · 10h

comiCSS #141: Technical Support
comicss.art/comics/141/t...

May 20, 2024 – This is one of those absurd comics that I like. Of course CSS Technical Support exists, and of course a cat would call while being a cat. It all makes perfect sense.

#css #webdev #comic

Cartoon of a person wearing a headset in front of a computer, replyng to a phone call. The conversation is about how the caller is having issues when translating an element horizontally, it moves fine, then drops to the bottom rapidly. The technical support person asks the caller to open the dev tools and look for other animations. The caller replies 'I will do it right meow' shocking the technical support, who asks 'are we talking about CSS?' The last panel is a drawing of a cat pushing a glass off a ledge and saying 'What is CSS?'

1 1 2

Álvaro Montoro @alvaromontoro.com · 1d

Checking the prices of candy at the store, all the trick-or-treaters at our house this year will be getting tricks.

3

Reposted by Álvaro Montoro

comiCSS @comicss.art · 1d

New comic: Midlife Crisis
comicss.art/comics/216/

#css #cartoon #comic #webdev

comic with 4 panels in a 2x2 grid titled Midlife Crisis. Two characters speak:
- We have a problem with Steve!
- What is it?
- He is going through a midlife crisis...
- Oh no! Did he buy a motorbike?
- No. worse!
- A speedboat?
- Way worse!
- Oh, no! Please tell me it's not...
- Sadly, yes!
- Really? Again??.

The last panel shows a character (Steve) typing in a computer while someone off-panel says: He is building a new JS framework?!

6 13

Reposted by Álvaro Montoro

CSS by T. Afif @css-only.dev · 2d

Do you want to see more cool stuff using modern CSS? This time, the tooltip will consider all four positions, and the tail will always point to the anchor. 👀

css-tip.com/tooltip-anch...

Still 100% CSS magic! 🪄

3 8 69

Reposted by Álvaro Montoro

T3chFest @t3chfest.es · 2d

International speakers are welcome to T3chFest 2026! We cover all expenses, send a tech related proposal talk in our call for papers 🌍

Call for Talks - T3chFest 2026

Propón una charla para T3chFest 2026. 12 y 13 de marzo de 2026.

t3chfest.es

1 1

Reposted by Álvaro Montoro

Adam Argyle @nerdy.dev · 3d

"Oops… #CSS got away from me, send halp!"
🎥 video out now

a 25m tik-talk just given at @cascadiajs.com

⤷ nerdy.dev/oops-css-got...

Oops CSS Got Away From Me Send Halp At Cascadiajs 2025 · October 12, 2025

You can now watch my talk from CascadiaJS 2025 3 weeks ago 🏻 Watch on YouTube

nerdy.dev

2 10 67

Álvaro Montoro @alvaromontoro.com · 3d

Does brunch count?

2

Álvaro Montoro @alvaromontoro.com · 3d

Post by did:plc:xei4kpuuaogvgnvufre7wvjm

Álvaro Montoro @alvaromontoro.com · 3d

A video with the coding process: www.youtube.com/watch?v=R5G1...

Inktober/Divtober: Drawing a Bee with CSS

YouTube video by Alvaro Montoro

www.youtube.com

1 1

Álvaro Montoro @alvaromontoro.com · 3d

Surprised no one has come up yet with the classic slider. It's ugly and all, but it helps _easily and accurately_™ pick a date within [-200,+200] of today. That should be acceptable, no?
codepen.io/alvaromontor...

#BadUXWorldCup #html #css

2 9

Álvaro Montoro @alvaromontoro.com · 3d

a pixelated image of a man making a face

Alt: animated man with a caucasian man (Nathan Fillion from the show Castle) making gestures trying to interrupt or say something, stopping at the end covering his mouth and looking down in resignation.

media.tenor.com

3

Reposted by Álvaro Montoro

Aleksandr @aleksandrhovhannisyan.com · 3d

> Writing an article

> Hey I should explain some background knowledge first

> Hmm, maybe that should be its own article

> Neither article gets written

2 4 44

Álvaro Montoro @alvaromontoro.com · 3d

I'm in this post and I hate it.

1

Álvaro Montoro @alvaromontoro.com · 3d

I did a single-div CSS Art based on today's inktober prompt: Sting.
codepen.io/alvaromontor...

#inktober #divtober #sting

1 2 18

Álvaro Montoro @alvaromontoro.com · 3d

MacOS: System Data 85.28GB

Me: *deletes 2GB of System Data files and cache, empties Trash*

MacOS: System Data 86.94GB

🤬

1 1

Álvaro Montoro @alvaromontoro.com · 3d

I like living dangerously... close to the HD space limit 😅

I got this computer ~8 years ago, and age is starting to show. It is enough for video editing and casual web/mobile development, but the keyboard's dead, and a replacement costs more than a new computer. So an upgrade may be in the horizon.

1

Álvaro Montoro @alvaromontoro.com · 3d

OS + System Data basically taking half of my hard drive... Ugh!

Screenshot from MacOS showing space used:
- Other Users & Shared: 1.6MB
- macOS: 16.14GB
- System Data: 85.28GB

3 1

Reposted by Álvaro Montoro

Ana Tudor @anatudor.bsky.social · 4d

Please stop setting `width: 100vw` on the `body`.

It's unnecessary. By default, the `body` stretches horizontally as much as necessary.

It's problematic. Setting `width: 100vw` on it can cause overflow even if you remove the default `margin`... because the page may have a scrollbar.

#CSS

6 12 63

Álvaro Montoro @alvaromontoro.com · 4d

I can't English this morning.

Álvaro Montoro @alvaromontoro.com · 4d

Practical visualization of how using robots.txt works to prevent AI bots from going through your site.

A cheeto/potato chip used to lock a door

6 27 150

Álvaro Montoro @alvaromontoro.com · 4d

Any recommendations for newsletter services? (Free for beginners if possible)

1

Álvaro Montoro @alvaromontoro.com · 5d

Antifa founder's girlfriend role may be available from what I've heard

1 3

Reposted by Álvaro Montoro

CSS by T. Afif @css-only.dev · 5d

💡 CSS Tip!

A simple line of modern CSS to create a conditional Border Radius. The value will adjust based on either the container width or screen width.

css-tip.com/conditional-...

cc @ishadeed.com @una.im

The following CSS code:
.box {
border-radius: calc(sign(100cqi - 100%)*2rem);
}

4 7 38