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)

Merhabalar. Photoshop’ta bildiğiniz gibi birçok metin efektini basit bir şekilde yapabiliyoruz. Aynı şekilde Photoshop’ta yazımızı bizim belirlediğimiz bir yol (pathway) üzerine de yazabiliyoruz. Bu makalemizde kısaca Photoshop’ta bir metni belirlediğimiz yön üzerine nasıl yazacağımızı anlatacağız.

Unutmadan belirteyim uygulamamı Adobe Photoshop CS3 Extended versiyonu üzerinde yaparak sizlere anlatacağım. Şimdi dilerseniz uygulamamıza geçelim ve nasıl yapıldığını görelim…

Yeniden Merhabalar. Yılın ilk günündeki bu ilk gönderimiz vesilesiyle hepinizin yeni yılını kutlar, yeni yılda beklediğiniz güzel şeylerin gerçekleşmesini dilerim.

Günümüz web trendlerinin başında kullanıcılarınızla etkileşim ve iletişime geçmek geliyor. Bu gönderimizde sayfamıza jQuery yardımıyla bir iletişim form alanı koyacak ve ziyaretçinin tetiklemesiyle bu alanı gösterip geri kapatabilecek bir uygulama yapacağız. Dilerseniz hemen uygulamamıza geçelim.

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

Merhabalar. Bu makalemizde sizlerle basit olarak resim bağlantılarda resme ait tanımlamalarımızın nasıl gösterileceğini anlatacağız. jQuery javascript kütüphanesinden yararlanacak ve uygulamamıza görsel olarak renk katmaya çalışacağız.

Resimlerin üzerine fare ile gelindiğinde açıklama gösterilmesi, resmin tanımladığı konunun veya makalenin bağlantısının verilmesi son dönemlerde oldukça sık kullanılan bir özellik…

UYGULAMA ÖRNEĞİ ÖRNEĞİ İNDİR (37kb)

Uzun bir aradan sonra yine merhabalar. (Yazmayalı çok uzun zaman olmuş gerçekten) Bu makalemizde sizlerle web tasarımında son dönemlerde oldukça sık kullanılan açılır navigasyonları nasıl oluşturacağımızı anlatacağız.

Hemen belirtmeliyim ki bu makaleyi yazarken Smashing Magazine‘in yeni tasarımından esinlendim.  Kategorileri görüntülediğimiz menü oldukça hoşuma gitti. Bu tarz bir menü yapımını sizlerle paylaşmaya karar verdim.

MENÜ ÖNİZLEME MENÜ DOSYASI İNDİR

Merhaba sevgili okurlar. Yazımın başlığından da az çok anlayacağınız üzere bu defa teknik bir konuyu konuşmayacağım. Herhangibir uygulama yapıp bunun üzerine de birşeyler anlatmayacağım. Bu yazımı biraz kendime ve blog yazmanın ben de bırakmış olduğu şeylere ayırdım.

Umarım yazımın devamını okurken sıkılmazsınız. (t’infection’da hiçte alışık olmadığım bir türde yazı yazıyorum, affınıza sığınarak…)

Wordpress tarih gösterimi aslına bakarsanız çoğu zaman üzerinde pek durmadığımız bir özelliktir. Tarih gösteriminin özelleştirilmesi ve farklı şekillerde gösterilmesi aslına bakarsanız sandığımız kadar zor değil.

Farklı tarih gösterimleriyle birlikte blogumuzun görünümünü de büyük oranda değiştirebilir ve farklılık katabiliriz. Bu makalemizde örnek olarak Wordpress tabanlı bir blog üzerinde bir tarih alanı oluşturacak ve bunu görüntüleyeceğiz.

Merhabalar. Açıkçası bu makaleye nasıl bir başlık vereceğime karar veremedim. Zira bu Photoshop uygulamamızda yapacağım gömülü metin etkisini (inset text) nasıl Türkçeleştireceğimi bulamadım. Başlık için beni mazur görmenizi diliyorum.

Inset text aslına bakarsanız yeni bir teknik değil. Daha önce de kullanılan bir Photoshop metin efekti tekniği. Ancak son dönemlerde oldukça sık kullanılmaya ve kıymeti bilinmeye başlandı.

Efendim uzun bir süre sonra Yeniden Merhaba! Son gönderimizin üzerinden neredeyse 1 ay geçmiş. Bu zaman zarfında gerek iş yoğunluğu gerekse de t-infection.com’un yeni tasarımıyla uğraşmaktan makale yazma fırsatı bulamadım. Yaklaşık bir aylık yazı orucumuzu yeni görünümümüzü duyurarak bozuyoruz :)

Sizlerin de görmüş olduğu gibi t-infection‘da köklü değişikliklere gittik. Yazımızın devamında bunlardan ve biraz da t-infection’un geleceğindenbahsedeceğiz.

jQuery şüphesiz en çok bilinen ve kullanılan Javascript kütüphanesi. Bunda kısa kodlarla büyük işler başarmasının elbette çok büyük payı var. jQuery’nin sunduğu efekt, olay ve işlemler sayesinde çok az bir kodla muhteşem şeyler yapılabiliyor. Ben bu yazımızda çok kısa olarak jQuery ile web sayfalarımızda kullanmak üzere bir açılır panelin nasıl yapılacağını anlatacağım. Makalemizin sonunda neler yaptığımızı anlatacak ve çalışır bir örneğimizi sizlerle paylaşacağız.

(Makalemize başlamadan önce jQuery’nin temel dosyasını indirmiş olmanız gerekiyor. jQuery’nin kararlı son sürümünü kendi sayfasından indirebilir ve üzerinde uygulamalar geliştirebilirsiniz)

Öncelikle panelimizin görünümünü düzenleyen Css kodlarını yazarak başlayalım…