CSS3 Özelliklerine Genel Bir Bakış

Tarayıcıların CSS3 desteğini günbegün artırması, CSS3’ün iyice önem kazanmasını sağladı. CSS3 sayesinde, web tasarımcıları daha önceden yapmak için bin takla attıkları kenar yuvarlama, gölge ekleme gibi şeyleri artık birkaç kod parçasıyla yapabiliyor. Getirdiği yeni tasarım olanaklarıyla çok daha yaratıcı ve şık siteler oluşturulmasına olanak sağlıyor.

Tabi CSS3 sadece bunlarla sınırlı değil. Aslında neyle sınırlı, ben de tam bilmiyorum.

Impressivewebs tarafından yayınlanan CSS3 Click Chart, CSS3 ile gelen özellikleri bir bakışta görmemize olanak sağlayan güzel bir araç. Devamını oku »

Yazının devamı »

1 yorum

UBenzer Beta Oldu!

Üzerinden tam üç sene geçtikten sonra sonunda UBenzer’in tasarımını değiştirmeyi başardım! Daha önce birçok defa temamı değiştirmeye çalışmıştım ama her seferinde “Yahu benim orijinal temam bundan daha güzel ki!” diyerek, kendi temama geri dönmüştüm.

Amma velakin, site büyüyor! UBenzer’in içeriği değişiyor. Eskiden beri okuyan okurlarım fark etmiştir. Artık “Hayat”, “Kişisel” ve “İlişkiler” kategorilerine yazdıklarım oldukça azaldı. Yazasım gelmiyor çünkü bu konularda.

Şimdi içerik daha bir teknolojik. Ve marka, mekânlardan müşteri izlenimleri de daha geniş bir yer tutuyor. İçerik teknolojiye yaklaşınca ve yazılar daha teknik olmaya başlayınca, benim eski temam biraz fazla “janjanlı” kalmıştı kanımca. Zaten 3 yıldır görmekten bir bıkkınlık da vardı bende.

Bu vesileyle, aylar süren tema araştırması ve iki aya yakın süren tema mıncıklaması sonucunda, daha sade ve daha içeriğe yönelik olan bu temayı yayına aldım. Temanın adı alltuts ve Site5 tarafından dağıtılan ücretsiz bir temanın mıncıklanmış hali. Mıncıklanmaya da devam edilecek.

Büyük bir ihtimalle bir yıl sonra bu temanın (da) orijinaline benzer pek de bir yanı kalmayacak. Devamını oku »

Yazının devamı »

5 yorum

Web’de Yazı Tipi Özgürlüğü

Problem

Web sitenizde kullanabileceğiniz yazı tiplerinin çok sınırlı olması. Yıl 2009 olmasına rağmen ne yazık ki öyle bir sınır var.

Günümüzde bir sürü işletim sistemi ve bir sürü tarayıcı var. Her işletim sistemlerinde aynı yazı tipinin (font) yüklü olmadığını düşünmek çok da zor bir şey değil. Günümüzde birden fazla yazı tipi standardı olduğunu öğrenmek de kimseyi şaşırtmayacaktır.

Hal böle olunca, tüm işletim sistemlerinde ve tarayıcılarda aynı (en azından benzer) görüntüyü elde edebileceğiniz yazı tipi sayısı çok sınırlı kalıyor. Sadece temel web fontları olarak adlandırabileceğimiz sayılı yazı tipleri, ya da eşlenikleri (neredeyse) tüm işletim sistemlerinde mevcut.

Bu “güvenle kullanabileceğimiz” yazı tiplerine buradan veya resim dosyası halinde buradan göz atabilirsiniz.

Ancak koca internet dünyasının bu kadarcık yazı tipi ile sınırlı olmasını kimse bekleyemez tabi. Herhangi bir yazı tipini tarayıcı ve işletim sistemi fark etmeksizin web sitelerinde kullanılabilmesi için çeşitli yöntemler geliştirilmiş.

Devamını oku »

Yazının devamı »

7 yorum

Gzip Sıkıştırması ile Sitenizi Hızlandırın

Gzip bir çeşit sıkıştırma algoritmasıdır. Web açısından baktığımızda gzip, özellikle HTML, CSS ve JS gibi metin tabanlı dosyalarda çok ciddi derecede sıkıştırma sağlayan bir sıkıştırma yöntemidir. Birçok web sunucusu ve güncel tüm tarayıcılar (ile web robotları) gzip sıkıştırmasını desteklemektedir. Devamını oku »

Yazının devamı »

30 yorum

Sene Bitti (2009)

Koca bir sene daha bitti. Hazırlık derken, üniversite bir derken, ikinci sınıf da bitivermiş. Hele öyle hızlı bitmiş ki, ikinci dönemin varlığı bile anlaşılamamış.

Üniversite hayatının yarısı çoktan geçmiş bile. Geri dönüp bakmaya ne kadar korksam da, mecburum bunu yapmaya… Neler öğrendiğimi, neler kaybettiğimi görmek zorundayım yoluma devam edebilmek için.

Bakalım koca bir senede ne olmuş? Devamını oku »

Yazının devamı »

4 yorum

CSS ile Harf Dönüşümü

Sunucu taraflı bir dil ve JavaScript kullanmadan belirli bir ID ya da Class’a (sınıf) CSS özelliği atayarak bu özelliği kullanan metinlerin tamamını küçük harfe, büyük harfe ya da ilk harfleri büyük hale getirmeniz mümkün.

(Az önceki satır, aşağıdaki gibi, CSS sınıfları ile biçimlendirilmiştir)

Sunucu taraflı bir dil ve JavaScript kullanmadan belirli bir <em>ID</em> ya da <em>Class</em>’a (sınıf) CSS özelliği atayarak bu özelliği kullanan metinlerin tamamını <span style="text-transform: lowercase;">küçük harfe</span>, <span style="text-transform: uppercase;">büyük harfe</span> ya da <span style="text-transform: capitalize;">ilk harfleri büyük hale</span> getirmeniz mümkün.

.sinif, #id {
   text-transform: lowercase; /* Hepsi küçük harf */
   text-transform: uppercase; /* Hepsi büyük harf  */
   text-transform: capitalize; /* İlk harfler büyük */
}

Devamını oku »

Yazının devamı »

3 yorum