Image Gallery

This project provided a possibility to use CSS Grid while trying to get a responsive website.

This project provided a possibility to use CSS Grid while trying to get a responsive website. It includes inline javascript for creating several images of different sizes to fill the grid. This technique came from the Wes Bos's great course CSS Grid. Also the usage of images was a good intro to analyzing the impact of images size, format and aspect-ratio in the page's performance.

Gimp made the process of creating images at specified dimensions easy. Also imageoptim allows more images's compression to achieve better performance.

Lighthouse (Google Chrome Console Tool) and RespImageLint were very useful to detect images issues that affect page performance and user experience.

More projects

  • Back to Fluency AI

    An English learning platform built around the gap between your mother tongue and English: tailored audio lessons plus AI conversation practice by voice.

  • Speak Level

    An API-first speaking diagnostic: record a short sample and get a CEFR level, per-dimension scores, and recommendations ordered by impact.

  • Job Tracker

    A private job-search app where Claude agents find, score, research and prepare applications, while every change they make waits for my approval.

  • Perishable Shelf Stacking

    Replaces the paper shelf-life list grocery stockers work from with a searchable product card showing the pre-calculated sticker date and exact shelf locations.

  • Influence Crew Builder

    Influence crew builder help optimize the crew composition to get the best result in your activities.

  • Money Tracker

    Amazon Web Services (AWS), among other cloud computing vendors, enable our teams to focus on the creation of value to the client.

  • Exit Strategies

    The GraphQL model is the center, from it you can generate the types used for AWS DataStore to implement your CRUDL operations.

  • Portfolio website

    Personal website portfolio created to showcase my projects, skills and to be a way to interact with clients and developers.

  • Github Jobs

    Making API calls is key to web development. This project explored the use of fetch to make API requests.

  • Nature at your feet

    This project explores the basics properties of CSS Grid and how it allows responsive layouts.