Front-end
-
Tippy.js tooltip incelemesi ve kullanımı
Beni Tippy.js kullanmaya iten MVC6 Grid de yaşadığım Bootstrap tooltiplerin stabil çalışmama sorunu idi. Bazen ikinci kez üzerine geldiğimde açılıyor…
Devamını oku » -
Tarayıcı tutarsızlığında adım adım son çare
Yaşadığım tarayıcı sorunları karşısında, nasıl bir yol izlediğimi anlatacağım. İlk önce kaynaklanan sorunun genel tarayıcılarda olup olmadığını kontrol ediyorum. Sorun…
Devamını oku » -
Javascript yüklenme ve çalıştırma sırası
Kullandığımız bu 2 çalıştırma komutunun, nerelerde nasıl kullanıldığını anlamak adına size çalışma prensibinden bahsedeceğim. Document.ready() DOM nesnesi yüklendiği an çalışır.…
Devamını oku » -
Sass ile size hız ve kolaylık sağlayacak taktikler
Bazı FE arkadaşların Sass’ı gözünde çok büyüttüğünü görüyorum. Bu makalemde Sass eğitiminden ziyade, kullandığım hız ve kolaylık sağlayan Sass yapılardan…
Devamını oku » -
Tarayıcılarda otomatik tamamlama stillendirilmesi
Önümüzdeki yıllarda vendor prefix uygulamaların kalkacağını şimdiden hissetsek de, şuan aralarında farklı tutarsızlıklar barındıklarını görüyoruz. Google Chrome ve Safari gibi…
Devamını oku » -
Ücretsiz web ikon fontları
Kullanıcı arayüzü tasarımı yaparken kullandığınız ikonlara dikkat etmezseniz, front-end kısmında size gereksiz zaman kayıpları yaşatılabilir. Yaptığınız duyarlı tasarımlarda da ikonları…
Devamını oku » -
Atom sevenler için Bootstrap 4 desteği
Kendim Sublime Text hayranı olsam da, güzel bir metin editörün olan Atom‘u da bazı projelerde ara ara kullanırım. Düşük bellek kullanımı,…
Devamını oku » -
WordPress hassas optimizasyon yapmak
Önbellek ayarlarını yapın, CDN kurun, resimlerinizi ve dosyalarınızı sıkıştırın gibi bilindik optimizasyon yöntemlerini bahşetmeyeceğim. Onları direk atlıyorum. Hassas optimizasyona başlamak…
Devamını oku » -
Tüm hata ve durum kodları
Her şey bir anda klişe hata kodlarından sıkılıp, farklı görmediğim neler var acaba dememle başladı. Bir kaç sağlam kaynaklara baktığımda…
Devamını oku » -
Anime.js: JavaScript Animasyon Motoru
Sizlere sevdiğim bir framework olan Anime.js den bahsetmek istiyorum. Zaten çoğu tasarımcıyı Java Script’i sevdiren, onun animasyon dünyasına yatkın olması ve…
Devamını oku » -
Hızlıca Bootstrap kolon oluşturma
Bootstrap framework kullandığımız projelerde, tasarımınızı hızlıca front-end skeçini çıkarmanıza ve mobil uyumlu bir şekilde test etmenizi sağlayan Shoelace, aynı zamanda farklı…
Devamını oku »