piskopat sığınma evi

Bu başlığı attım. Çünkü Editplus aldım. Yıllardır kullandığım editöre en sonunda parayı bastırıp sahip oldum. 35 dolar. En önemlisi de her sabah programı açtığımda "Bugün denemenizin 468. günündesiniz.." türündeki yazıyı artık görmüyor, onun mahçubiyetini üzerimde hissetmiyorum. (Pazarlama stratejileri başarılı demek Gerçi genelde Türk'lere işlemez böyle numaralar ama...)

Bu Editplus da nedir? Kendisi WYSIWYG ( What You See Is What You Get - yani Dreamweaver gibi yaptığın işi anında görebilme ) olmayan bir HTML editörüdür. Tabi yaptığınız işin önizlemesini görebilirsiniz. Ama bunun için CTRL+B yaparsınız, yeni döküman açar gibi sayfayı açar. Yani yok öyle şunun kenarından tutup çekeyim de tablo olsun, arkadaş da kafasına göre onun kodunu yazsın..

Her türlü özelliğini kendinize göre ayarlayabilirsiniz. Farklı yazılım dillerinde de kullanabileceğiniz gibi en basit örnek olarak otomatik tamamlamayı istediğiniz şekle sokabilme imkanınızı söyleyebilirim. Satırlarca kod için tek harf yeterli olabilir böylece.

Dreamweaver'dan haz etmiyorum. Kendisi benim gözümde web tasarım topluluklarının kalitesini bir hayli düşüren ve ortada HTML'i bilmeyen bir trilyon "web tasarımcısı"nın dolaşmasını sağlayan programdır.

Destekleyin, satın alın, program kullanmayı değil HTML yazmayı öğrenin.

Diğer tarayıcılar neden güzelim CSS3 stillerini desteklemiyor, anlam veremiyorum... Bu yukarıdakini yapmak için aşağıdaki stili yazmak yeterli.

Code:

İnsanları böyle fırsat varken imajlarla uğraşmaya zorluyorlar. Burdan sevgili Firefox'a sesleniyorum...CSS3'ü tanıyın lan!

CSS3'ün devrim niteliğindeki iki stilinden daha bahsetmek istiyorum. Birden fazla background ve rgba. Rgba'daki a alpha olup rengin opacitysini değiştirmekte. Fakat opacity stilinden çok daha iyi bir özelliği var. Mesela bir divin backgroundunu şeffaflaştırdığınızda sadece background şeffaflaşıyor, divin içine koyduklarınız onunla birlikte şeffaflaşmıyor.

Rgba'yı destekleyenler, Firefox ve Safari. Birden fazla backgroundu sadece Safari'de görebilirsiniz.

Tek divle işi bitiriyorsunuz.

Code:

Bundan 4 buçuk 5 yıl önce web tasarımına başladığımda, ( şanslı bir yerden başladığımı söyleyebilirim ) bana patronum iç içe tablolar kullanmamam gerektiğinden, hatta mecbur olmadıkça tablo kullanmamam gerektiğinden, bunun siteyi yavaşlattığından bahsetmişti. O zamanlarda işi yeni öğreniyordum. Dreamweaver'ı açıp tabloları döşüyordum

Bu saçmalığı derhal bıraktım. HTML'imi kendim yazmaya başladım. ( Firebug'u çok rahat kullanabiliyor olmam editör olarak Editplus'tan şaşmamam sayesinde oldu. ) Herneyse... Ve tablolardan olabildiğince kaçtım.

Biraz önce genellikle takip ettiğim Jennifer Kyrnin'nin blogunda bu konuyla ilgili çok güzel bir yazıya rastladım. Özetleyerek, kendi düşüncelerimi de katarak paylaşmak isterim ki hala "Tabloyla çatır çatır yerleştirmek varken neden CSS'li div kullanayım!" mantığında olan arkadaşlar tablonun ne menem bir şey olduğunu anlasın

Web sayfaları oluştururken neden tablo kullanmamalıyız?

1. Geçerli XHTML için CSS kullanmalısınız. Tablolar ancak veritabanından gelen listelenmiş bilgilerde kullanılabilir.

2. Karmaşık düzenlerde tablolar içinden çıkılmaz haller alabilir. Taglar yanlış kapanmış veya hiç kapanmamış bırakılırsa web sayfası acayip görüntüler alacaktır. Tablo, CSS kullanılan divlere göre editlenmesi çok zor bir yapıdır. CSS'de stil dosyasından yapacağınız sadece bir değişiklikle sayfada birçok öğenin şeklini değiştirebilirsiniz. Ama tabloda tek bir hatayı bulmak bile bazen insana kafayı yedirebiliyor.

3. Tablolar esnek değildir. Genişlikler için % değerleri kullandığınızda hem yüklenmesi ağırlaşacak hem de sayfanın görüntüsünü belirsiz şekillerde değiştirecektir. Ayrıca %'li genişlikler, şekilli sayfalarda kullanıldığında Safari vb browserlarda çok problem çıkarıyor. Sabit genişlik uygularsanız da farklı browserlarda farklı görüntülerle karşılaşıyorsunuz. CSS ile divleri istediğiniz şekle getirebiliyorsunuz. İster sabit ister esnek. Zaten div denilen şeyin default genişliği 100%.

4. İç içe geçmiş tabloları browserın anlaması vakit alıyor.Tek tabloyu yüksek sesle okuduğunu düşünelim .."tablo satır sütun hede sütun bitti satır bitti tablo bitti...pefff.."
   
   Aynı şekilde hede şeyini divin içine koyarsak sadece şunu söyleyecek..
   "div hede div bitti"

5. Arama motoru sayfaya gelir ve sayfanın en üstündeki içerik onun için en önemlisidir. Site tasarımında menüyü her zaman sayfanın soluna koyarız ve tabloda bu ilk td demektir, sayfada ilk yazı soldaki menü, yani arama motorunda yer almak için gereksiz bilgi...

6. Motorlarda olduğu gibi görme engelli veya okuma bilmeme gibi özellikleri olan kişiler için yapılmış olan ekran okuyucular da sayfaları baştan sona doğru okumaktadır. Sayfanın ilk başındaki gereksiz bilgi ekran okuyucu ile siteyi gezen kişiyi siteden çok rahat soğutabilir.
   
   CSS ile sayfanın sol üstüne position verilen div bu işi çözer. Onu HTMLde sayfanın en sonuna bile koysanız o sayfanın başında yer alacak, böylece arama motorları ve ekran okuyucular ilk onu okuyacaktır.

7. Tabloları print ettirmek zor. Yazdırılacak içerik için sitede yazdırma sayfası açtığımız, oraya farklı HTML yazdığımız bile oluyor. Sadece print için ayrı CSS dosyası hazırlanabilir.

Düzenli bir stil dosyası ve divlerle sonradan değiştirilmesi çok kolay, her türlü ortama uyum sağlayabilecek, hem yapanı hem kullananı sevindirecek işler yapılabilir.

KAHROLSUN TABLOLAR!!!

Gerçi bayat haber ama, şu Chrome işi hoşuma gitmedi açıkçası. Başımıza reklam yapabilme potansiyeli itibariyle yayılmaya çok müsait bir browser daha çıktı. Üzülmeyin arkadaşlar, Safari'ye bakarak yapmışlar Safari'de sayfayı nasıl gösteriyorsa, onda da aynı. Bana göre arayüzü çok daha iyi. Temiz, ferah, anlaşılır, şimdilik sadece sayfa gösterdiği için gayet hızlı. Kendine çok güveniyor ki size diğer browserlarla hızını karşılaştırma imkanı bile veriyor. Hatta ilk açıldığında size en çok ziyaret ettiğiniz sayfaları ve bookmarklarınızı gösteriyor ki bu da gayet güzel bir özellik.

Google'ın mobil ortamlara da Android yazılımıyla daldığını düşünecek olursak sanırım piyasaya iki koldan saldırma planı kurmuş bunlar.

Bana göre çok fazla yayıldı ve bana ekstra iş çıkardı. Yoksa Firefox'u bırakıp Chrome kullanacağımı düşünmek bile saçma

Internet Explorer'a biraz da iyi davranmaya karar verdim. Ama bu kararı boşuna vermedim . IE 8 Beta 2'yi denedim biraz. Tablo sorunlarını halletmiş görünüyorlar.

Ayrıca tebrik etmek istiyorum. Anca 8. versiyonda doğru dürüst bir web developer yapmayı başarmışlar. Üstelik HTML'i editletiyor! Her ne kadar ayrı pencerede açılıp Firefox'un kullanım rahatlığına ve detayına henüz erişememiş olsa da içinde color picker barındırması hoşuma gitmedi değil

IE'de sayfa üzerinden HTML değişikliği yapılabilmesi önemli bir olay. Bizim için cross browser işkencesini bir nebze azaltıyor.

Ama Firefox'a rakip olmak mı? Hah...