Responsive Design

Creating a personal portfolio website is one of the first projects most web developers tackle when learning new technologies. It’s the perfect combination of practical utility and skill demonstration — a place where you can showcase your work while practicing the tools you want to master. My latest project, a Tailwind Portfolio template, demonstrates how to build a modern, professional portfolio using Tailwind CSS with features that rival complex React or Vue implementations — all with plain HTML and JavaScript.

The Hugo community has a stunning new addition that brings one of the most acclaimed web designs to the static site world. I’m excited to introduce the Olivero Hugo Theme - a complete 1:1 replication of Drupal’s award-winning Olivero theme, meticulously crafted for Hugo’s static site generator.

Born from Drupal’s default theme that revolutionized accessibility and modern web design, this Hugo version maintains every pixel-perfect detail while leveraging Hugo’s blazing-fast performance. Whether you’re building a personal blog, corporate site, or documentation portal, Olivero delivers professional aesthetics with enterprise-grade accessibility standards.

I have always tried and followed the Web Content Accessibility Guidelines (WCAG) in every project I worked on. It’s not always an easy thing to do, but Web Accessibility (WA) is very important for modern web development and responsive design, as we all have difficulties when interacting with a computer or mobile screen, in one way or the other. For example, my eyesight is dropping as I am approaching the age of forty.