Küçük CSS Değişikliği İle İnternet Sayfalarımız Çevre Dostu Yazıcı Çıktısı Üretsin

Web sitelerinin sadece veritabanı (mariadb/mysql) ve scripting (php) kısmında yer aldığım için css kodlarına fazla müdahale etmem gerekmiyor… Lakin öğrenmenin yaşı ve zamanı yok; her gün yeni bir şeyler öğreniyoruz lakin paylaşılmamış bir öğrenme sadece kendi heybemize çalışan bir öğrenme oluyor.

Küçük bir css değişikliği ile internet sayfalarımızı çevre dostu yazıcı çıktısı üretir hale getirebiliriz. Bahsedeceğim teknik gizli saklı bir sır değil; css’in varolan yeteneklerinden birisi.

CSS ile çeşitli cihaz boyutları için (telefon, tablet) responsive/esnek tasarım yapma imkanı bulunduğu gibi yazıcı görüntüsü için de css’ler ile çeşitli alanları yeniden düzenlemek mümkün oluyor.

Örnek olarak, normal bir css’imizi media=”screen” şekilde çağırıyorken

link rel="stylesheet" href="style.css" media="screen"/

Yazıcı görünümünde alttaki gibi media=”print” diyerek çağırıyoruz

link rel="stylesheet" href="print.css" media="print"/

Sayfamızda da şu şekilde bir css bulunsun

header, 
footer, 
img
{
	display:none;
}
article
{
	font-size:11pt;
	font-family:sans-serif;
}

Alternatif yöntem olarak css dosyamız içinde şu şekilde media print diyerek de tanılmalama yapabiliyoruz

@media print {
..... my css
}

Test etmek için benim kullandığım yöntem, firefox’un araç çubuğundaki dosya -> yazdırma ön izlemesi yolunu kullanmaktan ibaret.

Sonuç, daha okunur bir metin çıktısı, daha az ağaç israfı…

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir