Ronalds Vilciņš

Maintainable code makes its purpose clear, limits dependencies, protects behaviour with tests, and stays easy to change.

Practical Git habits for clear commits, focused branches, useful reviews, and a history people can understand.

A practical introduction to accessible content, semantic HTML, keyboard use, contrast, media, and testing.

Use ChatGPT for outlines and rough drafts without handing over fact-checking, judgment, or your own voice.

Make a Netlify-hosted domain resolve to an existing Mastodon account through WebFinger.

A practical way to choose between CSS Grid and Flexbox based on the layout you are building.

Communication, judgment, collaboration, and other skills that make technical work more effective.

Pull public structured data into Google Sheets with IMPORTXML and a focused XPath query.

Create a small Hugo shortcode for reusable audio players with an optional caption and preload setting.

Enable raw HTML in Hugo's Goldmark renderer, and understand the trade-off before switching it on.

Why Linux is a strong development environment—and the practical cases where another operating system may fit better.

A practical first pass through crawling, indexing, site structure, performance, mobile use, and structured data.

Render selected blocks of raw HTML in Hugo content with a small custom shortcode.

Use Hugo's built-in related content feature to show a short list of relevant pages after a post.

Set up Tailwind CSS in a Hugo project with the Tailwind CLI or a PostCSS build step.

Choose a web development laptop by workload, memory, screen, keyboard, ports, and operating system—not a model name.

Improve search visibility by matching intent, publishing useful content, and keeping the site easy to crawl and use.

Use Hugo's where function to count the regular pages in a specific content section.

Practical habits that make code easier to read, change, test, and maintain over time.

CSS :has() selects an element based on its children or nearby siblings, with examples and historical browser-support context.

Use one variable font file to cover a range of weights, widths, slants, and other typeface variations.

Wrap rendered Hugo headings in links so readers can copy a URL to a particular section.

Let Safari draw the correct Apple Pay button with CSS, including button types, styles, and an older-browser fallback.

Use CSS clamp() to make type scale with the viewport without becoming tiny on phones or enormous on wide screens.

Add response headers to Cloudflare Pages with a _headers file, including security rules and noindex for preview deployments.

The practical difference between OpenType and TrueType fonts, including outlines, typographic features, and compatibility.

A collection of text-only, low-bandwidth, and deliberately lightweight websites.

Choose between preload, preconnect, and prefetch based on when the browser will need a resource.

A concise reference to the path, name, language, directory, and identifier fields on Hugo's page file variable.

Use CSS filter invert() on an element or page, and understand why partial inversion is not simply a lighter version.

AVIF can produce small image files while supporting transparency, animation, HDR, and modern colour formats.

Export a Google Photos library with Google Takeout, then upload the downloaded files to iCloud Photos.

Keep videos, maps, and other iframes responsive with an aspect-ratio wrapper and a small amount of CSS.

Let keyboard and screen-reader users bypass repeated navigation with a small HTML and CSS pattern.

A practical reference for narrowing Google results by phrase, site, title, URL, file type, price, and more.

The Netlify header that opted a site out of Google's FLoC trial, and why this is now historical.

Combine multiple conditions by nesting CSS media queries at the root of a stylesheet.

Reduce image cost with lazy loading, async decoding, dimensions, responsive sources, WebP, and image CDNs.

Trigger a Netlify build hook on a cron schedule with a small GitHub Actions workflow.

A small collection of sharp, funny, and occasionally uncomfortable quotes about programming.

Build a small Hugo tag cloud, filter out rare tags, and exclude terms you do not want to show.

Add lightweight sharing links for social networks and email without loading third-party JavaScript.

Install MySQL Server from the official macOS disk image and start it from System Preferences.

Generate canonical, description, Open Graph, and itemprop metadata from a Kirby page template.

Capture a full page, a selected area, or one DOM element without installing another browser extension.

Generate WebSite and BlogPosting structured data from Hugo templates and site configuration.

A practical list of customisable, free, and commercial illustration libraries for websites and apps.

Generate a Hugo theme skeleton, understand its main folders, and add the first piece of content.

Configure a Google Tag Manager container in Hugo, add both snippets, and keep it disabled on localhost.

Build search for a Hugo site with a JSON index, Fuse.js, Mark.js, and a small search template.