Emircan Erdemci

Ne

Sıfırdan bir web arayüzü: tanıtım sitesi, ürün ön yüzü, yönetim paneli.

Nasıl

Kendi başına duran bileşenler, tekrar eden markup yerine veride tutulan içerik, altında gerçek rotalar ve gerçek HTML.

Ne zaman uyar

Elinde bir tasarım ya da net bir fikir var ve her ekran boyutunda, ileride framework kavgasına girmeden tarayıcıda var olmasını istiyorsun.

Araçlar

React, Vue, Astro, TypeScript, Tailwind

Tasarım sattığım şey değil. Tasarımı sen ver ya da sade tutmama izin ver.

Ne

Zaten çalışan ama yavaş, kırılgan ya da değiştirmesi zor bir şey.

Nasıl

Önce ölç, sonra sayfayı parçalara ayır, gereksizi at, sayıların gösterdiği yeri düzelt.

Ne zaman uyar

Her değişiklik beş yerde düzeltme istiyor, sayfa telefonda ağır geliyor ya da eski koda kimse dokunmaya cesaret edemiyor.

Araçlar

Lighthouse, Web Vitals, profil alma, erişilebilirlik denetimi

Frontend'in gösterişsiz yarısı. Yaptığım işin çoğu bu.

Ne

Scroll'a ve imlece bağlı sayfalar: katmanlı hero'lar, sabitlenen sahneler, tekerleğin sürdüğü video.

Nasıl

Yalnız transform ve opacity, hareketsiz de çalışan bir statik kompozisyon, masaüstü ve telefonda kare kare doğrulama.

Ne zaman uyar

Belge gibi değil deneyim gibi hissettiren, ama hızlı kalan bir sayfa istiyorsun.

Araçlar

GSAP ScrollTrigger, Lenis, CSS scroll-driven animation

Bu site örneğin kendisi. Üzerindeki her şey böyle yapıldı.