Bu Tarz Siteler Nasil Yapiliyor
-
https://vintage.com.ua bu sitenin nasil yapildigini ve budamlarin yaptigi portfolio daki full animasyonlu sitelrin hangi programla cizildigini merak ediyorum. bu tip siteler after effecte falanmi cizilip export ediliyor veya durum nasil gerceklesiyor.
-
ae degil hocam.
JS ile yapmislar -> https://www.pixijs.com/
-
Html, css ve js (son versiyonlar) bilen biri icin yapilamaz bir site degil. ortadaki cizgiler icin en basit yontem bir canvas kullanmak. P5.js bu alandaki favori kutuphanem. Hic kutuphane kullanmasaniz da olur. 3D efektler icin three.js kullanilabilir.
Sonra, overflow: hidden yapilip sayfanin scrolling mekanigi kapatilmis, ve ustune mouse, dokunma eventleri ateslenince manuel olarak sayfa kaydirilmis. Bunun icin de kutuphaneler var.
SVG ile guzel ikonlar yapilmis. SVG yi kullanmasi biraz zor ama bunun da kutuphanesi vardir :)
Ekrandaki herseyin yerini belirlemek icin position: absolute, relative, fixed ve yaninda flexbox kullanilabilir.