Fatih Hayrioğlu

Fatih Hayrioğlu
Google Chrome DevTools İpuçları 2

Web Araçları

Google Chrome DevTools İpuçları 2

İlk yazıyı yazdıktan sonra hangi özellikleri kullandığıma daha çok dikkat etmeye başladım. Hemen başlayalım. Sırayla yazalım. 1. CSS değişikliklerini geri almak Styles sekmesinde yaptığımız değişiklikleri geri almak için alışık olduğumuz kısayolu kullanabiliyoruz. * Cmd + Z (Windows/Linux: Ctrl + Z) 2. Ekran görüntüsü almak Daha önce bunun için eklenti kullanıyordum. DevTools bunu

By Fatih Hayrioğlu
Flex ile  100% Genişlik ve 100% Yükseklikte Sayfa İskeleti Hazırlama

CSS Dersleri

Flex ile 100% Genişlik ve 100% Yükseklikte Sayfa İskeleti Hazırlama

Daha önce bu konuda bir makale yazmıştım. 100% Genişlik ve 100% Yükseklite Sayfa İskeleti Hazırlama bağlantısını tıklayarak makaleye erişebilirsiniz. Aynı yapıyı flex ile yapsam nasıl olur bir bakalım. Bu yapının bize sağladıklarını listelersek. * Esnek iç alan ve sabit yan kolonlarımız var * Eşit kolon yüksekliğimiz var * Sticky footer özelliği var Flex

By Fatih Hayrioğlu
CSS Çoklu Animasyon Kullanımında Safari Sorunu ve Çözümü

CSS Dersleri

CSS Çoklu Animasyon Kullanımında Safari Sorunu ve Çözümü

zingat.com listeleme sayfalarının mobil görünümünde kullandığımız Filtrele butonunun daha fazla dikkat çekmesi için bir animasyon uygulayalım diye karar verdik. Animasyon olarak kalp atışı (pulse) şeklinde bir animasyona seçtik. Animasyon 3 kere tekrarlayacak ve bitecekti. İstek güzel hoş örnekleri de var. Yapalım dedik ve yaptık. Animasyon mantığı şöyle; Butona bir

By Fatih Hayrioğlu
CSS geçiş efekti ile gizle/göster yaparken karşılaşılan sorunlar ve çözüm önerileri

CSS Dersleri

CSS geçiş efekti ile gizle/göster yaparken karşılaşılan sorunlar ve çözüm önerileri

CSS geçiş efekti özelliği güzel bir özellik. Bir çok basit animasyon işinde kullanılan geçiş efekti özelliğinin bir elemanı gizle/göster (toggle) ettirmek istediğimizde bazı sorunları var. Çözüm aradığımda bir kaç yöntem karşıma çıktı. Bu sorun ile ilk karşılaştığımda sahibinden.com'da bana özel sol menüsü yapıyorduk, çözümü bulunca ben

By Fatih Hayrioğlu
Sublime Text'te dosya ve klasörleri hariç tutma

SublimeText

Sublime Text'te dosya ve klasörleri hariç tutma

Editörlerde proje geliştiriken bazı klasör ve dosyaları arama sonuçlarında, hızlı erişim menüsünde ve tanımlamaya git (Go to defination..) penceresinde görmek istemeyiz. Bu dosyalara örnek olarak harici kütüphane kodları, küçültülmüş kaynak dosyaları, yayına çıkma süreçleri için gereken yapılandırma dosyaları verilebilir. Bu gibi durumlar için birkaç çözüm önerisi var. Uygun olan çözümü

By Fatih Hayrioğlu