Merhaba Arkadaşlar;

Bir webmaster forumunda bir soru geldi. Link'e ya da button'a tıklandığında, sayfayı nasıl tam ekran yapabilirim?



Çok basit olan bu sorunun cevabını orada verdim, blog'um üzerinde de yayınlamak istedim.
Öncelikle script etiketleri arasına aşağıda ki javascript kodlarımızı yazalım;

  function tamEkranGec(fScreen) {
    if(fScreen.requestFullScreen) {
      fScreen.requestFullScreen();
    } else if(fScreen.mozRequestFullScreen) {
      fScreen.mozRequestFullScreen();
    } else if(fScreen.webkitRequestFullScreen) {
      fScreen.webkitRequestFullScreen();
    }
   }

kodlarımızı yazdıktan sonra ise button'un onClick event'i ile fonksiyonumuzu çağırıp, çalıştıralım;

Tam Ekran Yap

Artık button'a basıldığında sayfayı Tam ekran (Full Screen) yapacaktır.

Sağlıcakla.

Merhaba Arkadaşlar;

Bundan böyle yararlı gördüğüm bazı siteler ile alakalı olarak, tanıtım amacı taşısın diye yazılar yazacağım. İlk sitemiz ise CDNJS. Bu site ile başlamamım nedeni ise tam ihtiyacım olduğu anda karşıma çıktı diyebilirim. Bu şekilde yararlı sitelerin daha çok kitleye ulaşması gerektiğini düşündüğümden dolayı da bu konu hakkında böyle bir seriye başlamayı düşündüm.

CDNJS ne işe yarar;

Web Yazılım ya da web tasarım işlerimiz de kullanabileceğimiz javascript kütüphaneleri için barındırılan CDN linklerini bize sağlıyor.


Tabii bunun bize yararlarını anlamak için CDN nedir? sorusunun cevabını bilmek gerekmekte, o sorunun cevabını da en kısa zamanda burada yazacağım inşallah.

CDNJS benim için sık kullanılanlar arasında yerini aldı bile. Sıkça başvurulan javascript kütüphaneleri için yararlı olacağını düşünüyorum.

Siteye https://cdnjs.com/ linkinden ulaşabilirsiniz.
Sağlıcakla.

Merhaba Arkadaşlar;

Bu yazımızda Javascript ile Ekran çözünürlüğünü alma üzerine olacak. Uzun zaman sonra da bu konu hakkında bir video çektim ama içime sinmese de yine de yükleyeceğim.




Konuyu biraz anlatalım ve kodlarımızı yazalım.

Javascript bu konu üzerine çok kolaylık sunuyor. Burada bu çözünürlük alma işini C# ile yazmıştık ki yazılan kodlara bakarsanız eğer, C#'a göre daha basit.

Kod:

  genislik=screen.width;
  yukseklik=screen.height;
  alert(genislik+" x "+ yukseklik);

Sağlıcakla.

Merhaba Arkadaşlar;

Apple İOs 7 işletim sistemini yayınladığında yeni bir kavram ile karşılaştık Parallax.

Peki ne işe yarıyordu parallax efekti; Telefonu oynattığınız da ön planda yer alan uygulama ikonları sabit kalırken, arka plan hareket ediyordu. Her ne kadar ilk çıktığında insanlar üzerinde bazı sorunlar yaşatsa da[1], güzel bir efekt.



Şimdi biz ne yapacağız konusuna gelelim. Bir sayfa hazırlayacağız burada bir yazı olacak ve arkaplana koyduğumuz resim mouse hareketine göre hareket edecek. Yani diye biliriz ki, mouse hareketine göre resmin hareket etmesini yapacağız.

Bunun için öncelikle JQuery'yi sayfamıza ekleyelim. JQuery'yi sayfanıza eklerken https://code.jquery.com/jquery-3.1.1.min.js linkini kullanabilirsiniz.

Sayfamıza jQuery Linkini ekledikten sonra ise, parallaxEfekti olarak id verdiğimiz bir div tanımlayıp bu div'in style özelliğine ise gerekli atamaları yapacağız. Sonrasında bu div içerisinde başka bir div oluşturup içerisine de yazı yazacağız. Şimdi kodlara geçelim.

Bu yazı burada sabit dururken arkaplan oynayacak. İşte bunun adı parallax.

Şimdi ise JQuery kodlarımızı yazalım;

Bu kodları head taglarının arasına yazabilirsiniz.
Son olarak da kodlarımızı derli toplu verelim;

  
  
  
  
  


    

      

        

Bu yazı burada sabit dururken arkaplan oynayacak. İşte bunun adı parallax.

Sağlıcakla.