ÜrünlerÜrünlerWebBlocksWebBlocks UIWebBlocks CMSQuizTemDoDoneHerne PanelHerne Panel Dokümantasyon (EN)WebBlocks PlayHizmetlerBlogsİletişim
WebBlocks UI HTML-first readable system
WebBlocks UI

İnsanların ve AI’ın okuyabildiği HTML-first arayüzler

Framework runtime’ını başlangıç şartı yapmadan açık pattern’ler, tasarım token’ları ve bileşen sözleşmeleriyle kurulan kaynak görünür UI sistemi.

WebBlocks UI’ı konuşalım
WebBlocks UI shared product foundations
fklavye.net · web services

Tek ürün, ortak temeller

WebBlocks UI, bütünlüklü bir ürün ailesi içinde tekrar kullanılabilir arayüz, yayın ve operasyon pattern’leriyle geliştiriliyor.

WebBlocks UI interface to daily operation
Ürün kullanımda

Arayüzden günlük operasyona

Odaklı ürün yüzeyi, açık kararları anlaşılır, sürdürülebilir ve gelişime hazır yazılıma dönüştürür.

İzle: Neden WebBlocks UI? (Bölüm 01)

Altı katmanlı modeli, canlı wb-* kod demolarını ve yayındaki gerçek pattern’leri anlatan 74 saniyelik bir tur. Dokuz videoluk WebBlocks CMS serisinin tamamı artık YouTube’da.

Bölüm 01 · WebBlocks CMS nedir?

Video dili: İngilizce.

Bu içerik YouTube tarafından sağlanıyor. Görüntülemek için yüklenmesine izin verebilirsiniz.

Çerez ayarları

Bölüm 02 · İlk sayfanı oluştur ve yayımla

Video dili: İngilizce.

Bu içerik YouTube tarafından sağlanıyor. Görüntülemek için yüklenmesine izin verebilirsiniz.

Çerez ayarları

Bölüm 04 · Layout, slot ve block kavramları

Video dili: İngilizce.

Bu içerik YouTube tarafından sağlanıyor. Görüntülemek için yüklenmesine izin verebilirsiniz.

Çerez ayarları

Bölüm 05 · Hero ve Rich Text ile ana sayfa oluştur

Video dili: İngilizce.

Bu içerik YouTube tarafından sağlanıyor. Görüntülemek için yüklenmesine izin verebilirsiniz.

Çerez ayarları

Bölüm 06 · Medya Kütüphanesi ile görsel ekle

Video dili: İngilizce.

Bu içerik YouTube tarafından sağlanıyor. Görüntülemek için yüklenmesine izin verebilirsiniz.

Çerez ayarları

Bölüm 07 · Navigasyon ve ortak üst alan oluştur

Video dili: İngilizce.

Bu içerik YouTube tarafından sağlanıyor. Görüntülemek için yüklenmesine izin verebilirsiniz.

Çerez ayarları

Bölüm 08 · Taslak, inceleme, yayın ve sürümler

Video dili: İngilizce.

Bu içerik YouTube tarafından sağlanıyor. Görüntülemek için yüklenmesine izin verebilirsiniz.

Çerez ayarları

Bölüm 09 · Tek kurulumda birden fazla site yönet

Video dili: İngilizce.

Bu içerik YouTube tarafından sağlanıyor. Görüntülemek için yüklenmesine izin verebilirsiniz.

Çerez ayarları

Bölüm 10 · Geliştirici kurulumu ve Laravel entegrasyonu

Video dili: İngilizce.

Bu içerik YouTube tarafından sağlanıyor. Görüntülemek için yüklenmesine izin verebilirsiniz.

Çerez ayarları
9 videoluk CMS listesini YouTube’da izle
Temel yetenekler

Açık kurallara sahip pratik UI temeli

WebBlocks UI; arayüz yapısını, görsel kararları ve bileşen davranışını kaynak içinde anlaşılır tutar.

HTML-first pattern’ler

Pattern’ler, gizli bir bileşen ağacını yeniden kurmadan incelenebilen, kopyalanabilen ve uyarlanabilen semantik HTML ile başlar.

Tasarım token’ları

Açık token’lar renk, boşluk, tipografi, yüzey ve etkileşim durumlarını ürün arayüzleri boyunca koordine eder.

Bileşen sözleşmeleri

Bileşenler açık yapı ve beklenen davranış sunar; geliştiriciler ile operatör araçları onları tutarlı biçimde kullanabilir.

Framework runtime zorunluluğu yok

Temel UI pattern’leri, varsayılan başlangıç koşulu olarak uygulama framework runtime’ı veya npm build zinciri gerektirmez.

WebBlocks UI sitesini ziyaret et →
Teknik yaklaşım

Ürün disiplini olarak kaynak görünür UI

Sistem; native web temellerini, aşamalı geliştirmeyi ve anlattığı pattern’lere yakın kalan dokümantasyonu tercih eder.

Native web temelleri

Tarayıcı platformu temel katmanı sağlar; utility ve bileşenler tutarlı bir ürün dili ekler.

Aşamalı geliştirme

Etkileşimli davranış, arayüzü anlamanın ön koşulu olmak yerine kullanılabilir markup üzerine katmanlanır.

AI tarafından okunabilir sözleşmeler

Kaynak görünür yapı ve açık kurallar, arayüzlerin AI ajanları ve operatör araçları tarafından güvenle incelenip değiştirilmesini kolaylaştırır.

Gerçek ürün arayüzü

Kendisini belgeleyen bir UI sistemi

Tamamı yayınlanan paket varlıkları, primitive’ler, pattern’ler ve yerleşik JavaScript hook’larıyla oluşturulan güncel WebBlocks UI dokümantasyonu.

Current WebBlocks UI documentation rendered with package assets
Güncel durum

Aktif ürün geliştirme aşamasında

WebBlocks UI aktif bir üründür. Yukarıdaki dokümantasyon yüzeyi güncel paketin kendisiyle oluşturulmuştur; herkese açık pattern ve örnekler kararlı sürümlerle genişlemeye devam edecektir.

WebBlocks UI hakkında bilgi alın
Açık çalışma sınırı

Gereksinimler ve yayın durumu

Güncel paketin neye ihtiyaç duyduğu, nelerin opsiyonel kaldığı ve erişimin bugün nasıl yönetildiği.

HTML-first, framework runtime’ı yok

Standart HTML ve yayınlanan CSS kullanılır. İkonlar ile etkileşim runtime’ı opsiyoneldir; tüketim için Node, npm veya framework bağımlılığı yoktur.

Yayınladığınız sürümü sabitleyin

Uygulamalar bilinçli bir paket veya CDN sürümü tüketmeli; ürüne özel içerik ve marka host projede kalmalıdır.

Dokümantasyon odaklı kullanım

Güncel dokümantasyon ve playground kaynakları görülebilen kullanım yüzeyleridir. Entegrasyon ve ürün soruları için fklavye.net üzerinden iletişime geçin.