CSS Dersleri
Ana Sayfa Kodlaması Bir önceki makalemde sizlere kodlamaya başlamadan önceki süreci anlattım. Şimdi sizlerle sitenin Ana Sayfasını nasıl kodladığımı anlatmaya çalışacağım. Bu makaleye yazacağımı düşünerek kodlama yaparken notlar tutmuştum, bu makale biraz da o notların derlemiş hali şeklinde olacaktır. * I -Kodlama Öncesi Hazırlıklar * II – Ana Sayfa Kodlaması (bu sayfa) * III
CSS Dersleri
Friendfeed'deki Arayüz Geliştiricileri (Friendfeed; twitter'ın daha gelişmiş sürümü) grubunda konuştuktan sonra bu yazıyı yazmayı düşündüm. Şirketler eleman ararken bazı şartları ileri sürüyor, peki bunlar ne kadar gerçekçi. Daha önce Front-end kavramına karşılık "Arayüz Geliştirici" olarak tanımlıyorduk, ancak sonra irdeleyince "Önyüz Geliştirici" tanımının
CSS Dersleri
Sözde sınıf ve elementler makalesinde değindiğim bir konu idi bu. Ancak genelde bu özelliği tasarımcılar ve kod yazarları atlıyor. Şimdiye kadar ki hiç bir projemde kullanma gereği duymadım açıkçası. Ama bence kullanılabilirlik açısından önemli bir özellik. Bundan sonraki projelerimde kullanmayı düşünüyorum. http://www.evalotta.net/ sitedeki uygulamayı görünce çok hoş
CSS Dersleri
Bir çok sitede karşılaştığımız sayfanın dibine yapışık alt kısımları bu makalede anlatmaya çalışacağım. Bunu hiç javascript kullanmadan sadece css yardımı ile yapacağız. Site içeriğinin az olduğu durumlarda sayfanın alt kısımları normal akış içerisinde ise yukarı doğru kayacaktır ve hoş olmayan görüntülere neden olacaktır. Bu gibi durumları engellemek için sayfamızın alt
CSS Dersleri
Web sitelerin kodlarken genelde hafızamdaki hazır metotları kullanıyorum. Ancak sonra farklı bir yöntem görünce aklıma "acaba bu daha mı iyi" sorusu geliyor ve araştırma yapmaya başlıyorum. Sayfalamada da aynı durum söz konusu benim için. Burada yaptığım araştırmayı sizlerle paylaşmayı düşünüyorum. Genel olarak sayfalama hakkında bir giriş yapalım sonra
CSS Dersleri
Tablo satırına ardalan resmi tanımladığımızda Firefox ve Opera'da sorun yok iken Internet Explorer ve Webkit tabanlı tarayıcılarda(Safari ve Google Chrome) sorun çıkarıyor. Biz burada Internet Explorer için nasıl bir çözüm üretebiliriz onu göstereceğiz. Webkit tabanlı tarayıcılar için çözüm bulamadım üzgünüm. {% highlight css %} table tr{ background:url(images/
CSS Dersleri
Daha önce birçok kez bu konuda bana e-posta geldi. Buraya yazmanın mantıklı olacağını düşündüm. {% highlight css %} secici { opacity: .75; /* Standard: FF gt 1.5, Opera, Safari / filter: alpha(opacity=75); / IE lt 8 / -ms-filter: "alpha(opacity=75)"; / IE 8 / -khtml-opacity: .75; / Safari 1.x / -moz-opacity: .75; / FF lt
CSS Dersleri
Bir çok projemde sIFR kullanıyorum. Yaklaşık 1-2 ay önce Flash Player 10 çıktıktan sonra sIFR kullandığım başlıklarımda sorun çıkmaya başladı. İlk başta anlayamadım. Biraz araştırınca sIFR'ın bazı tarayıcılarda(Firefox ve Safari) Flash Player'ı tespit edemediği için böyle bir sorun ile karşılaşıldığı söyleniyor. Çözüm için yapmamız gerek
CSS Dersleri
Daha önce bu konuya Resimli Menüler kısmında anlatmıştım, ama orada yapı daha karışık olduğu için anlaşılması ve basit uygulamalara uyarlanması konusunda sıkıntılar oluyordu. Bu işi daha basit bir örnek yardımı ile yapıp daha anlaşılır yapmak için beraber bir örnek yapalım. Tek resimde işi halletmemiz, resmin sayfa yüklenmesinden önce yüklenmesi sebebiyle
CSS Dersleri
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
CSS Dersleri
Firefox 3.1 Beta1 çıktı. Aslında sadece bir haber değeri taşıyan bir bilgi, ancak Firefox 3.1 ile birlikte bir çok sevindirici gelişmeler getirdiği için dikkate değer bir yenileme. Bir ara sürüm değilde sanki yeni bir sürüm gibi. Yeni özelliklere bir göz atalım. Geolocation Geode internet tarayıcıları için yeni kavram.
Web Standartları
Bazı siteleri w3 kontrolünden geçirirken "The Unicode Byte-Order Mark (BOM) in UTF-8 encoded files is known to cause problems for some text editors and older browsers. You may want to consider avoiding its use until it is better supported." hatasını alıyorum. Çözmek için Crimson Editor ile açıp Document-