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.
The native HTML dialog element has been around for a while, but what if I told you you can now animate it with zero JS? Thanks to transition-behavior allow-discrete and the Invoker Commands API, we're entering a new era of CSS-only interactive components. In this post, we'll explore how to build fully animated dialogs that work purely with HTML and CSS.
Adding a gentle snowfall effect to your website is a simple way to bring seasonal charm to your website. With just a bit of JS, you can create a smooth, lightweight snowfall animation that feels natural without hurting performance. In this post, we’ll walk through the core concepts behind building a snowing effect from scratch.
Choosing the right platform for your website can be tricky. Should you go with a static site, a traditional CMS, a headless CMS, or build a custom CMS? Each has unique advantages and trade-offs. In this post, we break down the differences to help you pick the best fit for your business goals.
Learn how to harness the power of Ollama, a local AI model runner, to automate content generation, editing, and optimization tasks. Explore the possibilities of using AI to streamline your workflow and discover new ideas for automating tasks.
This post contains a step-by-step guide which explains how to create a simple fireplace animation using Canvas API. It has animating flames and sparks.
This post explains how to include accurate lastmod tags in an Astro sitemap by reading last update times from your pages during the build process. It covers a simple custom integration and offers tips for keeping the build efficient, even on larger sites.
This post walks through a simple and efficient GitHub Actions workflow for deploying Astro websites. It covers build automation, testing, and deployment to GitHub Pages or Azure Static Web Apps, with caching optimizations to speed up the process.
Take a behind-the-scenes look at the architecture of this site. In this post, we explore the design, structure, and technical framework that powers both the site and the games, revealing the key elements that contribute to its functionality and user experience.
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.
Play classic Game Boy/Game Boy color games right in your browser. A faithful emulator built with Rust and WebAssembly for a fast, authentic experience.
Join forces with your partner in the ultimate couples' platformer game! Collect as many drinks as you can to boost your score while dodging relentless enemies and treacherous pits. Are you and your partner ready to take on the adventure and become the ultimate duo? Play now!
Find and solve easy to hard sudoku puzzles with a variety of tools in your arsenal. You can use multiple colors for marking and undo actions.
Need reliable ship supply support? Proteus Marine Services offers 24/7 solutions, combining decades of expertise in marine agency and global shipping.
Psychologist & Psychotherapist with experience in psychoanalytic psychotherapy for adults and adolescents, as well as parental counseling support.
A multi-tenant and multilingual CMS with all the necessary components to help you create fast and amazing websites