Animotion - Görsel CSS animasyon uygulaması

 (cssanimotion.pages.dev)
4 puan yazan GN⁺ 2023-11-26 | 1 yorum | WhatsApp'ta paylaş

CSS animasyonlarını no-code olarak oluşturma

  • Animotion, sürükleme, yeniden boyutlandırma, döndürme, kırpma ve benzeri işlemlerle görsel olarak CSS animasyonları oluşturmayı sağlayan bir araçtır.
  • Bir keyframe düzenleyicisi, kullanıma hazır animasyon koleksiyonu ve 29 yerleşik easing sunar.
  • Bu uygulama, büyük ekranlarda ve modern web tarayıcılarında daha iyi çalışır.

GN⁺ görüşü

  • Bu yazıdaki en önemli nokta, Animotion adlı araç sayesinde kod yazmadan CSS animasyonlarının kolayca oluşturulabilmesidir.
  • Yazılım mühendisliğine ilgi duyanlar için ilgi çekici olabilir; özellikle frontend geliştirmeyle ilgilenen başlangıç seviyesindeki geliştiricilere hitap eden bir içeriktir.

İlgili okumalar

1 yorum

 
GN⁺ 2023-11-26
Hacker News görüşleri
  • CSS3 1999'da çıktı ve 2023'te bunun gibi bir uygulamanın Hacker News'te tanıtılacak kadar etkileyici olması, keyframe tabanlı animasyonların erişilebilirliği ve programlanabilirliğinin çok da ilerlemediğini gösteriyor. Flash yaklaşık 10 yıl önce ortadan kalktı; geriye Adobe Animate ile birkaç sıradan framework ve topluluk kaldı. Sağlam CSS/SVG tabanlı animasyonlar büyük ölçüde gerçekleşmemiş bir vaat olarak kaldı.
  • İlk yapmak istediğim şey keyframe'leri taşımaktı ama bu özellik henüz yok.
  • Uygulamanın çıktısının CSS olması hoşuma gidiyor; bir kütüphaneye bağlı JavaScript kodu olmamasına sevindim.
  • Editörün sezgiselliğini beğendim; daha gelişmiş bir timeline'a ihtiyaç duyanlar Theatre.js'e göz atabilir. Web platformunda daha fazla hareket görmek sevindirici.
  • Mobilde ikonların ne anlama geldiğini anlatan tooltip'ler ya da ipuçları sunmanın iyi bir yolu olup olmadığını merak ediyorum. Bazı ikonların ne işe yaradığını anlayamıyorum; deneyerek görebilirim ama daha önce söylendiği gibi geri alma özelliği yok.
  • Bu uygulamayı gerçekten çok beğendim.
  • Uygulamanın kaynak koduna GitHub'dan bakılabilir: animotionjs/animotion
  • Mobilde de şaşırtıcı derecede sezgisel bir kullanım sunuyor.
  • Harika bir iş; böyle çok havalı bir aracı paylaştığınız için teşekkürler.
  • Mobilde de mükemmel çalışıyor, yer imlerine eklemeye değer.