JavaScript Verimlilik

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

Animasyon kütüphanelerinden hoşlanıyorsanız, tek yapmanız gereken kodları kopyalamak

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 🙂



Yazar hakkında

Furkan Baycan

Furkan Baycan

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.

Yorumlar

Bir yorum yaz