CKCSS

MODERN CSS, SADECE CSS

Arayüzünüzü derleyiciye değil, fikrinize bağlayın.

CKCSS; build sistemi, npm paketi veya JavaScript gerektirmeden modern, erişilebilir ve dayanıklı arayüzler kurmanız için tasarlanmış küçük bir CSS temelidir.

Hemen başlayın Primitive'leri inceleyin 
<link rel="stylesheet"
  href="ckcss.css">

<main class="ck-container ck-stack">
  <h1>Merhaba, CKCSS.</h1>
  <p>Sadece HTML ve CSS.</p>
</main>

TASARIMI YAVAŞLATMAYAN TEMEL

Gereksiz katmanlar olmadan güncel arayüzler.

01

Build yok

Dosyayı ekleyin, yazmaya başlayın. Shared hosting, klasik PHP ve statik siteler için doğal seçim.

02

JS yok

Etkileşim zorunluluğu getirmez. Semantik HTML, tarayıcının yerleşik gücü ve sizin tercihleriniz önde gelir.

03

Sağlam temel

Token'lar, mantıksal özellikler, erişilebilir odak stilleri ve progressive enhancement ile başlar.

LAYOUT PRIMITIVES

Bir komponent kiti için doğru yapı taşları.

.ck-container

Okunabilir satır uzunluğunu korur; normal, dar ve geniş varyantlarıyla sayfayı çerçeveler.

.ck-stack

Dikey ritmi tek bir boşluk kuralıyla yönetir. İçeriğin sırasını değiştirmez.

.ck-cluster

Butonlar, etiketler ve gezinme gibi yatay grupları taşma durumunda sarar.

.ck-grid

Ekran yerine kullanılabilir alana göre uyumlanan responsive grid düzenleri kurar.

İLK SAYFANIZ

Tek bir bağlantıyla başlayın.

  1. CSS dosyasını sitenizin varlık klasörüne koyun.
  2. Head içine ekleyin: <link rel="stylesheet" href="/assets/ckcss.css">
  3. Primitive'lerle düzenleyin; ihtiyacınız olan komponentleri kendi projenizde büyütün.