Responsive Tasarım Nedir?

Responsive web tasarımı farklı ekran çözünürlüklerinde sitenin yeniden boyutlandırılarak en iyi görüntünün sağlanmasıdır. Duyarlı tasarım olarak da anılır. Responsive tasarım sayesinde bilgisayarlar, tabletler ve akıllı telefonlarda farklı tasarımlar hazırlamaya gerek kalmaz. Sadece CSS kodlarıyla sitenin ekran çözünürlüğüne göre yeniden şekillenmesi sağlanır.Avantajları1. Kullanılabilirlik: Web siteniz farklı cihaz ve ekran çözünürlüklerine en uygun şekilde uyum sağlayacağından dolayı siteniz farklı cihazlarda rahatlıkla gezilebilir. Böylelikle kullanıcılara kaliteli bir deneyim sunmuş olursunuz.2. Kolay Bakım: Eğer responsive tasarım değil de bilgisayar, tablet ve mobil cihazlar için farklı tasarımlar kullanırsanız…

PHP ile CSS Kodlarını Sıkıştırma

Merhaba. Sizlere kendi sitemde de kullandığım css kodlarını sıkıştırma yönteminden bahsedeceğim. İlk önce bu sıkıştırma işleminin faydasından bahsedelim. Sıkıştırma sayesinde css dosya boyutunda ciddi derecede azalma görülebilir. Bu da sayfaların yüklenmesinde önemli ölçüde hızlanma sağlanması demektir. Özelikle mobil cihazlar 3G bağlantısı kullandığından yavaş internet bağlantılarına bir nebze olsun çözüm getirir. Örnek olarak css dosyam sıkıştırma yönteminden önce 38 kb idi. Sıkıştırdıktan sonra 23 kb'a düştü.Peki bu sıkıştırma işlemi nedir? Bu işlem css dosyasında kullanılan yorum satırlarını, satırlar arası boşluğu ve kelimeler arasındaki bir karakterden fazla olan gereksiz boşlukları silme…

CSS3 Medya Sorguları

Merhaba. Daha önceki bir yazıda sitemizi ziyaret eden mobil kullanıcıları nasıl tespit edeceğimizden bahsetmiştim. Bu sayede mobil aygıtlar için farklı sayfalar oluşturup daha iyi bir dizayn sağlayabiliyorduk. CSS3'ün ortaya çıkmasıyla beraber farklı ekran çözünürlüklerindeki aygıtlar için farklı css özellikleri belirlemek artık daha kolay hale geldi. Günümüzde cep telefonları, tabletler gibi farklı çözünürlüklerde çalışan bir çok aygıtın olduğunu ve bunların neredeyse masaüstü bilgisayarlar kadar web'de gezindiğini düşünürsek işimizi kolaylaştıracak çözüm CSS3'te yer alan medya sorguları.Medya sorguları bir veya daha fazla tipe ve koşula göre sorgulama yapar ve sorgulama doğru ise belirtilen css özelliklerini…