Günümüzde nerdeyse her tasarım birbirine benzer olarak çıkıyor , bunun nedeni çoğu kişinin yeniliklere , ekstra araçlara karşı bir arayışının olmamasından kaynaklanıyor. Bugün sizlerle paylaşacağım araç ve kaynak siteler ile tasarımlarınız daha hatırlanabilir , farklı ve kaliteli hale getirebilirsiniz. Kısa kısa araçlar ve işlevlerini yazacağım. Eğer listeye eklemek istediğiniz araç ve siteler varsa yorum olarak yazabilirsiniz.
Loading – Yükleniyor Efekti
Çok basit ve kullanışlı bir arayüzü var sitenin. İstediğiniz ikonu istediğiniz renk ile önizleyip , daha sonra direk kod olarak çıktı alabiliyorsunuz.
|
1 |
https://projects.lukehaas.me/css-loaders/ |
Bootsnip – Bootstrap Hazır Kod Kaynağı
Ücretsiz olarak bootstrap ile üretilen birçok hazır parçayı bu siteden bulabilirsiniz. Sürekli içerik eklenen bir sitedir. Arada sırada bakmanızı öneririm.
|
1 |
https://bootsnipp.com/ |
Bootdey – Bootstrap Hazır Kod Kaynağı
Bir üstteki site gibi bu site de size hazır bootstrap componentleri sağlıyor. Güzel çalışmalar olabiliyor. Direk kodu alabilir ya da fikir olması açısından gezilebilecek bir sitedir.
|
1 |
https://bootdey.com |
Animate.css
Sitenizi animasyonlar eskisine göre daha hareketli bir hale getirebilirsiniz. Bunun için en popüler araçlardan biri animate.css kütüphanesi. Kullanımı çok kolay ve birçok animasyon seçeneği var.
|
1 |
https://daneden.github.io/animate.css/ |
CSS Keyframes
Yine css ile animasyon yapımı için kullanılabilecek sitelerden biri. Bütün ayarları kendiniz yapıp çıktı olarak direk css kodu alabiliyorsunuz. Kullanımı çok hoş ve kolaydır.
|
1 |
http://cssanimate.com/ |
Modal Window
Eğer hoş bir pencere uyarısı arıyorsanız , bu sitedeki animasyonlu modallar işininizi görecektir.
|
1 |
https://tympanus.net/Development/ModalWindowEffects/ |
Codemyui
Birçok hazır kod parçacığı barındıran kaynak sitelerden biridir. Efektli yazılar , butonlar gibi kullanıcı arayüzünüzü geliştirecek birçok içerik barındırıyor. İncelemekte fayda var.
|
1 |
https://codemyui.com/ |
Wow.js
Scroll ile birlikte animasyon göstermek için kullanabileceğiniz kütüphanelerden biriside wow.js . Sitesine girdiğinizde karşınıza animasyonları geliyor. İstediğinizi seçin ve kullanın.
|
1 |
https://mynameismatthieu.com/WOW/ |
Paritcles.js
Adından anlaşılabildiği gibi sitenize parçalı şekil efekti veren bir javascript kodudur. Kullanımı çok kolaydır. Aşağıdaki siteye girerseniz birçok özelleştirme ile koda ulaşabilirsiniz.
|
1 |
https://vincentgarreau.com/particles.js/ |