Kodlama etiket(ler)ine sahip yazılar

Bir web sitesini geliştirirken, onun üzerinde çalışan pek çok profesyonel kişi bulunmaktadır. Bunlardan birisi de SEO (Arama Motoru Optimizasyonu) uzmanıdır. Eğer bir web ajansında çalışıyorsanız, ilgili ajans bünyesinde çalışan ve sadece arama motoru optimizasyonuna bakan birisi genellikle bulunuyordur. Bu kişi sayesinde siz sadece görsel düzenleme, (X)HTML ve CSS‘ye odaklanabilirsiniz. Ancak eğer kendi başınıza çalışıyorsanız, o zaman arama motoru optimizasyonunun temellerini kendiniz de yapabilirsiniz.
Bugüne kadar gerek web tasarımcısı gerekse de SEO olarak çalıştım, ardından bir web tasarımcısı için en azından SEO’nun temellerini bilmenin ne kadar önemli olduğunu anladım. Bir anahat üzerinde çalışan kaç adet web tasarımcısı SEO üzerine kafa yoruyor? Kaç adet web tasarımcısı PageRank‘in önemini biliyor? Kaç tanesi aşırı derecede AJAX kullanımının bir web sayfasının sıralamasını olumsuz yönde etkileyebileceğini biliyor?
Evet, bana soracak olursanız her web …

Önceden hazırlanmış bir CSS çatısı (CSS Framework) web sitesi sahiplerini vezir de edebilir rezil de. İngilizce yayım yapan Design Shack sitesinde yayımlanan bu makalede, CSS çatılarını kullanmanın artılarını ve eksilerini bir arada bulacak ve günümüzün popüler CSS çatılarının bir listesine ulaşacaksınız.
CSS Framework Nedir?
CSS çatıları karmaşık web sitelerinin geliştirme aşamasını kolaylaştırmayı hedeflemektedir. Buna ulaşabilmek için, CSS çatıları önceden tanımlanmış kod kütüphaneleri ve HTML kodunuzda kullanabileceğiniz sayısız kod ile birlikte gelmektedir. Örneğin, ızgara (grid) tabanlı çatılar, birden fazla sütuna sahip anahatlar oluşturmayı kolaylaştırabilecek bir dizi ön tanımlı CSS sınıfı ile birlikte gelmektedir.
5 Popüler CSS Çatısı
Aşağıda, en çok kullanılan CSS çatılarının kısa bir listesi ile her bir CSS çatısının açıklamasını bulacaksınız.

Bir önceki yazımızda Ext.Fly konusuna değindikten sonra sıra Ext ve CSS işlemlerine geldi. Burada da Ext.fly‘ı kullanarak CSS işlemleri yapacağız. Bu nedenle Ext.fly‘ı anlamış olmanız gerekir. Çünkü CSS metotları Element Class’ı içerisinde yazılmıştır ve Ext.css() şeklinde bir kullanım mümkün değildir.
CSS işlemleri
Ext ile çok rahat ve detaylı bir şekilde CSS işlemleri yürütebilirsiniz. Ext’i bu konuda seveceğinize eminim. Ext ile CSS işlemi yaparken kullanağımız syntax Ext.get(‘el’).dosomething(); ya da Ext.fly(‘el’).dosomething(); şeklindedir. Biz Flyweight konusundan hatırlayacağınız gibi Ext.fly şeklinde kullanacağız. Şimdi konuya bir giriş yapma vakti. Bir iletişim formu hazırladığınızı düşünün… Bu formu AJAX ile yolladığınızda verinin yollanması yada hata oluşması durumunda bir işlem yaptırmanız gerekecek… İşlemin Başarılı ve Başarısız olma durumuna karşı iki CSS class ı oluşturalım.

Flyweight Design Pattern tek global objeler oluşturarak bunları tekrar tekrar kullanarak ram kullanımını minimize etmek için tasarlanmıştır. Daha fazla bilgi için bu adresi ziyaret edebilirsiniz.
Ext flyweight olarak kullanmak için global bir Ext.Element oluşturur. Bu global flyweight sonra DOM içindeki herhangi bir bölümde hedef olarak kullanılır. Bu flyweight objesine ulaşmak için “Ext.fly” metodu kullanılır. Ext’e yeni başlayanlar Ext.get mi yoksa Ext.fly mı kullanacakları konusunda şaşırırlar. (Bende bunlardan biriydim).
Eğer bir Ext.Element’ini sonradan kullanmak için bir reference olarak kaydetmek zorunluysa Ext.Get kullanın. Eğer bir element’i reference olarak depolamaya ihtiyaç yoksa Ext.fly kullanılmalıdır.
Konuyu kavramanız açısından şunu not olarak belirtmemde fayda olacağını düşünüyorum. Benimde bu konuyu kavramamda Ext takımından Aaron Conran’ın örneği çok faydalı olmuştu.

CSS (Cascading Style Sheets) bir web sitesinin “sunumu” için kullanılabilecek modern bir standarddır. HTML, XHTML gibi yapısal bir kodlama dili ile birleştirildiğinde, CSS işin sunum kısmının altından tümüyle kalkarak “HTML içerik içindir, CSS sunum içindir” konseptini oluşturmuş olur. Eğer CSS biliyorsanız, boşlukları renklendirme, sınırlar (border), konumlandırma, marjlar, boşluklar, renkler, fontlar, arkaplan görselleri, hover (fare imlecini bir elementin üzerine getirme) efektleri ve diğer sunumsal efektleri yapabilirsiniz. CSS’yi anlaması gerçekten kolaydır ve bana göre her grafik tasarımcısı en azından HTML ve CSS‘nin temellerini bilmelidir, zira CSS işin tasarımı ile doğrudan alakalıdır, kodu ile değil.
1st Web Designer sitesinin yayımladığı bu makalede, CSS‘yi gerçekten verimli kullanmanızı sağlayacak ihtiyacınız olan en iyi kaynakları bulacaksınız. Özellikle CSS Tricks web sitesine ve Delicious CSS etiket kullanımına bir göz atmanızı öneririm – orada …