Küçük parçalar, ortak bir dil.
Blogun tipografisi, renkleri ve yazılarda kullanılan etkileşimli bileşenler. Bu sayfa aynı zamanda onların çalışma alanı.
Tipografi ve renk
Metinlerde Inter, kodda Fira Code, tarihler ve küçük etiketlerde Departure Mono. Koyu ve açık tema aynı renk sistemini paylaşır.
Öğrenmek, denemek, paylaşmak.
İyi bir arayüz, anlattığı şeyin önüne geçmez.
const curiosity = true Her şey küçük bir merakla başlar.
Yazı bileşenleri
Uzun metinlerde notları, açıklamaları ve kaynakları ayrı tutmak okumayı kolaylaştırır.[1]
Biraz daha ayrıntı
Bu bölüm native HTML ile açılır. JavaScript yüklenmese de açıklama okunabilir.
Önce anlaşılır bir soru.
Sonra küçük ve tekrar üretilebilir bir deneme.
En sonunda, ne öğrendiğimizi gösteren bir sonuç.
Bir kavramı anlamanın iyi yollarından biri, onu küçük bir örneğe dönüştürmek.
Görseller
Görseller büyütülebilir; klavye oklarıyla aralarında gezilebilir. Slayt gösterisi dokunma hareketlerini de destekler.
Yan yana karşılaştırma
Tek görsel
Etkileşim ve kod
Yazı içindeki küçük deneyler için ortak kontroller. Aşağıdaki örnekte boyutu ve şekli değiştirebilirsin.
Kod örneği yalnızca bu sayfadaki izole önizlemede çalışır. Ağ bağlantısı, üst sayfaya erişim ve paket kurulumu yoktur.
- Bu bileşenler mevcut yazıları değiştirmeden yeni MDX içeriklerinde kullanılabilir. ↩
Görsel dil ve blog deneyimi Maxime Heckel’in blogundan Astro’ya uyarlandı. İçerik, fotoğraflar ve kimlik bu siteye ait.