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.
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.
My favorite service worker setup that I use in order to cache static content and provide basic offline experience. The first time I set my eyes on service workers, I thought how cool it would be to cache static content as much as I like and not rely on the server. Nowadays, static resources (js, css, images, etc.) are cache busted, meaning that they have a unique name based on their content. So it's not expected for a static resource to change. So why not cache it forever ?
Regardless if it's for testing or actual implementation, there are many cases where we want to deep clone a JS object. There are 4 very neat ways to do so.
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.
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