Tem.02

Tem.02

AniJS Dersleri 1: AniJS Nedir ve Nasıl Kullanılır

AniJS; kolayca CCS3 animasyonları ve UI Component’leri hazırlamanızı sağlar. http://anijs.github.io/ adresinden AniJS’nin resmi sayfasına ulaşabilirsiniz.

Uygulama metodu şu şekildedir:

IF (), ON(), DO(), TO()

IF tanımında; olay yöneticisi belirtilir. Mesela; click, scrol, mouseover… Olayların tam listesine https://developer.mozilla.org/en-US/docs/Web/Events adresinden bakabilirsiniz.

ON tanımında; CSS seçicisi belirtilir. Mesela; body, header, footer, .icerik…

DO tanımında; efekt türü belirtilir. Mesela; flash, tada, shake, fadeIn, bounce… Efektlerin tam listesine ve etkilerini önizlemek için http://daneden.github.io/animate.css/ adresini ziyaret edebilirsiniz.

TO tanımında; etkinin nereye kadar olacağı belirtilir. Mesela önceki element, sonraki element veya ismi verilen bir element gibi olabilir.

JavaScript

Tem.02

Tem.02

VelocityJS Dersleri 1: VelocityJS Nedir, Nasıl Kullanılır ve jQuery’den Farklılıkları/Benzerlikleri Nasıldır

VelocityJS; istemci tarafında, yani tarayıcı üzerinde çalışan, cross-platform olarak tasarlanmış, animasyon oluşturmaya yönelik sadece 7kb’lik bir JavaScript kütüphanesidir.

VelocityJS, jQuery’e benzer bir şekilde çalışmaktadır. Aşağıda VelocityJS ve jQuery’nin aynı işi yapan kodları görülmektedir:

jQuery

$div
 .animate({ opacity: 1, top: "50%" })
JavaScript