CSS Split Animasyon

แชร์
ฝัง
  • เผยแพร่เมื่อ 1 ธ.ค. 2024

ความคิดเห็น • 47

  • @PROTOTURKCOM
    @PROTOTURKCOM  ปีที่แล้ว +3

    demo: css-split-animation.netlify.app/
    derste bolca hata yaptik, bilerek kesmedim mantik yurutme adimlarini gorun diye, ne kadar yuruttuk gerci orasi tartisilir asdasd ama olsun bence keyifli oldu :)

  •  ปีที่แล้ว

    Gayet etkileyici ve başarılı, bende bir website tasarımcısıyım, bende fırsat buldukça bu tarz animasyon gibi kodlar yazmaya çalışıyorum ama direkt olarak sadece css le böyle bir şey oluşturmak zor ve yorucu oluyor, bu sebeple javascriptle desteklemeye çalışıyorum.

  • @FarukSavur
    @FarukSavur ปีที่แล้ว +2

    Abi askerlik eğitimim bitti, artık buralardayım ✌️

  • @cuneytdonmez214
    @cuneytdonmez214 ปีที่แล้ว

    Eline Koluna emeğine yüreğie sağlık hocam.....

  • @omergunay5076
    @omergunay5076 ปีที่แล้ว

    10 numara video olmuş eline sağlık hocam. Hataları da gösterip çözüm aşamalarını silmemen çok daha güzel olmuş. Firefoxta çalışmıyor burda bazı şeyleri desteklemiyor herhalde firefox :D

  • @dwhoz
    @dwhoz ปีที่แล้ว

    1.05.02 eline sağlık sonunda başardın

  • @msinandemir1
    @msinandemir1 ปีที่แล้ว

    emeğinize sağlık hocam çok iyi ders olmuş.

  • @eko_editsz
    @eko_editsz ปีที่แล้ว

    güzel video olmuş

  • @agit5700
    @agit5700 ปีที่แล้ว

    eline sağlık abi

  • @dovranovezberdiyev3291
    @dovranovezberdiyev3291 ปีที่แล้ว +1

    👍

  • @mucahitozcantr
    @mucahitozcantr ปีที่แล้ว +1

    Bir sonraki video da hava durumu yaparmısın abi rica etsek fetch isteği falan filan

  • @IbrahimAli-sn6dd
    @IbrahimAli-sn6dd ปีที่แล้ว +2

    Merhabalar. Çok başarılı bir ders olmuş. Ellerinize sağlık. Webstorm kullanıyorsunuz sanırım. IDEnizin temasını paylaşa bilirmisiniz?

  • @borakayalar
    @borakayalar ปีที่แล้ว

    Cansinnnn coook teşekkürler

  • @ahmetkose9621
    @ahmetkose9621 ปีที่แล้ว

    Yine harika. Ne diyeyim valla. Bu adamın yeri cennet aga :ADWD: he ufak bir tavsiye şu olabilir ( kendimce ). Ben Css'i senin Css derslerinden öğrendim. Bu SCSS midir nedir şeytan icadı DA:WD Ya SCSS Dersleri diye bir ders çekelim yada Css ile yap kral kafam karıştı A:WDA:

    • @PROTOTURKCOM
      @PROTOTURKCOM  ปีที่แล้ว

      kanalda var sass derslerı onlara bakmana yeterlı olur :D basit bir konu işi de kolaylaştırıyor öğrenmek lazım

    • @ahmetkose9621
      @ahmetkose9621 ปีที่แล้ว

      @@PROTOTURKCOM Allah Allah kanala baktım göremedim. Oynatma listesinde öyle bir başlık yok başlığı mı farklı acaba ? Link atar mısın üstad 😄

    • @PROTOTURKCOM
      @PROTOTURKCOM  ปีที่แล้ว

      2014 videolari idare et :D
      th-cam.com/video/yVHGgVEx1o0/w-d-xo.html
      th-cam.com/video/5NXliNbtKu0/w-d-xo.html
      th-cam.com/video/nFta-FE5GmY/w-d-xo.html

    • @ahmetkose9621
      @ahmetkose9621 ปีที่แล้ว

      @@PROTOTURKCOM Hadi buyur :DAWD

    • @ahmetkose9621
      @ahmetkose9621 ปีที่แล้ว

      Arkadaşlar örgütlenelim Tayfun bize scss öğretsin :ADWW:DA #scssmagdurlari :DD

  • @Osuran_Bogaa
    @Osuran_Bogaa ปีที่แล้ว

    Abi animasyonlar icin ayri kafa gerekiyor ya nasil yetisecegiz

  • @keremardcl6759
    @keremardcl6759 ปีที่แล้ว

    Bu arada rakamsal olmayan ögelerde display vs gibi animasyonun çalışmadığını ben de çok acı şekilde öğrenmiştim :( En iyi çzöümlerden biri scale 0 oluyor. Show tag de ise 50% de de opacity 0 verebilirdin mesela.

    • @PROTOTURKCOM
      @PROTOTURKCOM  ปีที่แล้ว

      Opacity olurdu da Benim için sayfada yer kaplamaması önemli

  • @arviiss
    @arviiss ปีที่แล้ว

    VSC'de kullandığın eklentiler neler? Hepsini söylersen sevinirim, işime yarayacak şeyler çıkabilir

    • @PROTOTURKCOM
      @PROTOTURKCOM  ปีที่แล้ว

      th-cam.com/video/QiEeb0PrbKo/w-d-xo.html burada bahsetmistim

    • @arviiss
      @arviiss ปีที่แล้ว

      @@PROTOTURKCOM Teşekkür ederim

  • @borakayalar
    @borakayalar ปีที่แล้ว

    Teşekkürler.

  • @onur-9158
    @onur-9158 ปีที่แล้ว

    Abi yorumları okuyor musun bilmiyorum ama, ben firebase realtime data baseden fetch yapınca obje olarak geliyo. Fakat genellikle bana array olarak lazım. Ben de ya for döngüsü kullanarak, yada Object.value(data) yaparaktan arraye çeviriyorum. Bu ne kadar doğru bilmiyorum, ve bunun bir yolu yorda mı var mıdır sormak istedim?

    • @PROTOTURKCOM
      @PROTOTURKCOM  ปีที่แล้ว

      spread ile yayip kullanabilirsin [...obj] gibi

  • @_rebellious_666
    @_rebellious_666 ปีที่แล้ว

    hocam SQL( veya DBMS) öğrenmeye degermi ?

    • @PROTOTURKCOM
      @PROTOTURKCOM  ปีที่แล้ว +1

      yazilim ogreneceksen elbette veritabani ogrenmek zorundasin, nosql ya da dbms fark etmez, mantik hepsinde ayni

  • @bayramarif526
    @bayramarif526 ปีที่แล้ว

    16:50 - web e de hexa color destegi gelmismidir acaba ... #00000040 gibi :)

    • @PROTOTURKCOM
      @PROTOTURKCOM  ปีที่แล้ว

      var var, ama biraz daha farkli calisiyor :D

  • @devrimturk4694
    @devrimturk4694 ปีที่แล้ว

    Tayfun abi keşke css responsive anlatsan

  • @Quaresma_Ricardo7
    @Quaresma_Ricardo7 ปีที่แล้ว

    Reis seni ciddi takip ediyorum ve seviyorum. Elimden geldiğince uygulamaya çalışıyorum. Github repo var mı acaba? Eline emeğine sağlık

    • @PROTOTURKCOM
      @PROTOTURKCOM  ปีที่แล้ว

      demodan kaynak kodu alabilirsin direk html ve css zaten :)

    • @Quaresma_Ricardo7
      @Quaresma_Ricardo7 ปีที่แล้ว

      @@PROTOTURKCOM reis senin react kodlarına öyle bakıyordum genel olarak saklıyordun generate_sourcemap ile :D buna bakmadım kusuruma bakma. Teşekkür ediyorum

  • @rsad4815
    @rsad4815 ปีที่แล้ว

    Reyis animasyon biraz sabır işi ya, en ufak animasyon yapmaktansa çok zor bir case üzerinde çalışmayı tercih ederim.

  • @dwhoz
    @dwhoz ปีที่แล้ว

    Bilgisayar modelim laptop "Asus" CSS yazı renk kodlarımı yazıyorum ama internet explorer göstermiyor
    Mesela
    p {
    color: red;
    {
    Sizce neden göstermiyor kaydettiğim halde?

    • @PROTOTURKCOM
      @PROTOTURKCOM  ปีที่แล้ว

      eger ornek koddaki gibi yazdiysan parantez hatan var :)

    • @dwhoz
      @dwhoz ปีที่แล้ว

      @@PROTOTURKCOM style dosyasını
      (

    • @dwhoz
      @dwhoz ปีที่แล้ว

      @@PROTOTURKCOM senin söylediğindede haklı çıktın

  • @keremardcl6759
    @keremardcl6759 ปีที่แล้ว +1

    has box not box not has. has has not :D

  • @behmenquliyev
    @behmenquliyev ปีที่แล้ว

    hocam mən java acripti orgenemiyorum Azerbaycandan izliyorum napiym bən🥲