Temel
React ↗
Arayüzü bileşenlere, durumlara ve veri akışına ayırmak için temel başvuru.
Unisign React deneyimi ve bu portföyKaynak kütüphanesi
Kullandığım araçlar, uyarladığım yaklaşımlar ve yalnızca referans aldığım örnekler. Her biri kendi kullanım ve lisans koşullarıyla değerlendirilir.
Temel
Arayüzü bileşenlere, durumlara ve veri akışına ayırmak için temel başvuru.
Unisign React deneyimi ve bu portföyAnimasyon
Kaydırmaya bağlı portre geçişleri, parallax, etkileşimler ve layout animasyonları.
Bu portföyde kullanıldıEtkileşim
Unisign çalışmasında Rotating Text, Web Threads; önceki tasarım aşamalarında SpotlightCard ve diğer örnekler.
Unisign tasarım çalışmaları · Her bileşenin lisansı ayrıca kontrol edilir3D
React bileşenleriyle Three.js sahnelerini yönetme; bu portföyde görünüm dışındayken duran dekoratif 3D obje.
Bu portföyde kullanıldı3D
3D ürün keşfi, kamera ve geometri için temel ekosistem.
Ürün keşfi ve 3D arayüz çalışmalarıVeri akışı
ESL preview’ında düğüm ölçümü ve observer yaklaşımı uyarlandı; hareket yayın işlemine bağlandı.
ESL kontrol merkezi preview’ıDavranış referansı
Container Scroll, carousel ve sticky anlatım davranışları incelendi. Ücretli kaynak kodu kopyalanmadı.
Unisign ekran girişi için davranış referansıForm semantiği
Alan, etiket ve hata gruplaması örnekleri incelendi; ESL’de native HTML kontrolleri kullanıldı.
Semantik ve etkileşim referansıAlternatif
Karmaşık timeline ve pin/scrub senaryoları için incelenebilecek alternatif. Bu portföy Motion ile çalışıyor.
Öğrenme ve karşılaştırma kaynağıKaynak temel
Bu portföyün framework iskeletinin kaynağı. MIT bildirimi korundu; kişisel içerikler ve üçüncü taraf karakter modeli taşınmadı.
Bu portföyün başlangıç kaynağıGörsel referans
Kullanıcının belirlediği büyük tipografi, sıcak ışık ve kaydırma hikâyesi yönü.
Görsel yön referansı