<?xml version="1.0" encoding="utf-8"?>
<feed xmlns="http://www.w3.org/2005/Atom" xml:lang="en">
  <title>Demo Blog</title>
  <subtitle>A fast, accessible demo blog that is easy to manage.</subtitle>
  <link href="https://demo1.yuriy-boyko.com/en/feed.xml" rel="self" type="application/atom+xml"/>
  <link href="https://demo1.yuriy-boyko.com/en/" rel="alternate" type="text/html"/>
  <id>https://demo1.yuriy-boyko.com/en/</id>
  <updated>2026-10-01T00:00:00.000Z</updated>
  <author><name>Yuriy Boyko</name></author>
  <entry>
    <title>Do you like this blog? Want one of your own?</title>
    <link href="https://demo1.yuriy-boyko.com/en/posts/want-a-blog-of-your-own/" rel="alternate" type="text/html"/>
    <id>https://demo1.yuriy-boyko.com/en/posts/want-a-blog-of-your-own/</id>
    <published>2026-10-01T00:00:00.000Z</published>
    <updated>2026-10-01T00:00:00.000Z</updated>
    <summary>This blog is a demo site: fast, accessible and bilingual. If you like it, I can build one made for you.</summary>
    <content type="html">&lt;p&gt;If you made it this far, maybe you like this blog. Good news: &lt;strong&gt;it is a demo site, and I can build one just like it (or better) for you.&lt;/strong&gt;&lt;/p&gt;
&lt;h2&gt;What you get&lt;/h2&gt;
&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;Speed:&lt;/strong&gt; very light pages that open instantly, even on a phone.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Two languages:&lt;/strong&gt; Italian and English, with a language switcher and linked translations.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Easy to manage:&lt;/strong&gt; a simple admin panel. Write, save, publish. No code.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Accessible and search-friendly:&lt;/strong&gt; built for everyone and for search engines, with built-in search, an RSS feed and light and dark themes.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Your colours, your style:&lt;/strong&gt; the design adapts to your brand.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Minimal running costs:&lt;/strong&gt; no platform subscriptions, and your content stays yours.&lt;/li&gt;
&lt;/ul&gt;
&lt;h2&gt;Let&#39;s talk&lt;/h2&gt;
&lt;p&gt;Already have a blog in mind, a website for your business, or a project to refresh? Tell me about it and we will work out how to build it.&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;Email:&lt;/strong&gt; &lt;a href=&#34;mailto:info@yuriy-boyko.com&#34;&gt;info@yuriy-boyko.com&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Website:&lt;/strong&gt; &lt;a href=&#34;https://yuriy-boyko.com&#34;&gt;yuriy-boyko.com&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;Drop me a line: I would be glad to hear from you.&lt;/p&gt;
</content>
  </entry>
  <entry>
    <title>How to publish a post</title>
    <link href="https://demo1.yuriy-boyko.com/en/posts/how-to-publish-a-post/" rel="alternate" type="text/html"/>
    <id>https://demo1.yuriy-boyko.com/en/posts/how-to-publish-a-post/</id>
    <published>2026-09-28T00:00:00.000Z</published>
    <updated>2026-09-28T00:00:00.000Z</updated>
    <summary>A quick guide to the admin panel: write, translate and publish in a few minutes.</summary>
    <content type="html">&lt;p&gt;Publishing a post takes a few minutes.&lt;/p&gt;
&lt;h2&gt;The steps&lt;/h2&gt;
&lt;ol&gt;
&lt;li&gt;Sign in to the admin panel with your GitHub account.&lt;/li&gt;
&lt;li&gt;Choose &lt;strong&gt;Posts&lt;/strong&gt; and click &lt;strong&gt;New post&lt;/strong&gt;.&lt;/li&gt;
&lt;li&gt;Write the title, description and text in Italian, then switch to the English tab for the translation.&lt;/li&gt;
&lt;li&gt;Add an image with its description.&lt;/li&gt;
&lt;li&gt;Save: the site updates by itself in about a minute.&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;If you are not ready, turn on &lt;strong&gt;Draft&lt;/strong&gt; and the post will not be published.&lt;/p&gt;
</content>
  </entry>
  <entry>
    <title>Web accessibility in brief</title>
    <link href="https://demo1.yuriy-boyko.com/en/posts/web-accessibility-in-brief/" rel="alternate" type="text/html"/>
    <id>https://demo1.yuriy-boyko.com/en/posts/web-accessibility-in-brief/</id>
    <published>2026-09-17T00:00:00.000Z</published>
    <updated>2026-09-17T00:00:00.000Z</updated>
    <summary>Five good practices to make a site usable by everyone without giving up on design.</summary>
    <content type="html">&lt;p&gt;An accessible site works better for &lt;strong&gt;everyone&lt;/strong&gt;.&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;Use headings in a logical order.&lt;/li&gt;
