Learn how to ship cleaner front-end UI: solid HTML, modern CSS, and only the JavaScript that actually earns its place. Tutorials, demos, and quick tips every week.
If you want to see amazing and modern CSS-only 3D effects, you should go check out this video. Some of the examples in this video are really mind-blowing!
How many times have you built a card grid layout like this: - 1 column on mobile - 2 columns on tablet - 3 columns on desktop - maybe 4 on wide screens
And every time… you end up writing media queries. Again. And again. It works, but it’s fragile.
And the moment the design changes, you’re back editing breakpoints. Recently, I stopped doing that, instead, I use a grid layout formula. I talk about this on my latest video.
Theo Soti
This is the most modern CSS way of creating an image slider if you are curious. There are a few new CSS properties & pseudo-elements linked to it.
2 months ago | [YT] | 1
View 0 replies
Theo Soti
If you want to see amazing and modern CSS-only 3D effects, you should go check out this video. Some of the examples in this video are really mind-blowing!
3 months ago | [YT] | 3
View 0 replies
Theo Soti
How many times have you built a card grid layout like this:
- 1 column on mobile
- 2 columns on tablet
- 3 columns on desktop
- maybe 4 on wide screens
And every time… you end up writing media queries. Again. And again.
It works, but it’s fragile.
And the moment the design changes, you’re back editing breakpoints.
Recently, I stopped doing that, instead, I use a grid layout formula. I talk about this on my latest video.
4 months ago | [YT] | 2
View 0 replies