En çok kullandığım CSS Hileleri(Hack)

Kasım 3rd, 2008 • 13 yorum CSS, Web Standartları, XHTML
Etiketler: clearfix, Dreamweaver, float, hileler, Kutu-Modeli, min-height, snippets

Yaklaşık 3-4 senedir css ile web sayfası kodluyorum. CSS ile web sayfası kodlarken en çok sorun çıkaran konulardan biri farklı tarayıcılar için kod yazmaktır. CSS hileleri ile geçiştirdiğimiz bu farklı tarayıcılara göre kod yazma işi bize aslında CSS ile sayfa kodlama imkanı sunması bakımından önemlidir. Eğer CSS hileleri olması idi biz farklı tarayıcılar için değil belirli tarayıcılar için kod yazmış olacaktık ki bu erişebilirlik açısından ve müşteri istekleri açısından sorun oluşturan bir durumdur.

Başta dediğim gibi 3-4 senedir CSS ile sayfa kodluyorum ve en çok kullandığım css hilelerini burada yazmamın uygun olacağını düşündüm. Çünkü birçok bu işi yeni başlayan arkadaş için önemli bir bilgi olacağını düşünüyorum. Lafı fazla uzatmadan listemiz açıklayalım.

Okumaya devam edin »

Javascript’te Parantez Takibi

Ekim 9th, 2008 • 18 yorum Javascript
Etiketler: Dreamweaver, Javascript, NotePad, parantez

Javascript ve jquery ile program yazarken en çok parantezleri nerede açıp kapadığımız önem kazanıyor. Çoğu zaman parantez takibi yapmak zorunda kalıyoruz.

Dreamweaver’ın “Balancing Braces” özelliği sayesinde parantez takibi kolaylaşıyor. Fonksiyonun nereden başlayıp nerede bittiğini görmek gerekiyor. Bu özellik bize parantez takibi sağlıyor.

Güzel bir özellik olsa da NotePad ++’ ın çizgileri ve parantez takip olayı bence daha iyi. Bilmiyorum belki Dreamweaver’ın böyle bir ayarı vardır. Ama ben bilmiyorum.

Adobe Creative Suite 4 çıktı

Eylül 25th, 2008 • 8 yorum Haberler
Etiketler: adobe, Dreamweaver, Fireworks, Photoshop

Adobe Creative Suite 4 benim açımdan sadece Dreamweaver önemli. Dreamweaver yenilikleri ümit verici. Sabırsızlanıyorum. Daha önce bahsetmiştik. Adobe Macromedia Dreamweaver CS4 Beta

Ayrıca Adobe Türkçe’de güzel bilgiler var. Ayrıntılı bilgi için tıklayınız.

Ayrıca Photoshop mu Fireworks mu? kararınıda vermek gerekecek. Alışkanlıklar kolay bırakılmadığı için Photoshop ile devam edecek gibiyiz.

28 Mayıs 2008 web’den seçme haberler

Mayıs 28th, 2008 • 4 yorum Haberler
Etiketler: ASP.NET, css3, Dreamweaver, Google javascript kütüphanesi api, iframe gibi div, jquery, mootools, resim galerisi, seo

• “Tasarımcılar için SEO Rehberi” - siberkultur.com Bağlantı
• jQuery ile animasyonlu açılıp kapanan katmanlar yapmak. Bağlantı
• iFrame gibi davranan katmanlar oluşturmak. Bağlantı
• Design Shack CSS 3 anlatmaya devam ediyor. Bu makaledeki konu ardalanalar(background) ve yeni özellikleri. Bağlantı
• Türk Blog Yazarları ve Acı Gerçekler - listeniz.net Bağlantı
• Google javascript kütüphanelerini host ediyor. Hazırlanan api sayesinde bilinen başlıca kütüphaneleri google üzerinden site kodlarken kullanabileceğiz. Bağlantı
• Profesyonel web sitesi oluşturmak için yapılması gerekenler listesi. Bağlantı
• Adobe Dreamweaver CS4 Beta’yı duyurdu. Güzel yeni özellikleri var gibi. Bağlantı
• jQuery ve Mootolls karşılaştırması. Bağlantı
• Asp.net’de mesaj kutularını CSS ile oluşturmak. Bağlantı
• CSS ile süslü resim galerisi yapmak. Bağlantı
  

07 Şubat web’den şeçme haberler

Şubat 7th, 2008 • 1 yorum Haberler
Etiketler: css3.0, Dreamweaver, google, Haberler, jquery, mailing, yahoo

• Dreamweaver ile javascript kütüphaneleri kolay kullanmamız için güzel bir eklenti hazırlamışlar. Artık dw javascript kütüphaneleri ile çalışmak daha kolay. Bağlantı
• Google’dan farklı arama araçları. Bağlantı
• Yahoo javascript kütüphanesinden CSS sayfa iskeleti oluşturma aracı. Bağlantı
• CSS3 ile birlikte gelen sözde seçicisi :target hakkında güzel bir makale. Bağlantı
• Etkileyici web sayfası tasarlamanın 10 yolu. Bağlantı
• Güzel html mailing hazırlamanın yolları. Bağlantı
• CSS ile kitap bölüm girişi örneği. Bağlantı
• Seçilen metinin artalan rengi atamak.(Firefox ve Safari için) Bağlantı
• Erişilebilirlik için 10 kural. Bağlantı
• web kodlayıcılarının yaptığı 8 hata. Bağlantı
• jQuery ve DOM işlemleri Bağlantı
• Tasarımcının Sağ, Programcının Sol Eli: HTML Coder Bağlantı

04 Ekim 2007 Web’den Seçme Haberler

Ekim 4th, 2007 • Haberler
Etiketler: css3.0, Dreamweaver, font, form, google, Haberler, microsoft, msn-live, spry, yahoo, yuvarlak kenar

• Adobe Dreamweaver CS3′de de bulunan javascript kütüphanesini(Spry) yenilemiş. Bağlantı
• csharpnedir.com’dan "WPF - Yeni Nesil Form Kontrolleri - 2" isimli bir makale yayınlamış. Bağlantı
• Yuvarlak kenarlı kutu yapmak hakkında geniş bilgi. Bağlantı
• CSS3.0 ile birlikte kullanıcıya istediğimiz yazı tipini kullandırabilecekmişiz. Mozilla şimdilik desteklemiyor ancak 2008 içinde desteklemesi bekleniyormuş. Burada bir iki sorun daha var ama bu font işine kesin bir çözüm bulmak gerekiyor. sFIR bir çözüm ama daha basit bir çözüm gerekiyor. Bağlantı
• Yahoo arama motorunu geliştirmiş. Arama yardımcısı eklemiş. Bağlantı
• En iyi üç arama motorunu karşılaştırmışlar. Yahoo, Google ve MSN Live Bağlantı
• SmashMagazine Web tarayıcıları hakkında güzel bir makale hazırlamış. Bağlantı
• Microsoft .net Framework’ün kaynak kodlarını yayınlamış. Bağlantı