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)

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ı.