38 lines
2.2 KiB
Text
38 lines
2.2 KiB
Text
|
---
|
|||
|
|
layout: layouts/base.njk
|
|||
|
|
title: Links
|
|||
|
|
permalink: /links/
|
|||
|
|
---
|
|||
|
|
|
|||
|
|
<h1 class="text-2xl font-bold mb-4">Links</h1>
|
|||
|
|
<p class="text-gray-600 dark:text-gray-400 mb-6">A curated index of sites, references, and tools. Replace these with your own favorites or wire up a bookmarks feed.</p>
|
|||
|
|
|
|||
|
|
<section class="space-y-8">
|
|||
|
|
<div>
|
|||
|
|
<h2 class="text-lg font-semibold">Web Development</h2>
|
|||
|
|
<ul class="list-disc pl-6">
|
|||
|
|
<li><a class="text-blue-600 dark:text-blue-400 hover:underline" href="https://www.11ty.dev/">Eleventy</a> — Static site generator with a small, flexible core.</li>
|
|||
|
|
<li><a class="text-blue-600 dark:text-blue-400 hover:underline" href="https://playwright.dev/">Playwright</a> — Reliable end‑to‑end testing across browsers.</li>
|
|||
|
|
<li><a class="text-blue-600 dark:text-blue-400 hover:underline" href="https://web.dev/">web.dev</a> — Guides on performance and modern web APIs.</li>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div>
|
|||
|
|
<h2 class="text-lg font-semibold">IndieWeb & Publishing</h2>
|
|||
|
|
<ul class="list-disc pl-6">
|
|||
|
|
<li><a class="text-blue-600 dark:text-blue-400 hover:underline" href="https://indieweb.org/">IndieWeb Wiki</a> — Build on your own domain with open standards.</li>
|
|||
|
|
<li><a class="text-blue-600 dark:text-blue-400 hover:underline" href="https://microformats.org/">microformats</a> — Semantic markup for people and posts.</li>
|
|||
|
|
<li><a class="text-blue-600 dark:text-blue-400 hover:underline" href="https://mehdix.ir/awesome-static-generators/">Awesome Static Generators</a> — Explore SSGs.</li>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div>
|
|||
|
|
<h2 class="text-lg font-semibold">Design & Accessibility</h2>
|
|||
|
|
<ul class="list-disc pl-6">
|
|||
|
|
<li><a class="text-blue-600 dark:text-blue-400 hover:underline" href="https://www.a11yproject.com/">The A11Y Project</a> — Practical accessibility resources.</li>
|
|||
|
|
<li><a class="text-blue-600 dark:text-blue-400 hover:underline" href="https://type-scale.com/">Type Scale</a> — Visualize typographic scales.</li>
|
|||
|
|
<li><a class="text-blue-600 dark:text-blue-400 hover:underline" href="https://colorandcontrast.com/">Color & Contrast</a> — Understand accessible color usage.</li>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
</section>
|