Ondrej Hudecek

// mixed notes

Tag: css

Thin scrollbar, visible on hover

In some situations, the default browser scrollbars are too bulky and ugly. I did not know that there is an option to make them thinner, also visible only on hover:

.scrollbar {
    scrollbar-color: transparent transparent;
    scrollbar-width: thin;
}
.scrollbar.visible, .scrollbar:hover {
    scrollbar-color: #aaa transparent;
}

Thanks, Reddit!

Tags: html, css

HTML Layouts

This is a small (and maybe growing) collection of basic HTML layouts and components. I got tired of writing the same things from scratch, so I started saving the ones I use most often.

They’re built with plain HTML and CSS, which is kind of funny, since I now do all my frontend work with Tailwind CSS. I didn't want to just delete it, so here it is. 

HTML Layouts

Tags: html, css