Parallax Scrolling Nedir ?

Parallax scrolling, web tasarıma konu olan nesnelere hareket, derinlik veya esneklik katılarak onları farklı bir şekilde sunma cambazlığını ifade eder desem abartmış olmam sanırım. Html5 ve CSS3 standardının 2011 den itibaren bu olayı destekleyen özelliği ile beraber internet aleminde bu cambazlık her geçen gün daha da yaygınlaşmıştır. Hatta WordPress, 4.7 sürümüyle birlikte resmi teması olarak parallax scrolling özelliğini destekleyen “twenty seventeen” temasını kullanıcılarına sunmuştur.

Parallax scrolling, tek bir html sayfası içinde tasarlanıp kullanılabileceği gibi css dosyaları ile birlikte çalışacak şekilde de ayarlanabilir. Tasarımcının tercihine göre yazılar, resimler, simgeler, videolar parallax uygulaması için derlenip, bir akış düzeni içerisinde web sayfası olarak sunulabilir. Esasen parallax konusu tasarımcının cambazlık marifeti ile yakından alakalı ucu açık bir uygulamadır. Dolayısıyla bazı web tasarımcıları bu konuda şapka çıkartılacak özgün tasarımlar ortaya çıkarıp, bir web sitesinin nasıl sanat eseri haline getirilebileceğinin örneklerini verirler. Bu örnekleri incelemek için “parallax scrolling effect” anahtar kelimeleri ile nette arama yapılıp, örnek siteler incelenebilir.

Tabi her şeyde olduğu gibi bu uygulama için de (belli bir bütünlük dahilinde olmaksızın) her özelliğini tek sayfada kullanmaya kalkıp suyunu çıkarmanın görsel bir zevk sunmadığını unutmamak gerekiyor 🙂