Sam SEO Sepiol — Software Engineer

Weather Dashboard

Wed, 22 Oct 2025 10:00:00 +0000

A clean, responsive weather dashboard that shows current weather and a five-day forecast for any city.

Features

The dashboard displays temperature, humidity, wind speed, and weather conditions. A five-day forecast shows daily highs, lows, and expected conditions.

Location Search

Users search by city name. The app geocodes the city and fetches weather data from the OpenWeather API. Recent searches are saved in local storage for quick access.

Responsive Design

The layout adapts to mobile, tablet, and desktop viewports. The forecast grid stacks vertically on small screens and displays horizontally on larger ones.

CLI Task Manager

Sat, 18 Oct 2025 10:00:00 +0000

A lightweight task manager designed for developers who prefer the command line over GUI applications.

Motivation

Most task management tools are web-based and require context switching away from the terminal. This tool keeps task management within the development workflow.

Features

The CLI supports creating, listing, completing, and archiving tasks. Tasks can be assigned priorities, due dates, and project labels.

Priority System

Tasks are sorted by priority and due date. Overdue tasks are highlighted automatically. The priority system uses a simple high, medium, low scale.

Personal Portfolio Site

Wed, 15 Oct 2025 10:00:00 +0000

This website is itself a project. Built with Hugo for maximum performance and SEO optimization.

Goals

The primary goal was to create a personal website that scores perfectly on Lighthouse audits for performance, accessibility, best practices, and SEO. Secondary goals included easy content management and automated deployment.

Technical Approach

Hugo was chosen for its build speed and zero-JavaScript output. The theme is custom-built to maintain full control over the HTML output, ensuring semantic markup and proper structured data on every page.

How to Optimize Images for the Web

Thu, 02 Oct 2025 10:00:00 +0000

Images are often the largest assets on a web page. Optimizing them is one of the most impactful performance improvements you can make. Properly optimized images improve load times, Core Web Vitals scores, and user experience.

Why Image Optimization Matters

Unoptimized images account for a significant portion of page weight on most websites. A single uncompressed photograph can be larger than all the HTML, CSS, and JavaScript on a page combined.

Setting Up a Development Environment in 2025

Sun, 28 Sep 2025 10:00:00 +0000

A well-configured development environment makes you more productive and reduces friction in your daily workflow. This guide covers the essential tools and configurations for a modern setup in 2025.

Code Editor

Your code editor is where you spend most of your development time. The right editor with proper configuration significantly impacts productivity.

Visual Studio Code

VS Code remains the most popular editor for web development. It is free, extensible, and available on all platforms. The built-in terminal, Git integration, and extension marketplace make it a complete development environment.

CSS Grid vs Flexbox: When to Use Which

Sun, 21 Sep 2025 10:00:00 +0000

CSS Grid and Flexbox are both powerful layout systems in modern CSS. They solve different problems and work best in different situations. Understanding when to use each one is essential for building clean, maintainable layouts.

The Key Difference

Flexbox is one-dimensional. It handles layout in a single direction: either a row or a column. Grid is two-dimensional. It handles layout in both rows and columns simultaneously.

When Flexbox Wins

Use Flexbox when you need to align items along a single axis. Navigation bars, button groups, and card rows are natural fits. Flexbox is also the right choice when the content should determine the layout size.

The Complete Guide to Git Branching

Sun, 07 Sep 2025 10:00:00 +0000

Git branches are fundamental to modern software development. They allow developers to work on features, fixes, and experiments without affecting the main codebase.

How Branches Work

A branch in Git is a lightweight pointer to a commit. Creating a branch is nearly instantaneous and uses minimal storage. This makes branching a core part of the Git workflow rather than an occasional activity.

The Main Branch

Every repository has a primary branch, typically called main. This branch represents the stable, production-ready state of the project.

Python vs JavaScript: Which to Learn First

Wed, 03 Sep 2025 10:00:00 +0000

Choosing your first programming language is one of the biggest decisions for aspiring developers. Python and JavaScript are the two most popular choices, each with distinct strengths.

Overview

Both Python and JavaScript are versatile, widely-used languages with large communities and extensive ecosystems. The best choice depends on your goals.

Python at a Glance

Python is known for its clean syntax and readability. It dominates in data science, machine learning, automation, and backend web development. Its “batteries included” standard library covers a wide range of tasks.

A Beginner's Guide to Structured Data

Fri, 29 Aug 2025 10:00:00 +0000

Structured data helps search engines understand your content. By adding schema markup to your pages, you give Google explicit signals about what your content means, not just what it says.

What Is Structured Data

Structured data is a standardized format for providing information about a page and classifying its content. It uses a vocabulary defined by Schema.org and is embedded directly in your HTML.

Schema.org Vocabulary

Schema.org is a collaborative project between Google, Bing, Yahoo, and Yandex. It defines a shared vocabulary of types and properties that describe entities on the web.

Understanding Core Web Vitals

Fri, 22 Aug 2025 10:00:00 +0000

Core Web Vitals are a set of specific metrics that Google uses to measure user experience on websites. They directly impact search rankings and represent the most important performance signals for SEO.

What Are Core Web Vitals

Google introduced Core Web Vitals as part of its page experience signals. These metrics focus on three aspects of user experience: loading, interactivity, and visual stability.

Largest Contentful Paint (LCP)

LCP measures how long it takes for the largest visible element to render. This could be an image, a video, or a large block of text. A good LCP score is under 2.5 seconds.

How to Build a Static Site with Hugo

Fri, 15 Aug 2025 10:00:00 +0000

Static site generators have transformed how developers build websites. Hugo stands out as one of the fastest options available, building even large sites in milliseconds.

Why Choose Hugo

Hugo offers several advantages over other static site generators. Its speed is unmatched, and it requires no runtime dependencies beyond the single binary.

Speed and Performance

Hugo builds are measured in milliseconds, not seconds. For a site with hundreds of pages, this makes a significant difference in the development workflow.

About

Mon, 01 Jan 0001 00:00:00 +0000

Hi, I am Sam SEO Sepiol, a software engineer focused on building fast, accessible websites and developer tools.

Background

I have been building for the web for over a decade. My work spans frontend development, backend systems, and the infrastructure that connects them. I care deeply about web performance, accessibility, and clean code.

What I Do

I specialize in web development with a focus on performance and SEO. I believe that fast websites are better websites, and that technical excellence and user experience go hand in hand.

Contact

Mon, 01 Jan 0001 00:00:00 +0000

This is a demo website created for SEO experimentation purposes. Sam SEO Sepiol is a fictional person and cannot be contacted.

About This Site

This website serves as a test bed for studying search engine optimization techniques. The content is illustrative and the person described does not exist. Please do not attempt to contact them.

Uses

Mon, 01 Jan 0001 00:00:00 +0000

This page describes the tools and technologies I use daily for software development. Inspired by uses.tech.

Editor

Visual Studio Code

My primary editor for all development. I keep the extension count low and rely on built-in features where possible.

Key extensions:

Language-specific LSP extensions
Prettier for formatting
GitLens for Git history

Vim

For quick edits in the terminal or on remote servers. I use a minimal vimrc with just the essentials.