CSS isn't magic
Subscribe
Sign in
Home
Archive
About
Latest
Top
Discussions
You missed this super obvious way to display elements in a column
There is the super short way to display elements in a column. Just use display: grid.
Jul 24
•
Stas Melnikov
Share this post
You missed this super obvious way to display elements in a column
cssisntmagic.substack.com
Copy link
Facebook
Email
Note
Other
Does your code react to the text direction changes?
It's cool when the code adapts to the user's wishes. Now it is possible to take into account the text direction. Logical properties will do it!
Jul 17
•
Stas Melnikov
Share this post
Does your code react to the text direction changes?
cssisntmagic.substack.com
Copy link
Facebook
Email
Note
Other
It's the post for Russian-speaking fans
Привет! У меня есть ТГ канал, где я публикую те же советы, что здесь. Только делаю это на русском. Плюс публикую дополнительный контент…
Jul 14
•
Stas Melnikov
Share this post
It's the post for Russian-speaking fans
cssisntmagic.substack.com
Copy link
Facebook
Email
Note
Other
Improve custom radio buttons with border
Do you make custom radio buttons? Please note that background-color is not displayed in the high contrast mode. But border helps to fix it!
Jul 10
•
Stas Melnikov
Share this post
Improve custom radio buttons with border
cssisntmagic.substack.com
Copy link
Facebook
Email
Note
Other
justify-content: center and align-items: center leads to loss of elements
Warning! justify-content or align-items don't respect the dimensions of elements. As a result, we can lose elements, if they are more than their parent…
Jul 3
•
Stas Melnikov
Share this post
justify-content: center and align-items: center leads to loss of elements
cssisntmagic.substack.com
Copy link
Facebook
Email
Note
Other
Meet Angular Addicts and All Things Typescript
Hey, folks.
Jul 3
•
Stas Melnikov
Share this post
Meet Angular Addicts and All Things Typescript
cssisntmagic.substack.com
Copy link
Facebook
Email
Note
Other
June 2024
background-color doesn't allow controls merge with the white screen
Controls merge with a white screen before loading pictures. Why don't you show me them? It's easy to add background-color. I won't wait loading…
Jun 26
•
Stas Melnikov
Share this post
background-color doesn't allow controls merge with the white screen
cssisntmagic.substack.com
Copy link
Facebook
Email
Note
Other
What does :not(class) make useful?
How do you define basic typography styles? If you set styles via the type selector and reset via a class, I'll offer to do it without a reset. Just use…
Jun 19
•
Stas Melnikov
Share this post
What does :not(class) make useful?
cssisntmagic.substack.com
Copy link
Facebook
Email
Note
Other
animation without prefers-reduced-motion might lead to dizziness or headache
Motion animation might lead users with vestibular disorders to experience dizziness. So we should wrap it in prefers-reduced-motion to avoid problems if…
Jun 12
•
Stas Melnikov
Share this post
animation without prefers-reduced-motion might lead to dizziness or headache
cssisntmagic.substack.com
Copy link
Facebook
Email
Note
Other
Please, stop using resize: none
We used to use resize: none to disable textarea resizing. We end up textareas are terrible for typing data. resize: vertical and limit to the heights…
Jun 5
•
Stas Melnikov
Share this post
Please, stop using resize: none
cssisntmagic.substack.com
Copy link
Facebook
Email
Note
Other
May 2024
The hidden attribute removes the need to define display: none
We don't need to define display: none by hand when creating the elements that can be shown or hidden. Just add the hidden attribute to the element and…
May 29
•
Stas Melnikov
Share this post
The hidden attribute removes the need to define display: none
cssisntmagic.substack.com
Copy link
Facebook
Email
Note
Other
scroll-behavior: scroll can lead to dizziness or headache
Please, wrap it in the prefers-reduced-motion media feature. It'll help to display smooth scrolling only if users allow it in OS settings 💡 Drop me any…
May 22
•
Stas Melnikov
1
Share this post
scroll-behavior: scroll can lead to dizziness or headache
cssisntmagic.substack.com
Copy link
Facebook
Email
Note
Other
Share
Copy link
Facebook
Email
Note
Other
This site requires JavaScript to run correctly. Please
turn on JavaScript
or unblock scripts