css Arşiv

İnternet Sayfalarının Ölçüsünü Alın

Tasarım yaparken veya CSS kodlaması esnasında ölçüler çok önemlidir. Drag and drop ruler ise yatay ve dikey iki tane cetvel ile herhangi bir internet sayfasının ölçülerini pixel, cm, ve in birimlerinde görebilmemizi sağlıyor. Ayrıca sayfa kenarlarındaki klavuz cetvellerinden de konumlandırmaları fevkalade görebiliyoruz. Kullanımı oldukça kolay olan servisin sağlayacağı katkı; tasarım veya kodlama esnasında nesneler arasındaki

CSS:Açıklamalı Yatay Menü Yapımı

CSS artık derya deniz oldu. Herşey olmasa da birçok şeyin yapılması şekillendirilmesi CSS 3 ile birlikte ortaya çıktı. Bunlar bir yana dururken CSS ile yapılan çok güzel menülerde gözümüzü doldurmayı başardı. Bu tür menülerden bir tanesi de açıklamalı olanlarıdır. Açıklamalı menü dediğim şey özellikle navigasyon menülerde karşımıza çıkıyor. Büyük puntolarla yazılmış link (örneğin anasayfa) hemen

CSS Kodu Hazırlamak Artık Çok Kolay

CSS, web işleri ile uğraşan herkesin kısmen de olsa bilmesi gereken bir iştir. Blog yazarlarının bile bloglarında yapacağı yerleşimlerde, ekleyecekleri resimlerde, yazacakları yazılarda mantıken bilmeleri gereken birşeydir. Daha sonraki aşamada ise kendi tasarımlarını CSS’e aktarıp bir dizayn oluşturması vardır. Ancak bazen bu durum çok kolay olmayabiliyor. CSS’deki tüm terimlerin akılda tutulması bazen zor olabiliyor. İşte

10 Güzel Kod Gösterim Şekli

Bloglarımızda veya diğer internet sayfalarımızda ara ara kodlar yayınlıyoruz. Yayınlanan bu kodların tasarım bütünlüğünü bozmaması ve okunabilirlik oranı da oldukça önemlidir. Bu derlememde bu kriterleri ele alan 10 farklı kod gösterim şekline göz atacağız. Aslında daha birkaç adet fazla gösterim şeklini listeye alabilirdim ancak onlar da listeye aldıklarımın aynılarıydı. Bu yüzden farklı olanlara göz atmak

FriendFeed Embed Özelleştirme

Temamda kullandığım sosyal akış sayfasında kullandığım sosyal ağ ve servislerdeki son durum güncellemelerinin gösterildiğini söylemiştim. Bunun için de FriendFeed’in sağladığı API desteğini kullanmıştık. API arkaplan rengi, durum görüntülerinin istediğimiz şekilde düzenlenmesine imkan veriyor. Ancak biraz da programlama bilgisine sahip olmamız gerekiyor. Ancak FriendFeed’i sitemize eklerken özelleştirme yapmak için bir diğer yol da embed kodumuzu CSS

CSS3:Oval Köşe Kullanımı

Web sayfalarında görsel açıdan önemli yer tutan öğelerden birisi de oval köşelerdir. Oval köşelerin tasarım aşamasında çizimi basit olsa da kod dökümünde oldukça sıkıntı verenek bir olaydır.  CSS3’e kadar her köşeye bir resim atayıp oval görüntüyü bu şekilde elde ediyorduk. Ancak bu durum gereğinden fazla kodu, gereksiz resimleri de yanında getiriyordu. Bu da sayfayı görüntülemek

CSS Compressor:CSS Optimizasyon

Günümüzdeki internet sayfalarının görsel olarak ön plana çıkmasını sağlayan CSS bazen çok büyük boyutlara ulaşır. Satır aralarındaki boşluklar, yorumlar ve buna benzer unsurlar CSS’in şişmesine ve her yüklenişinde site sahibine ek maliyet getirir. Bu unsurları kaldırıp sıkıştırma işlemine de optimizasyon denir. Bunu yapmak için onlarca program ve internet servisi mevcut. Onlardan birisi ve en başarılı

WordPress İçin Yazı İçinde Not Alanları Oluşturmak

WordPress blogumuzda yazılar yazarken bazıyerlerin not olarak aktarılmasını diğer kısımlara göre daha farklı görünümde olup dikkat çekmesini isteriz. Bunun için çözümlerden birisi özel bir span tanımlayıp bu kısmı span ile yazmaktır. Ancak bu her zaman çözüm olmuyor. Bunun yerine özel bir not kodu oluşturup, not alanını CSS ile kendimize göre ayarlayarak daha basit bir şekilde

CSS Sprite Tekniği

İnternet standartlarının yükselişi ile CSS, yeni bir soluk getirdi hem kullanıcılara hem de programcılara. Son dönemin de yeni soluğu Sprite CSS yine hem kullanıcı açısından hem de site yöneticileri açısından pek çok avantajı beraberinde getirdi. Makalemizde Sprite CSS’in ne olduğuna, kullanıcılara, site yöneticilerine ve programcılara ne gibi avantajlar sağladığına ve Sprite CSS’in nasıl oluşturulacağına dilim