Ana içeriğe atla

Kayıtlar

JQuery etiketine sahip yayınlar gösteriliyor

Web Sitelerinde Yüksekliği Ekran Boyutuna Göre Ayarlamak veya Sabitlemek

Web sitesi yaparken kullandığınız template'lerden bağımsız olarak özellikle SPA’da (Single Page Application) ekran yüksekliğini kullanıcın bilgisayarının yüksekliğine göre ayarlamak isteyebilirsiniz. Bu makalede bunun nasıl yapılacağını örnekle açıklamaya çalışacağım. Projelerimde JQuery kullandığım için bunu JQuery kütüphanesini kullanarak yapacağım. Eğer siz JQuery kullanmıyorsanız veya başka kütüphane kullanıyorsanız da bu işlemleri kendi kütüphanenize göre manipüle edebilirsiniz. Yaptığım işlemlerde JQuery kütüphanesini sadece verdiğim ID değerine ulaşmak ve bu değerin boyutunu manipüle etmek için kullanıyorum. İsterseniz fazla laf kalabalığı yapmadan konuyu örnek üzerinden anlatayım. Örnek olması açısından gerekli kodları verdikten sonra açıklamasını yapacağım.

Örneklerle Bootsrap Collapse Kullanımı Ve Mantığı

Bu makalemizde Front-End developer'lar tarafından en çok tercih edilen CSS kütüphanelerinden biri olan Bootsrapta collapse'nin nasıl kullanıldığı ve uygulandığını anlatacağım. Öncelikle belirtmem gereken önemli konulardan bir tanesi de collapse işlemini uygulamak için tek yöntem bootsrap collapse kullanmak değil. Ama uygulaması açısından ve en basit olanı budur. Kütüphane tarafından sağlanan yazılım formatı doğru uygulandığı sürece bu işlemi yapmak çok basittir. Collapse işlemini de kısaca açıklayacak olursak bir butona veya bir söze tıklandığında altına veya web sayfasının her hangi bir yerinde belirli bir şeyin aktif olması gibi anlayabilirsiniz.