Somewhere between trees and bytes of code.
Software engineer from #Slovakia. Mostly #CSS, #JavaScript, #TypeScript, #React.
| web | https://romanvesely.com |
| https://twitter.com/rmnvsl | |
| github | https://github.com/crazko |
| graffiti & streetart | https://pixelfed.social/crazko |
And, of course, this one, which is a complete shift in my thinking about `!important` declaration.
It is not about overriding previous styles, so the current declaration wins. It's about protecting it from being overridden! Use layers for prioritization and `!important` for protection.
> The best selectors don't need naming conventions.
Right, got it. Selector combinations (not sure if this is the correct statement) are much more powerful and with Cascading Layers naming conventions loose their utility.
I am a big proponent of BEM naming convention, I like its simplicity yet straightforwardness of resolving specificity issues. When done right.
I'm looking forward to adopting layers instead of relying on BEM-which, despite its few naming rules, I've often seen misused.
There was a time when web sites were built in Flash. And many of those sites had dope intros. Like this site of #graffiti artist CAN2 from more than 20 years ago!
Here's the link of archived version https://web.archive.org/web/20010223202035/http://www.cantwo.de/cantwo.htm.
Thanks @filiph for reminding me there is Ruffle emulator for Flash programs. Now I can explore old stuff that inspired me in my childhood!
Text truncation was not working on my site. I was trying to fix it for quite a time only to find that #CSS Grid (and Flex) items can't be smaller the their content. Therefore, the content that should truncate was instead overflowing the viewport.
Spotted during reading my site on mobile device - smaller screen size - as the issue was not visible otherwise.
Fixed with `grid-template-columns: minmax(0, 1fr);` on the grid container, but there are other options as well.
Waiting for #CSS Masonry implementation dispute to resolve?
Just use good old CSS `columns` property instead! You can create nice and responsive masonry-like layout easily.
Example: My learning log https://romanvesely.com/log
