Çok teşekkür ederim gayet verimliydi. w/Gasp ile ilgili daha çok video bekliyoruz.Şöyle 1-1,5 saatlik w/Gasp'i anlatan video çekebilirseniz çok memun oluruz.
selam, bildigim kadariyla istedigin seyi sadece css kullanarak yapmak mumkun degil, eger gsap tarzinda bir kutuphane kullaniyorsan duration isminde bir parametre oluyor, onu kullanarak animasyonun ne kadar surecegini belirleyebiliyorsun.
Dostum merhabalar. Sayfa açılışındaki yani navbar kısmındaki animasyon oluyor fakat, alt bölümlerdeki sınıflara triggerlayarak animasyon çalışması olmuyor. hepsi aynı anda oluyor triggerı görmezden geliyor. bunun sebebi ne olabilir? şimdiden teşekkür ederim.
videoyu arkaplanda çalıştıramadım arkaplan sıyah olarak kalıyor video başlamıyor ama video classını dive yazmayınca kod çalışıyor sanırım diğer kodlarla çakıştı internet siteme eklemeye çalıştımda, nasıl düzeltebilirim?
hocam merhaba bir site üzerinde çalışıyorum sağ taraftan gelen bir animasyon yapmaya çalışıyorum ancak sağdan gelen div alttaki scrollun açılmasına neden oluyor bunu nasıl önleyebilirim ?
araya position:absolute ve opacity:0 olacak şekilde yeni bir div ekleyebilirsin. alttaki scrollun triggerı olarak bu yeni olusturdugun görünmez div’i yapabilirsin.
Merhaba hocam, sorumu yakın bir zamanda cevaplarsanız çok sevinirim :) Bu scrollMagic , animasyonları sadece belirli bir sıra ile mi yapıyor? illa istediğimiz sectiondan öncekilerdede animasyon olması şart mı? Ben bu videodaki gibi yaptım ama sadece sayfamdaki 3cü sectiona yaptım öncekilere değil, scroll etdiğim zaman çalışması gerekiyor ama sayfayı refresh etdiğim zaman çalışıyor. Bunu nasıl düzelte biliriz?
Trigger'ı yanlış eklemiş olabilir misin? Eğer triggerı üstteki containerlardan birine verdiysen sen daha 3. section'a inmeden animasyon çalışmış oluyordur. Ama kısacası, öncesinde bir animasyon vermen gerekmiyor asla. İstediğin elemana istediğin şekilde verebiliyorsun
@@Kodmatik20 Hocam çok teşekkür ederim cevapladığınız için , sorun ne çıktı biliyor musunuz Scrollmagic için 2 tane cdn almışsınız oraya dikkat etmemişim , animation.gsap.min.js ' i yokmuş bende, şimdi çalıştı.😂 Kodlamanın bu yanlarına sinir oluyorum yaa, sorunlar hep böyle basit şeylerden dolayı oluyor🤦🏻♀️🥲
Selam, kod dökümünü açıklamalar kısmında bulabilirsin. TH-cam’a attığım videolarda yaptıgımız projelerin çoğu orada bulunuyor. İndirip kodlara erişebilirsin 👍🏻
inanılmaz güzel bir şey bu kodlama ya hepsinin bir mantığı , sırası ve isimleri var insan bir anda hepsini öğrenmek istiyor ama hiçbirini anlamıyorum şu an :( bakalım ne zaman öğreneceğiz.
Selam, bu siteyi mobile çevirdiğimiz bir videom daha var. Orada gözlemleyebilitsin animasyonların mobildeki davranışlarını. 👍🏻 th-cam.com/video/ikiG0FI2SuE/w-d-xo.html
Ben 2 3 yerden html css dersi izledim ama senin gibi justfy-content rem vh % rgb , cont quryselector falan kullanmıyorlardı. yaparken hızlandırmayıp kodların özellikleri anlatsaydın çok sevinirdim ya da öyle öğretici bir videon var mı abim? Onların hepsini öğrenmeyi , bilmeyi şu an o kadar çok istiyorum ki. Bu arada videoların ve anlatımların çok güzel eline emeğine sağlık. Senin eğitimin var mı aceba? 😊
Videonun daha fazla uzamaması için bu şekilde yaptım. İzleyip aynılarını kurcalayarak neyin nasıl çalıştığını anlayabilirsin aslında. Ama yeni videolarda dikkat etmeye çalışırım 👍
Merhaba aldığım js kodlarını aktif hale getiremiyorum. Js kodlarım çalışmıyor nerede hata yapmış olabilirim? Videonun 7. Dakikasına kadar problem yok. Const tanımıyor mesela neden?
Javascript dosyanin uzantisini yanlış yazmış olabilirsin veya html içinde tagiyle js'i import etmemiş olabilirsin. Onun dışında kodun doğru ise çalışıyor olması lazım
![CAMPปลิ้น | รวม Highlight 2024! PART [1/2]](http://i.ytimg.com/vi/6hnvNnvYloU/mqdefault.jpg)
Kaliteli içeriklerin için teşekkür ederim. Emeğine sağlık
Selam Uğurcan, bunu duymak mutlu etti, ben teşekkür ederim :)
Çok iyi Video Olmuş Eline Emeğine Sağlık Reis
Teşekkürler!! Boş vakit bulduğum an videolara devam edeceğim!! 👍🏻💪🏻
Yararlı bir video devamı mutlaka gelsin...
Bu card üstünde ki sembolleri nasıl değiştirebilirim? İstediğim png formatında ki bi sembolü nasıl ekleyebilirim?
hocam bunu reactda yapmak istedim ama çalışmadı
Çok teşekkür ederim gayet verimliydi. w/Gasp ile ilgili daha çok video bekliyoruz.Şöyle 1-1,5 saatlik w/Gasp'i anlatan video çekebilirseniz çok memun oluruz.
tamamdır :) animasyon gereken projelerde GSAP kullanıyoruz zaten genelde, başka videolarda da kullanmıştım onlara da göz atabilirsin
Hocam sayfa içi bağlantısında navbar daki bir butona basınca bağlantı yapılmış alana hızlı bir şekilde iniyor. Bunu nasıl yavaşlatabilirim.
selam, bildigim kadariyla istedigin seyi sadece css kullanarak yapmak mumkun degil, eger gsap tarzinda bir kutuphane kullaniyorsan duration isminde bir parametre oluyor, onu kullanarak animasyonun ne kadar surecegini belirleyebiliyorsun.
Güzel anlatımın için teşekkürler
Selam Ümit, beğenmene sevindim teşekkürler :)
şu javaya harcadığım zaman kadar sql c# öğrendim bi bunu çözemedim artık kendimi geri zekalı gibi hissediyorum yokmu bunun bi kolay yolu
Dostum merhabalar. Sayfa açılışındaki yani navbar kısmındaki animasyon oluyor fakat, alt bölümlerdeki sınıflara triggerlayarak animasyon çalışması olmuyor. hepsi aynı anda oluyor triggerı görmezden geliyor. bunun sebebi ne olabilir? şimdiden teşekkür ederim.
kodunda hata olmasi gerekiyor, burdan tahmin edebilmem mumkun degil. Videoda yapilanin aynisini uyguladigin halde mi boyle oluyor?
Ellerine sağlık.
Beğenmenize sevindim teşekkürler 🎉
videoyu arkaplanda çalıştıramadım arkaplan sıyah olarak kalıyor video başlamıyor ama video classını dive yazmayınca kod çalışıyor sanırım diğer kodlarla çakıştı internet siteme eklemeye çalıştımda, nasıl düzeltebilirim?
Selam, html veya css tarafıında bir hata olsa gerek, kodu görmeden "şundandır" diyemiyorum ne yazık ki :)
@@Kodmatik20 hallettim teşekkür ederim yanıtladıgınız için.
@@kaancebeci4886 Rica ederim :))
hocam merhaba bir site üzerinde çalışıyorum sağ taraftan gelen bir animasyon yapmaya çalışıyorum ancak sağdan gelen div alttaki scrollun açılmasına neden oluyor bunu nasıl önleyebilirim ?
araya position:absolute ve opacity:0 olacak şekilde yeni bir div ekleyebilirsin. alttaki scrollun triggerı olarak bu yeni olusturdugun görünmez div’i yapabilirsin.
@@Kodmatik20 overflow-x: 'hidden'; ile bir çözüm ürettim hocam ancak demek istediğinizi tam olarak anlamadım
abi bişi diycem neden senin yazdığın kodlar oluyor da benimkiler olmuyor aynı program ya :(
Muhtemelen bir yerde hata yapıyorsundur fark etmeden, kütüphaneleri doğru şekilde yüklediğinden emin ol :)
@@Kodmatik20 **TEŞEKÜRLER**
Animasyon istediğimizde js kullanmak zorundamıyız yoksa tercih mi? css ile olmuyor mu
css ile animasyon yapmak da mümkün fakat etkileşimli bir animasyon için (scroll veya tıklamayla aktifleşen) js gerekiyor genelde
Temanın adı ne?
VSC temasını soruyorsan eklentiler videomda bulabilirsin ismini
@@Kodmatik20 Teşekkür ederim.
Js olmadan olmaz değil mi?
Sadece html css ile olmuyor ne yazık ki
Merhaba hocam, sorumu yakın bir zamanda cevaplarsanız çok sevinirim :) Bu scrollMagic , animasyonları sadece belirli bir sıra ile mi yapıyor? illa istediğimiz sectiondan öncekilerdede animasyon olması şart mı? Ben bu videodaki gibi yaptım ama sadece sayfamdaki 3cü sectiona yaptım öncekilere değil, scroll etdiğim zaman çalışması gerekiyor ama sayfayı refresh etdiğim zaman çalışıyor. Bunu nasıl düzelte biliriz?
Trigger'ı yanlış eklemiş olabilir misin? Eğer triggerı üstteki containerlardan birine verdiysen sen daha 3. section'a inmeden animasyon çalışmış oluyordur.
Ama kısacası, öncesinde bir animasyon vermen gerekmiyor asla. İstediğin elemana istediğin şekilde verebiliyorsun
@@Kodmatik20 Hocam çok teşekkür ederim cevapladığınız için , sorun ne çıktı biliyor musunuz Scrollmagic için 2 tane cdn almışsınız oraya dikkat etmemişim , animation.gsap.min.js ' i yokmuş bende, şimdi çalıştı.😂 Kodlamanın bu yanlarına sinir oluyorum yaa, sorunlar hep böyle basit şeylerden dolayı oluyor🤦🏻♀️🥲
@@samayamughumova6077 :))
knk yaptın code du mesaj olarak ata bilir misin html css js bölümlerini ayrı ayrı
Selam, kod dökümünü açıklamalar kısmında bulabilirsin. TH-cam’a attığım videolarda yaptıgımız projelerin çoğu orada bulunuyor. İndirip kodlara erişebilirsin 👍🏻
inanılmaz güzel bir şey bu kodlama ya hepsinin bir mantığı , sırası ve isimleri var insan bir anda hepsini öğrenmek istiyor ama hiçbirini anlamıyorum şu an :( bakalım ne zaman öğreneceğiz.
Sabırlı ve istikrarlı olduktan sonra yavaş yavaş öğreniliyor her şey :)
adamsın knk :)
Efektleri mobil uyumlu hâle getirmekte çok sıkıntı yaşıyorum.
Selam, bu siteyi mobile çevirdiğimiz bir videom daha var. Orada gözlemleyebilitsin animasyonların mobildeki davranışlarını. 👍🏻
th-cam.com/video/ikiG0FI2SuE/w-d-xo.html
@@Kodmatik20 çok yararlı, teşekkürler hocam.
Ben 2 3 yerden html css dersi izledim ama senin gibi justfy-content rem vh % rgb , cont quryselector falan kullanmıyorlardı. yaparken hızlandırmayıp kodların özellikleri anlatsaydın çok sevinirdim ya da öyle öğretici bir videon var mı abim?
Onların hepsini öğrenmeyi , bilmeyi şu an o kadar çok istiyorum ki.
Bu arada videoların ve anlatımların çok güzel eline emeğine sağlık.
Senin eğitimin var mı aceba? 😊
Eğitim videosu çekmiyorum ne yazık ki şu anlık. İlerde Udemy tarzı yerlere video serisi şeklinde kurs hazırlayabilirim belki :)
@@Kodmatik20 araştırdım öğrendim abim sen video çek bizi videosuz bırakma çok da zorlama bizi 😁
@@bilalekmen9982 hahahahahahahah tamamdır ☺️
Ya abi html ve css kısmınıda anlat ya lütfen ya
Videonun daha fazla uzamaması için bu şekilde yaptım. İzleyip aynılarını kurcalayarak neyin nasıl çalıştığını anlayabilirsin aslında. Ama yeni videolarda dikkat etmeye çalışırım 👍
@@Kodmatik20 evet hocam haklısinız ama okula git gel sonra dersaneye git gercekten vakit kalmıyor
Merhaba aldığım js kodlarını aktif hale getiremiyorum. Js kodlarım çalışmıyor nerede hata yapmış olabilirim? Videonun 7. Dakikasına kadar problem yok. Const tanımıyor mesela neden?
Javascript dosyanin uzantisini yanlış yazmış olabilirsin veya html içinde tagiyle js'i import etmemiş olabilirsin. Onun dışında kodun doğru ise çalışıyor olması lazım