&lt;li&gt;Keep enough contrast between text and background.&lt;/li&gt;
&lt;li&gt;Make everything reachable by keyboard.&lt;/li&gt;
&lt;li&gt;Describe images with alternative text.&lt;/li&gt;
&lt;li&gt;Respect user preferences, such as reduced motion.&lt;/li&gt;
&lt;/ol&gt;
</content>
  </entry>
  <entry>
    <title>Welcome to the blog</title>
    <link href="https://demo1.yuriy-boyko.com/en/posts/welcome-to-the-blog/" rel="alternate" type="text/html"/>
    <id>https://demo1.yuriy-boyko.com/en/posts/welcome-to-the-blog/</id>
    <published>2026-09-10T00:00:00.000Z</published>
    <updated>2026-09-10T00:00:00.000Z</updated>
    <summary>The first post of the demo blog: what you will find here and how the site is built.</summary>
    <content type="html">&lt;p&gt;This is a &lt;strong&gt;demo&lt;/strong&gt; site: fast, accessible and easy to manage.&lt;/p&gt;
&lt;h2&gt;What you will find here&lt;/h2&gt;
&lt;p&gt;Posts in Italian and English, organised by tag. Every page is static HTML, so it loads instantly even on a slow connection.&lt;/p&gt;
&lt;h2&gt;How it is managed&lt;/h2&gt;
&lt;p&gt;Content is plain Markdown files. Authors use an admin panel and never touch the code.&lt;/p&gt;
</content>
  </entry>
  <entry>
    <title>Designing mobile first</title>
    <link href="https://demo1.yuriy-boyko.com/en/posts/designing-mobile-first/" rel="alternate" type="text/html"/>
    <id>https://demo1.yuriy-boyko.com/en/posts/designing-mobile-first/</id>
    <published>2026-09-05T00:00:00.000Z</published>
    <updated>2026-09-05T00:00:00.000Z</updated>
    <summary>Starting from the smallest screen makes the site better everywhere: here is the method.</summary>
    <content type="html">&lt;p&gt;Designing &lt;strong&gt;mobile first&lt;/strong&gt; means starting from the smallest screen and adding space only when there is room.&lt;/p&gt;
&lt;h2&gt;Why it works&lt;/h2&gt;
&lt;ol&gt;
&lt;li&gt;It forces you to choose what really matters.&lt;/li&gt;
&lt;li&gt;Text stays readable, in one column, with no horizontal scrolling.&lt;/li&gt;
&lt;li&gt;Touch targets are large enough for fingers.&lt;/li&gt;
&lt;/ol&gt;
&lt;h2&gt;In practice&lt;/h2&gt;
&lt;p&gt;You write the base style for about 320 pixels first, then add rules for tablet and desktop. The result works well on every device.&lt;/p&gt;
</content>
  </entry>
  <entry>
    <title>Why a fast site matters</title>
    <link href="https://demo1.yuriy-boyko.com/en/posts/why-a-fast-site-matters/" rel="alternate" type="text/html"/>
    <id>https://demo1.yuriy-boyko.com/en/posts/why-a-fast-site-matters/</id>
    <published>2026-09-03T00:00:00.000Z</published>
    <updated>2026-09-03T00:00:00.000Z</updated>
    <summary>Load times, Core Web Vitals and static pages: how speed and results go hand in hand.</summary>
    <content type="html">&lt;p&gt;A fast site is nicer to use, ranks better and convinces more.&lt;/p&gt;
&lt;h2&gt;The basics&lt;/h2&gt;
&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;Static pages:&lt;/strong&gt; the server delivers ready-made HTML, with no computation.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;No external fonts:&lt;/strong&gt; system fonts mean no extra requests.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Light images:&lt;/strong&gt; modern formats such as AVIF and WebP, sized correctly for every screen.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Little JavaScript:&lt;/strong&gt; only what is really needed.&lt;/li&gt;
&lt;/ul&gt;
&lt;h2&gt;How it is measured&lt;/h2&gt;
&lt;p&gt;The main indicators are LCP (speed of the main content), CLS (layout stability) and INP (responsiveness). A good site keeps all of them in the green range.&lt;/p&gt;
</content>
  </entry>
</feed>
