Merhaba arkadaşlar. Yayınladığımız slider konulu makalelere gösterdiğiniz alaka sebebiyle aynı konuyu tekrar işlemeye karar verdik. Bugün sizlere kolay kullanımı ve gelişmiş özellikleriyle Fotorama Slider‘ı tanıtacağız. Yapımcıların yorumu şöyle :
(daha&helliip;)“Basit, şaşırtıcı, jQuery ile hazırlanmış gülçlü bir resim galerisi.”
After Effects derslerimizin ikincisiyle sizlerleyiz. Bu videomuzun konusu ‘timeline’. Paneli tanıdıktan sonra ilk opacity aracı ile bir örnek hazırlıyoruz. Sonrasında ise daha detaylı bir çalışma yapıp render alıyoruz.
Joomla aynı WordPress gibi dünyanın en çok kullanılan CMS’lerinden birisi. Fakat WordPress ile aynı kullanışlılığı sunmadığı zamanlar olabiliyor. Dolayısıyla yola Joomla ile çıkmış birisi daha sonra WordPress’e taşınmak isteyebilir. Özellikle binlerce eklenti ve tema desteği WordPress’i daha çok tercih edilen CMS yapmakta.
Bu makalemizde “Joomla’dan WordPress’e nasıl geçiş yapılır?” sorusunu cevaplayacağız. (daha&helliip;)
CSS3’ün gradient özelliği ile dikkat çekici arka planlar hazırlamak mümkün.
Renk geçişleri için genelde büyük boyutlarda JPG ve PNG dosyaları kullanılır. Bu da web sayfanızın aşırı yavaşlamasına sebep olabilir. CSS Gradient sayesinde oluşturacağımız renk geçişleri performans açısından görsel dosya formatlarından fazlasıyla önde.
Şimdi ilk bu yeni özelliği tanıyalım, sonra ise birkaç kaliteli örnek üzerinde çalışalım. (daha&helliip;)
CSS’in transition efektleriyle ilgili bir çok çalışma yaptık. Fiziksel efektlerinden de rotate ve bluru daha önce birkaç kez kullandık. Hadi gelin hem o bilgileri pekiştirelim hem de gayet şık bir menü tasarımı yapalım. Ama öncesinde aşağıdaki örnek .GIF dosyasını görüntülemenizde fayda var.
Ya da canlı test etmek isteyebilirsiniz :
(daha&helliip;)
CSS in background kod satırı içerisinde desteklenen onlarca arka plan türü var. Bu yazımda ise gradient (renk geçişlerini) türünü konuşacağız.
Görsel sıkıştırma üzerine konuştuğumuzda renk geçişleri içeren bir objenin dosya boyutunun yüksek olduğundan bahsetmiştik. Hele ki bu görsel zıt tonlamalar arasında geziyorsa onu yayınlamak hem sunucunuzu hem de ziyaretçinizi fazlasıyla rahatsız eder.
CSS ise bunu farklı bir yolla yapıyor. Rengin atanması ve gradient olarak arka plana yerleşmesi kişinin siteyi ziyaret ettiği bilgisayarda işlenmekte ve bant genişliğini rahatsız etmemekte. (daha&helliip;)
CSS ile görsellere verilen geçiş efektlerinden daha önce bahsetmiştik. Şimdi yavaş yavaş detaylandırıyoruz.
Bu makalede sadece bir adet teknikten bahsedeceğim. Bu tekniği iki ayrı görsel tipi üzerinde uygulayıp sonuçları sizinle paylaşacağım.
İlk olarak örneği görüntülemenizi öneririm.
(daha&helliip;)
Bu dersimizde ilk olarak Nick La’nın web sayfasında gördüğüm CSS Text Gradient tekniğini öğreneceğiz.
Bu teknik minik bir hile üzerine kurulu. Web sayfanızın arka plan rengiyle uyumlu gradient dosyaları hazırlayıp onları span halinde yazıların üstüne ekliyoruz.
Nasıl mı? Beyaz bir arka plan, üzerinde siyah bir başlığın olduğu sayfanız var diyelim. Beyazdan 0% opacity e doğru giden bir gradient çizip .PNG uzantısı ile kayıt ediyorum ve yazının üzerine gelecek şekilde yerleştiriyorum. Böylece gayet kullanışlı bir yazı efekti elde ediyorum.
(daha&helliip;)
Her geçen gün JavaScript pastasından bir ısırık daha alan CSS gelişimini sürdürüyor. Bu makalemde ise CSS’in öne çıkan elementlerinden olan geçişleri (transitions) konuşacağız.
Bu yeni kod sistemi sayesinde iki renk, boyut, ölçeklendirme gibi birimler arasında geçiş sağlayabiliyoruz.
Özellikle son günlerde herkesin beğenisini kazanan Windows 8 benzeri menü örnekleri de konumuzun bir parçası.
Makalemize önemli örneklerle ve incelenmesi gereken kaynaklarla devam edelim :
(daha&helliip;)
WordPress Kullanıcılarının En Sık Karşılaştığı Hatalar ve Çözümleri
Sitenize Kolayca Slider Ekleyin
Photoshop’u Türkçe Yapma, Türkçeleştirme
Kolayca fotoğraflarınızın kalitesini arttırın!
CSS Renk İsimleri
CSS ile Yapışkan ‘Goo’ Öğeler
After Effects Ders 1 : Giriş
Photoshop ile Yazıları Resimle Kaplama
Sadece CSS ile Slider Yapımı