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

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.

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.

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.

Foundation, layout, primitive, ikon, pattern, utility, JavaScript ve playground navigasyonunu gösteren güncel WebBlocks UI dokümantasyonu. — Yalnızca paket pattern sistemini gösteren WebBlocks UI dokümantasyon ana sayfası.

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.