Hi! I'm Nikos and I'm a full stack engineer. I like coding all sorts of stuff, although I focus more on front end development with native JS/CSS features, React and 2D games with PixiJS. I'm really looking forward to provide more and more content in this website and I hope you enjoy my blog and games.
In this post, we explore the importance of CSS logical properties for creating web layouts that adapt to a variety of languages. Through a practical example, we demonstrate how traditional CSS can complicate globalization efforts, particularly for languages that read right-to-left or top-to-bottom. By transitioning to CSS logical properties, we simplify our stylesheets and ensure a seamless user experience across diverse languages and writing modes.
Vertical expansion is one of the classic animations every front-end engineer encounters. When a user clicks, hidden content is revealed line by line. While it's straightforward to achieve this with JS, the addition of CSS transitions has made many developers eager to implement it using just CSS. But is it possible? Well… yes and no. In this post, we’ll explore 4 different ways to accomplish vertical expansion.