Recent Posts

Categories CSS

Content aware labeled switch

Post date October 26, 2020

There is this one problem with javascript fueled widgets, that on interaction they cause other content to jump around the website and it’s rarely good user experience. If possible we should always avoid shifting and I wanted to present you today a neat little trick that may be helpful. What we will build A toggle […]

Categories CSS

Hexagon design

Post date October 23, 2020

From time to time I go back to the hexagons and try to figure out how to make them responsive. Creating base hexagon layout is a nice challenge for a CSS novice (and a very satisfying one to complete), but as soon as you start resizing your browser window something brakes. Solution? media queries. It’s […]

Categories CSS SVG

Manipulating pseudo-elements with custom properties

Post date October 16, 2020

Styling websites sometimes requires more boxes than semantic HTML delivers. To go around this problem we can either put some divs or spans in our markup and style them or use pseudo-elements like ::before and ::after. Using real elements (spans and divs), that are in the DOM structure, has an advantage of being javascript-friendly. We […]