Sayfa yüklenirken çirkin duran transition’ları engellemek

Merhaba arkadaşlar,

Artık yaptığımız  işlerde transition kullanıyoruz, bazı elementleri rotate yapıyoruz veya kaydırma işlemlerinde kullanıyoruz.

 

Bu efekt sayfa yüklenirken aynı işlemi yapıyor ve kötü görüntü oluşturuyor.

Örnek :

Bunu engellemek için body’ye bir class veriyoruz

CSS’e aşağıdaki kodu ekliyoruz

Şimdi sitedeki tüm transition’ları iptal etmiş olduk. Şimdi sayfa yüklendikten sonra Jquery ile body’ye eklediğimiz preloader class’ını sileceğiz.

 

Sorun çözüldü 🙂

 

Kaynak :  https://css-tricks.com/transitions-only-after-page-load/

Dizi içindeki tekrar eden “string” elemanları sayı adedine göre sıralama

Merhaba arkadaşlar,

Proje geliştirirken ufak ufak kodlar lazım oluyor, ya ben bunu hangi projede kullandım falan filan derken dedim ki “aaa benim mükemmel bir bloğum var, neden bloğuma koymuyorum” 🙂

Konuya gelecek olursak, bir dizi içindeki tekrar eden birden çok tekrar eden ifadenin sayısnı öğrenip sıralamak için ufak birşeyler yazdım.

İçerisindeki tekrar eden ifadelerin sayısını almak ve sıralamak için kullanacağımız dizi:

yazdığımız fonksiyonumuz

 

Örnek :

See the Pen Dizi içindeki String elemanları sayı adedine göre sıralama by Aycan BÜLBÜL (@AycanB) on CodePen.

Doğa Bebek, Erzuruma Veda, Bir buçuk yıl sonra MERHABA

Merhaba arkadaşlar,

Sizlere “merhaba” 1.5 yıl oldu. Bloğa yazmayı özlüyorum ama nedense 1.5 yıl içinde denk gelemedik, yazamadım.

Hayatımda çok köklü değişiklikler oldu

Doğa

2017.07.12 tarihinde kızım doğdu (Tarihi Y.m.d formatında yazma sebebimi hepiniz anladınız umarım, yazılımda tarih convert işlemleri hem zevkli hemde belli bir yerden sonra insanı yoruyor, o yüzden bende standart formatı seçiyorum artık.), ben hiç çocuk sevmeyen ben şuan ondan başka birşey görmüyorum (Allah dileyen herkese nasip etsin bebek sevgisini.) Okumaya devam…

Google PageSpeed Insights puanlarını yükseltmek

Merhaba arkadaşlar,

Google’ın PageSpeed aracında artık yeşil puanları görmek biraz zorlaştı, bunun sebebi yapacağımız işlemlerin çeşitli alanlarda olması.

 

|Oluşturmayı önleyen JavaScript ve CSS kodlarını ekranın üst kısmındaki içerikten kaldırın

(bkz: google oluşturmayı önleyen JavaScript…)
Burada google Okumaya devam…

Readmore.Js – Devamını oku eklentisi

Merhaba arkadaşlar, geçen bir işte kullandığımız güzel bir eklenti.

See the Pen Readmore.js by Aycan BÜLBÜL (@AycanB) on CodePen.

Kullanımı gayet basit uzayan yazıları kesmek için kullanılan küçük ama kullanışlı bir eklentidir.

Standart çalıştırma kodunu aşağıdaki gibi tanımlamamız mümkün;

 

Readmore.js : http://jedfoster.com/Readmore.js/