Tutorial Dizisi: CSS Tabanlı Menü ve Buton

CSS Menü Eğitselleri 01. Gelişmiş CSS Menu : Webdesignerwall Tutorial Link 02. CSS Sprite : Ehousestudio Tutorial Link 03. CSS Sliding Doors tekniğini WordPress’te kullanma : Wphacks Tutorial Link 04. CSS menu : Howtocreate Tutorial Link 05. CSS Tab – Dropdown Menü : Dave-woods Tutorial Link 06. Animasyonlu yatay tab menü : Dynamicdrive Tutorial Link […]

Tekrarlanan Kolonlarda Margin ve Padding Taşmasından Kurtulmak

CSS ile kolonlar (column) oluşturmak zor olmayan bir şey. Ancak sütunlarınız dinamik bir şekilde oluşuyorsa ve CMS ‘niz kodlarla oynamanıza pek izin vermiyorsa aşağıdaki resimdeki gibi taşmalar söz konusu olabilir. Normal şartlarda (koda elle müdahele edebileceğiniz basit bir yapıya sahipseniz) son sütuna özel stil tanımlayıp sorundan kurtulabilirsiniz. Peki dinamik bir yapıda çalışıyorsanız bu sorunun nasıl […]

CSS ile Bulanık Arkaplan

Bu teknik Chris Coyier‘in web sitesinden alınmıştır. Demo  Kaynak Dosyalarını İndir Bu uygulama sabitlenmiş (fixed) arkaplan kullanımı için uygundur. İşin püf noktası ise iki arkaplan (background) resmi kullanmak. Orijinal resmi body elemanının arkaplanı, bulanık renkli resmi ise içerik kapsayıcı alanın arkaplanı olarak belirlemek bizi amacımıza ulaştırıyor.  Görüntü kaymalarını önlemek, iki resmi aynı konumda tutmak için […]

CSS yardım

 CSS ile ilgili yardıma ihtiyaç duyduğunuzda göz atabileceğiniz siteler: Stack Overflow CSS-Discuss.org CSS Cheat Sheet CSS Kısayol Cheat Sheet Web Geliştirici Eklentileri Firebug CSS-Tricks Using CSS to Do Anything: 50+ Creative Examples and Tutorials CSS Layouts: 40+ Tutorials, Tips, Demos and Best Practices Top Reasons Your CSS Columns are Messed Up Kaynak: Vandelay Design

iPhone’da text genişlemesini önleyin

iPhone’da web sitesi görüntülerken  textler genişliyor. Bu durum kullanılabilirlik, yazıların okunabilirliğini mümkün kılmak  açısından önemli bir özellik olmasına rağmen bir web uygulamacısı olarak, web sitenizde istemediğiniz görünümlere, layout bozulmalarına sebep olabilir. Textin yeniden boyutlandırmasının önüne geçmek için aşağıdaki kodu sitenizde gerekli yere eklemeniz yeterli. -webkit-text-size-adjust: none; Kaynak: CSS-tricks

Deploy: Web projenizin iskeletini bir kaç saniyede oluşturun!

Deploy, ücretsiz, açık kaynak kodlu, web projelerinizin iskeletini bir kaç saniyede oluşturmanıza olanak sağlayan, W3C XHTML-CSS uygunluk testinden geçmiş kodları bir kaç tıklamayla önünüze seren bir web uygulaması. Kullanacağınız HTML tipini belirliyorsunuz: XHTML 1.0 Strict XHTML 1.0 Transitional HTML 4.01 Strict HTML 4.01 Transitional CSS tipini belirliyorsunuz: None Blank With Resets jQuery kullanacak mısınız? Minified […]

“The Art and Science of CSS” Kitabını ücretsiz indirin!

SitePoint sitesi 29.95$ değerindeki kitabı kısa bir süreliğine (bugünden itibaren 6 gün kaldı) ücretsiz indirmenize olanak sağlıyor. Yapmanız gereken tek şey Twitter hesabınızdan sitepointdotcom ‘u takip etmek. Twitter hesabınız yoksa Twitaway linkine tıklayarak sapdaki alana mail adresinizi yazın. Gelen konfirmasyon maili sonrasında pdf yükleme linki mailinize gelecektir. 208 sayfalık kitabın bölümleri ise şöyle: Ch a […]

CSS ile sayfa zeminine hükmedin!

Bu yazıyı Bildirgeç‘ten KAghast yazmıştır.   XHTML’in cazibesinden gözlerinizi kamaştırabilmek için size, CSS kullanarak ne gibi zemin işlemleri (css background) yapabileceğinizi anlatmak istiyorum. Artık HTML etiketlerinde klasik olarak kullandığımız “background” etiket özelliği (property) yerini CSS‘in güçlü background tanımlarına bıraktı. Sayfa zeminine tam ekran resim yerleştirme: Mesela sayfanız zemininde tam ekran olarak görüntülenecek bir görsel kullanmak […]

Construct your CSS!

Başlıktan anlaşıldığı üzere CSS inşa edeceğiz! Hem de çok basit bir şekilde. Christian Montoya isimli developer CSS şablonunuzu çıkarmanız için çok kullanışlı bir araç geliştirmiş. Bu araç; bir kaç tıklamayla ve klavyeden basacağınız bir kaç harfle satır ve sütun ekleyerek bir site şablonu çıkarmanıza yardımcı oluyor. Kullanım: * Sayfa oluşturmak için http://www.constructyourcss.com/ adresine giriyorsunuz. * […]

CSS Tasarımları: 40’dan fazla ders, ipucu ve en iyi örnekler

Noupe çok güzel bir derleme yapmış. Bildirgeç’ten Takip de bizle paylaşmış.