CSS’in özelliklerinden birisi olan @font-face’den kısaca bahsedeceğim biraz. Kolay en basit haliyle nasıl kullanacağımızdan ve web sitelerimizde istediğimiz fontları nasıl kullanacağımızdan bahsedececeğim.
İlk olarak kullanmak istediğiniz fontu ayarlayın. Sevdiğiniz, tasarıma uygun bir font belirledikten sonra aşağıdaki CSS kodları ile fontumuzu nasıl kullacağımıza bir bakalım.
@font-face {
font-family: ‘elma’;
src: url(‘fonts/fontadi.otf’);
}
font-family: ‘elma’; Burada belirleyeceğimiz CSS kodları arasında fontumuzu nasıl çağırmak istiyorsan o isimi veriyoruz. Mesela h1 içerisinde bu @font-face özelliğini kullanmak istiyorsak h1′in fontunu şu şekilde belirlememiz gerekir; font-family:’elma’;
src: url(‘fonts/fontadi.otf’); Burada ise sayfamıza bir resim eklediğinizi düşünün. Resimi images klasörüne eklersiniz değil mi? …

 
Bildiğiniz gibi jQuery ile çeşitli slider çalışmaları yapabiliyorsunuz. Fotoğraflarla, yazılarla, hem yazı hem fotoğraflarla falan çeşitli çalışmalar ortaya çıkabiliyor. Ben size bu yazıda biraz daha (hatta çok kolay) kolay bir şekilde jQuery ile slider hazırlamanın küçük bir yolundan bahsedeceğim.
Bahsettiğim şey aslında bir program. WOW Slider aslında ücretsiz bir program yapılmış. Programı ücretsiz olarak bilgisayarınıza indirip kullanabilirsiniz.
Kısaca WOW Slider jQuery Slider programınn bir kaç özelliği:

İstediğiniz kadar fotoğraf ekleyebilirsiniz.
Geçiş efektlerini var olanlar arasından seçebiliyorsunuz.
Görüntülenme süresini ayarlıyorsunuz. Mesela her fotoğraf 3 saniye görüntülensin gibi.
Flickr, Picasa, Photobucket gibi fotoğraf sitelerinden slider için birkaç tıklama …

jQuery ile hazırlanmış bir çok slideshow görebilirsiniz. Ben daha çok sadeliğin hoş göründüğünü düşünürüm. Şimdiye kadar gördüklerimin arasında en çok hoşuma giden jQuery Slideshow bu oldu.
Sağ üst köşede yazılı olan “NEW!” yazısını kaldırabilir, sağ ve sol okları kaldırabilir ve hatta isterseniz (biraz jquery bilgisiyle) slaytın altında ki noktaları da kaldırarak kullanabilirsiniz. Slaytta yer alan fotoğraflara isterseniz bağlantı da ekleyebilirsiniz.
Oldukça şık ve çekici bu slideshow’un ana sayfası burası. İndirmek için kendi sayasına gidebilirsiniz. Kendi sayfasında demosu mevcut. Her ihtimale karşı ben bloguma da yükledim dosyaları. Gerekli dosyaları buradan indirebilirsiniz.

185 views

Css ile web sitesi geliştirenler arttı. Eskisi gibi tablolarla tasarım yapmak tarihe karıştı diyebiliriz. Css ile de oturup kod yazmadan dahi web sitelerinin arayüzlerini tasarlayabiliyoruz şuanda. İnternet ortamında bir çok kaynak var bu konuda.
960 GS‘den bahsetmek istiyorum biraz. Bilenler, duyanlar vardır elbet bunu fakat oturup da bu 960 GS’nin nasıl çalıştığını anlatan yoktu ben burada görene kadar. İzlen Öğren sitesinin blogunda yer alan bir kaç videodan bahsedeceğim size. Sitede şuanda 3 farklı video ile Dreamweaver ve 960gs ile Çalışmak başlığı ile eğitim videoları başlamış durumda. Birinci, ikinci ve üçüncü videoları …

CSS3′ün bazı yeniliklerini uygulayarak görebiliyor ve istediğiniz gibi bu yeniliğin kodunu alıp kullanabiliyorsunuz. İlk önce CSS özelliğini seçiyorsunuz, ortada o özelliği üzerinde uygulayacağınız bir önizleme alanı çıkıyor. Oradan önizlemeyi görebilirsiniz. En sağda da ortada ki önizlemeye ait kodlar bulunuyor. Onları kullanabilirsiniz.
CSS3 Maker sitesi gibi “hazır kod üreteci” gibi kullanılmak üzere hazırlanmış bir çok web sitesi var. Bu tarz siteler, siz kod yazarken sizin hızlanmanızı sağlar. Faylanmanız sizin yararınıza olur.

68 views

Evet, başlıktan da belli olacağı üzere bu bir davettir. Ücretsiz olarak değerlendirebileceğiniz mükemmel bir davet. Sadece bir gününüzü ayırarak çok güzel bilgiler edinebilirsiniz. Kendiniz için bir gününüzü feda etmenize değer bir davet.
Müşteri web tasarımcısından web sitesi ister. Web tasarımcısı da tasarımı hazırlar html formatına dönüştürür. Fakat müşteri “yönetilebilir” bir web sitesi istediği anda web tasarımcısında kayışlar kopar. Kodlama bilgisi pek olmadığı için işin içinden çıkmak için uğraşır. Ya bir kodlama yapabilecek bir arkadaş  bulmalıdır ya da ücretsiz sistemlerden faydalanmalıdır. İşte tam bu noktayı anlatıyor bu davet. Diyorlar ki, gelin sizinle …