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 […]
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 […]
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 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 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, ü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 […]
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 […]
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 […]
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. * […]
Noupe çok güzel bir derleme yapmış. Bildirgeç’ten Takip de bizle paylaşmış.