Efendim, başlığımda belirttiğim üzere uzunca bir aradan sonra Yeniden Merhaba. Bu kez gerçekten uzun bir ara oldu. Son yazdığım gönderinin tarihi 10 Mayıs olunca neredeyse 3 aylık bir dönemdir yeni yazı girişi yapmıyorum siteye.

Sanıyorum t’infection’un tarihi boyunca yaşadığı en uzun süre durgunluk bu zamana denk geldi. Hem t’yi unutmadığımı belirtmek hem de biraz olsun yazı yazmanın heyecanını yeniden yaşayabilmek için bu gönderiyi yazıyorum. Bu zaman zarfında hayatımda ne gibi değişiklikler oldu onları da anlatmak isterim :)

Merhabalar. Son dönemlerde t’infection.com’da yazdığımız gönderilerde oldukça sık kod betikleri kullanıyoruz. Xhtml, Css, Php ve Javascript kodlarını gösterip bir takım anlatımlarda ve uygulamalarda bulunuyoruz.

t’infection.com’da kullandığımız kod renklendirici eklenti oldukça eskiydi ve geçtiğimiz günlerde bunu değiştirmeye karar verdim. Bu işlem için SyntaxHighlighter Evolved eklentisini kullandım. Bu yazımızda bu eklentiyi ve kullanımını sizlere kısaca anlatmaya çalışacağım.

Yeniden Merhabalar. Yine bir uygulama yazısı ile karşınızdayız. Bu kez de basit kodlar kullanarak etkili bir navigasyon örneği yapmaya çalışacağız.

Bu yazımızda sizlerle Css3′ün Linear Gradient özelliğinden yararlanarak Apple.com sitesindeki gibi bir navigasyon tasarımını nasıl yapacağımızı konuşacağız. Dilerseniz uygulamaya geçmeden önce neden böyle bir örneği oluşturmaya gereksinim duyduk bundan bahsedelim.

UYGULAMA ÖNİZLEME UYGULAMA İNDİR (10kb)

Merhabalar. Yazımın başlığından da anlayacağınız gibi bugün bir uygulama yazısı veya makale paylaşmayacağım. Bugün daha ziyade şu aralar sıkça tartışılan “Blog yazarlığı”, “Blog Ödülleri” gibi konulardan bahsedeceğim.

Yazımın başında söylemek istiyorum ki bu konu hakkında söyleyeceğim sözler “evet bu kuraldır, bu iş böyle olur” niteliğinde tanımlar olmayacak. Daha ziyade kendi görüşlerimi sizinle paylaşacağım. Hem t’infection’a artık kişisel yazılarımı da yazacağım dememiş miydim, buyrun kişisel bir yazı :)

Merhabalar. Bildiğiniz üzere Youtube kısa bir süre önce tasarımını değiştirdi. Bir takım küçük değişikliklerle tasarımın hem sade hem de daha kullanışlı tutulmaya çalışıldığını görüyoruz. Bana kalırsa bu konuda oldukça başarılı gidiyorlar.

Youtube’da üye girişi yaptıktan sonra üst sağ alanda yer alan navigasyon sadeliği ve etkili görünümü ile çok hoşuma gitti. Bu yazımızda bu tarz bir menü sistemini basit kodlar yazarak nasıl yapabileceğimizi anlatacağız.

UYGULAMA ÖNİZLEME UYGULAMA İNDİR (8kb)

Merhabalar. t’infection.com’un 4. yaşını sizlere duyurmaktan büyük mutluluk duyuyorum. 4 yıl önce bugün başladığımız blog maceramız t ile bugüne kadar gelebildik. Bir yaşımıza daha girmenin mutluluğunu yine sizlerle yaşıyoruz.

Bu 4 yıllık zaman sürecinde bizi yalnız bırakmayan siz ziyaretçilerimize ve takipçilerimize teşekkür ediyorum. Bu vesileyle önümüzdeki dönemde t’infection’da bir takım değişiklikler düşünüyor ve bunları sizinle paylaşmak istiyorum.

Uzun bir aradan sonra yeniden merhaba. Bu makalemizde yine sizlerle bir navigasyon uygulaması paylaşacağız.

Bu uygulamamızda Css3, Xhtml ve jQuery ile ikon destekli dikey (vertical) tab menü (veya tab navigasyon da diyebiliriz) uygulaması yapacağız. Tab menümüzü oluşturduğumuz aşamaları da makalemiz sonunda sizlerle konuşacağız. Dilerseniz hemen kodlarımızı yazmaya başlayalım.

UYGULAMA ÖNİZLEME UYGULAMA İNDİR (16kb)

Tarayıcıların Css3 desteklerinin genişlemesiyle birlikte bu alanda yapılan birçok çalışmayı artık rahatlıkla test edebiliyoruz. Özellikle son dönemlerde gördüğümüz örneklerde Css3′ün Transform parametresinden yararlanılarak birçok uygulama yapılabiliyor.

Bu makalemizde Css3 Transform (dönüştürme) işlemlerinin ne olduğunu ve nasıl kullanıldığını anlatacağız. Rotate, Translate, Skew ve Scale gibi özelliklerden bahsedecek ve örneklerle kodlarımızın nasıl çalıştığını göreceğiz.

Uzun bir aradan sonra yeniden merhabalar. Bu makalemizde Css ve Xhtml ile klasik bir yatay açılır menü yapacak daha sonra bu menümüzü jQuery ile biraz dinamik hale getireceğiz.

Menümüzü oluştururken Css3′ün bir takım özelliklerinden de yararlanacak ve görünümü daha iyi hale getirmek adına menü kodlarımızda kullanacağız. Şimdi dilerseniz hemen uygulamamıza geçelim.

UYGULAMA ÖNİZLEME UYGULAMA İNDİR (3kb)

Merhabalar. Birçok tarayıcının güncellenmesiyle artık biz de Css3 kodlarımızı daha sağlıklı çalıştırır hale geldik. Özellikle Firefox 3.6 üzerinde yaptığımız uygulamaları daha iyi görme şansımız var.

Bu makalemizde de Css ile basit bir yatay menu yapacak, bu menüye gölge efekti verecek ve biraz da jQuery ile animasyon katacağız. Özellikle box-shadow ve border-radius bu makalemizde üzerinde duracağımız konulardan.

UYGULAMA ÖNİZLEME UYGULAMAYI İNDİR (3kb)