Theo Soti

Author of the book "You don't need JavaScript".
If you want all my tips and tricks about CSS, check my blog

[Theo Soti @theoleff]

I made a rock song about CSS justify vs align.

The rule that fixed it for me forever:
- justify → side to side
- align → up and down
- items → one box
- content → the whole group

Flex or grid. Same four words. Sound on 🔊

[Theo Soti @theoleff]

I made a rock & roll song about CSS subgrid.

Cards never line up. Titles wrap, buttons drift, the row looks broken.
One line: grid-template-rows: subgrid;

Now the children share the parent's tracks. Everything snaps.
Sound on 🔊

[Theo Soti @theoleff]

Native HTML accordion. Zero JavaScript 👇

<details>
<summary>FAQ</summary>
Answer, hidden until clicked.
</details>

Keyboard + screen-reader friendly by default. Add name="faq" and only one stays open at a time.

More no-JS tricks 👉 https://t.co/HdxwxYl3sc

[Theo Soti @theoleff]

@vitaliidodonov MRR

[Theo Soti @theoleff]

HTML has a built-in modal.

The <dialog> element gives you showModal(), a backdrop, ESC-to-close, and focus trapping. All from the browser.

No Bootstrap modal. No Radix. No react-modal.

A song about the most underrated HTML tag 🎵

[Theo Soti @theoleff]

@NotionHQ Improving my guide about modern CSS:

https://t.co/bnbNW8supJ

[Theo Soti @theoleff]

You don't need JavaScript for fancy UI details.

CSS ::before and ::after give you quote marks, badges, arrows, dropcaps, gradient overlays. Zero markup, zero JS.

A song about the most underrated CSS feature 🎵

[Theo Soti @theoleff]

@i_mika_el Yeah it does I get a few sales every month!

[Theo Soti @theoleff]

@TVanWelsenes Thank you!

[Theo Soti @theoleff]

@AKirtesh A guide to learn modern CSS: https://t.co/S8q1A59BYl

[Theo Soti @theoleff]

@MnFounder May the force be in Claude then 🧙🏻‍♂️

[Theo Soti @theoleff]

@MnFounder Haha nothing stopping you for becoming fullstack 😏

[Theo Soti @theoleff]

@Dhyey_027 Improving my guide to learn modern CSS: https://t.co/qiDlSYaV8h

[Theo Soti @theoleff]

@IamMLeclercq Improving my guide to learn modern CSS: https://t.co/qiDlSYaV8h

[Theo Soti @theoleff]

@anupamrjp Improving my guide to learn modern CSS: https://t.co/qiDlSYaV8h

[Theo Soti @theoleff]

@sflorimm claude. haha

[Theo Soti @theoleff]

@upen946 A guide to learn modern CSS: https://t.co/qiDlSYaV8h

[Theo Soti @theoleff]

@CricTalk29 Improving my guide to learn modern CSS: https://t.co/qiDlSYaV8h