oztecnic@blog

Web tasarımcıların, uygulamalarında PNG kullanmak konusundaki hevesleri, 32-bit PNG dosyalarının 8-bit alpha kanalı desteğine sahip olmasından ileri geliyor. Fakat gelin görün ki, PNG (Portable Network Grafics) konusunda zoraki bizi uğraştıran bir sorunla karşı karşıyayız. PNG’nin bir sorunu, ya da bir eksikliği olmadığı ortada iken, IE6 adlı bir tarayıcı PNG formatını kullanmamamız konusunda elinden geleni ardına koymuyor. Günümüzde hala %30-40 civarı kullanım payı olan bir tarayıcı karşısında, biz web geliştiricilerine ise boynumuzu büküp, çözüm üretmek kalıyor.

Aslında bu duruma ne kadar sorun denir tartışılır, ama konunun özü şu. Diyelim ki bir web sayfası hazırlıyorsunuz ve oluşturduğunuz tasarımda, body arka plana bir resim atamayı düşünüyorsunuz. Bu işi gerçekleştirebilmek için CSS background özelliğini kullanıyoruz.

Pseudo sınıf ve elementleri, diğer CSS Seçicilerinden farklı olarak, XHTML elementlerin seçilmesi işlemini, elementlerin özel durumlarına göre yapmamıza imkân tanır. Böylece XHTML doküman yapısı içerisinden erişemediğimiz elementlere özel olarak erişmiş oluruz.  Yani, pseudo sınıf ve elementlerini kullanarak bir linki, tıklanmış olma ya da olmama durumuna göre farklı olarak şekillendirebiliriz, ya da bir paragrafın ilk satırını ya da ilk harfini dinamik olarak seçebiliriz. CSS pseudo sınıfları ve elementleri CSS3 ile daha da zenginleşiyor. Buradan yeni pseudo sınıflarını görebilirsiniz.

Bu zamana kadar aldığım istatistiklere göre blogun en çok ziyaret edilen iki sayfası Hakkımda ve Portfolio sayfaları…  Blogumu açtığımdan bugüne beklettiğim portfolio sayfasını bir türlü hazırlayamamıştım.  Haftasonu wordpress haricinde, özel bir sayfa hazırlamaya karar verdim ve bu sabah itibariyle de açmış bulunuyorum.

WYSIWYG (What You See Is What You Get – Gördüğün Alacağındır.) prensibine dayalı IDE’ler, biz web geliştiricilerin belli bir dönem en çok faydalandıkları araçlar oldular. WYSIWYG dendiğinde aklımıza ilk gelmesi gereken IDE, yıllardır bir satır kod bilmeden sürükle-bırak, tıkla mantığıyla web uygulamaları yapmamıza imkân veren Dreamweaver’dır. Bugün için, bu tarz IDE’lerin WYSIWYG özellikleri ve sürükle-bırak mantığı profesyonel web geliştiricileri için önemini yitirdi diyebiliriz. Bunun başlıca sebebi, web uygulamaları geliştirme süreçlerinde, web standartları kavramı ve bu kavram çevresinde şekillenen XHTML ve CSS’in kendini iyice hissettiriyor olması…

Bir web uygulamasına ait prototipler ve nihai ara yüzler Fireworks üzerinde oluşturulurken, ara yüzlere ait her nesnenin (Fireworks’de canvas üzerinde her unsur nesnedir.) belli bir hiyerarşi ve düzen içerisinde katman ve alt katmanlarda (layers) saklanması, web tasarımcısının yönetim kabiliyetini ve modifikasyon elini güçlendirir.

Aslında,  Fireworks’deki çalışmanın optimum bir şekilde oluşturulması ve saklanması, semboller (symbols), master-bağlı sayfalar ve katman paylaşımının birlikte kullanılmasıyla gerçekleşir. Bu çerçevede Fireworks Pages Panelinin nasıl kullanıldığını şu yazımda sizlere bahsetmiştim.

Yıllar önce, bir proje (ne kadar proje denir tartışılır) üzerinde çalışırken işin analizcisi, tasarımcısı, kodcusu, arama motoru uzmanı… hepsi bendim.  Doğal olarak da iş sürecinin bütün aşamalarında bulunan tek ve yegane kişi olduğumdan, kendimle çalışma konusunda herhangi bir sıkıntı yaşamıyordum . Ne zaman ki, işler artık analizin, tasarımın, arayüz kodlamasının ve sunucu taraflı kodlamanın farklı kişiler tarafından yapıldığı bir hal aldı, sorun başladı…