Cuma 19 Ağustos 2022
Hakkında
Yazarlarımız
Reklam
Künye
İletişim
Webmaster.Kitchen – Türkiye'nin Webmaster MutfağıWebmaster.Kitchen – Türkiye'nin Webmaster Mutfağı

Bülten

Amazon Prime ”Yine” Yaptı Yapacağını! İşte Tüm Detaylar

6 Maddede Etkili Reklam Yapımı!

Webmaster.Kitchen – Türkiye'nin Webmaster MutfağıWebmaster.Kitchen – Türkiye'nin Webmaster Mutfağı
  • BAŞLARKEN
    • KOD
      • PHP
      • Asp.Net
      • Swift
      • MySQL
      • CMS
  • TASARIM
    • İpuçları
    • Çizim
    • Illustrator
    • Photoshop
    • Trendler
  • ARAYÜZ
    • JavaScript
    • HTML5
    • CSS
    • REACT
  • İPUÇLARI
    • API
    • Güvenlik
    • IDE
    • Framework
    • OS
    • Verimlilik
    • İçerik
      • Dökümantasyon
      • İpuçları
      • Nasıl Oluşturulur?
  • KAYNAKLAR
    • Tasarım
    • Kod
    • İş
  • GİRİŞİM
    • Finans
    • Girişimci
    • Nasıl yapılır?
  • ARAÇLAR
  1. Anasayfa
  2. JavaScript
  3. Anime.js ile En Güzel Animasyon Kütüphanesi
 Anime.js ile En Güzel Animasyon Kütüphanesi
JavaScript Verimlilik

Anime.js ile En Güzel Animasyon Kütüphanesi

Yazar : Furkan Baycan 11 Nisan 2017 0 Comment

Web animasyonu bu zamana kadar iyi bir yol kat etti. Geliştiriciler yalnızca CSS / SVG / JS kombinasyonunu kullanarak herhangi bir animasyon yapamaz diyemeyiz, ancak zamandan tasarruf etmek isterseniz de internette sizin için düzinelerce ücretsiz kütüphane bulunuyor. Ancak bugün tanıtacağımız kütüphane benim için en güzel ve aynı zamanda tamamen ücretsiz kütüphanedir.

Bu kütüphane ile her şeyi yapabilirsiniz. JavaScript üzerine kurulu ancak aynı zamanda CSS animasyonlarına da gösterebilme yeteneğine sahip. Ayrıca DOM aracılığıyla tek tek sayfa öğelerini çevirebilirsiniz veya hatta özel SVG’leri bile çevirmeniz mümkün.

Tüm belgeleri GitHub‘da barındırılıyor, bu nedenle tam olarak ne aradığınızı bulmak için araştırmanız gerekebilir. Ancak her animasyon özelliği, gecikme, süre ve hafifletme gibi birkaç parametre ile birlikte gelir. Yapmanız gereken ise bu özellikleri kendinize göre ayarlamak. Julian Garner isimli bu geliştirici arkadaş yaparken bizleri de düşünmüş. Bu yaptığından ötürü kendisine teşekkür ediyoruz.

Bu kütüphanenin birçok varsayılan animasyon stili ile birlikte gelmediğini unutmayın. Anime.js, animasyonlarını ayrıntılı kod yazmadan özelleştirmek isteyen geliştiriciler için düzenleme şansı tanır. Aşağıdaki Codepen örneğini bir  inceleyin. Kod son derece basit ancak içinde kullanılan squash ve stretch plus nedeniyle biraz karmaşık görünebilir biraz incelerseniz ne kadar güzel işler yapılabileceğini öğrenmiş olacaksınız.

 

Bir uyarı: Anime.js kitaplığı karmaşıktır. Özel bir animasyon oluşturmak bu kadar zor değildir, ancak kolaylaştırma ve seçenekler için JavaScript’in bazı temel özelliklerini anlamanız gerekiyor. Şu an kütüphane ile alakalı her şey GitHub reposunda bulunmakta. Dilerseniz oradan erişim sağlayabilirsiniz.

Buradan, yazarın GitHub sayfasına erişim sağlayabilirsiniz.

Buradan, kütüphanenin internet sayfasına erişim sağlayabilirsiniz.

 

 

Yorum yoluyla bize istek ve görüşlerinizi bildirmeyi unutmayın, Sağ üst taraftan Mail Aboneliği alabilir, en yeni yayınlarımızdan ilk siz haberdar olabilirsiniz. Tekrar görüşmek üzere, esen kalın 🙂

Etiketler: animasyon kütüphanesi anime.js javascript javascript animasyon kütüphanesi js js animasyon kütüphanesi
Önceki Yazı
Sonraki Yazı

Furkan Baycan (Website)

administrator

Güvenlik ve Web Programcılığı alanında çalışıyorum. Bu alanlarda da sizler için mutfakta yazılar yazıyorum. Siz de çok değerli projeleriniz ve yorumlarınızla mutfağa katkıda bulunabilirsiniz.

Yorum Yap Yorumu İptal Et.

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Taze Yazılar
Güncel

Amazon Prime ”Yine” Yaptı Yapacağını! İşte Tüm

19 Ağustos 2022
Dijital PR

6 Maddede Etkili Reklam Yapımı!

19 Ağustos 2022
Güncel

Twitter Tweetlerinizi Yüzünüze Vuruyor!

18 Ağustos 2022
Dijital PR

Markalaşma ve Sosyal Medya!

18 Ağustos 2022
© 2021 Webmaster Kitchen. Tüm Hakları Saklıdır.